:root{--ex-primary:#4cbb8c;--ex-primary-hover:#43a87f;--ex-body-bg:#fbfbfc;--ex-body-text:#1f2429;--ex-border-color:#e7ebef;--ex-sidebar-width:260px;--ex-topbar-height:64px}*{box-sizing:border-box}html,body{height:100%;color:var(--ex-body-text);background:var(--ex-body-bg);margin:0;font-family:IBM Plex Sans Arabic,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem}a{color:var(--ex-primary);text-decoration:none}a:hover{color:var(--ex-primary-hover)}.app-shell{min-height:100%}.content-wrapper{min-height:calc(100% - var(--ex-topbar-height));margin-inline-start:var(--ex-sidebar-width);padding:0 1.5rem 2rem}.sidebar{width:var(--ex-sidebar-width);color:#e7ebef;z-index:1030;background:#0f1216;padding:1rem 0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar .sidebar-brand{color:#fff;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:0 1.5rem 1.5rem;font-size:1.125rem;font-weight:600;display:flex}.sidebar .sidebar-brand img{height:28px}.sidebar .sidebar-header{text-transform:uppercase;color:#99a3af;letter-spacing:.04em;padding:1.5rem 1.5rem .5rem;font-size:.75rem}.sidebar .sidebar-item{color:#cfd6dd;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar .sidebar-item i{opacity:.85;font-size:1.125rem}.sidebar .sidebar-item:hover{color:#fff;background:#ffffff0a}.sidebar .sidebar-item.active{color:#fff;background:#4cbb8c26;border-inline-end:3px solid #4cbb8c}.sidebar .sidebar-item.is-disabled{opacity:.45;cursor:not-allowed}.sidebar .sidebar-item.is-disabled:hover{color:#cfd6dd;background:0 0}.topbar{height:var(--ex-topbar-height);border-bottom:1px solid var(--ex-border-color);z-index:1020;background:#fff;align-items:center;margin-inline-start:var(--ex-sidebar-width);padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar .topbar-search{background:#f3f5f7;border-radius:10px;flex:1;align-items:center;gap:.5rem;max-width:420px;height:40px;padding:0 .75rem;display:flex}.topbar .topbar-search i{color:#6c757d}.topbar .topbar-search input{color:#0f1216;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.topbar .topbar-actions{align-items:center;gap:.75rem;margin-inline-start:auto;display:flex}.topbar .topbar-actions .icon-btn{color:#343a40;cursor:pointer;background:#f3f5f7;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.topbar .topbar-actions .icon-btn:hover{background:#e7ebef}.topbar .topbar-actions .icon-btn .badge-dot{top:6px;background:#e03131;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:6px}.topbar .topbar-actions .user-chip{padding:4px;background:#f3f5f7;border-radius:14px;align-items:center;gap:.5rem;padding-inline-end:.75rem;font-size:.875rem;font-weight:500;display:flex}.topbar .topbar-actions .user-chip img{border-radius:50%;width:28px;height:28px}.page-header{align-items:center;padding:1.5rem 0 1rem;display:flex}.page-header .page-title{color:#0f1216;margin:0;font-size:1.25rem;font-weight:600}.page-header .breadcrumb{color:#6c757d;margin:.25rem 0 0;padding:0;font-size:.875rem}.page-header .breadcrumb a{color:#6c757d;text-decoration:none}.page-header .breadcrumb .active{color:#1f2429}.page-header .page-header-actions{gap:.5rem;margin-left:auto;display:flex}.kpi-card{border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 1px 2px #0f12160a}.kpi-card .kpi-label{color:#6c757d;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.kpi-card .kpi-value{color:#0f1216;font-size:1.875rem;font-weight:600;line-height:1.1}.kpi-card .kpi-delta{margin-top:.5rem;font-size:.875rem}.kpi-card .kpi-delta.up{color:#2f9e44}.kpi-card .kpi-delta.down{color:#e03131}.empty-state{text-align:center;border:1px dashed var(--ex-border-color);color:#6c757d;background:#fff;border-radius:14px;margin-top:2rem;padding:2rem}.empty-state p{margin:0;font-size:.875rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.form-group{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.form-label{color:#343a40;font-size:.875rem;font-weight:500}.form-input{border:1px solid var(--ex-border-color);color:#0f1216;background:#fff;border-radius:10px;height:44px;padding:0 1rem;font-family:inherit;font-size:1rem;transition:border-color .12s,box-shadow .12s}.form-input:focus{border-color:var(--ex-primary);outline:none;box-shadow:0 0 0 3px #4cbb8c26}.form-input.is-invalid{border-color:#e03131;box-shadow:0 0 0 3px #e031311f}.form-check{color:#343a40;cursor:pointer;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.btn-primary-block{background:var(--ex-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:44px;font-size:1rem;font-weight:600;transition:background .12s}.btn-primary-block:hover{background:var(--ex-primary-hover)}.btn-primary-block:disabled{opacity:.5;cursor:not-allowed}.auth-body{background:linear-gradient(135deg,#f3f5f7 0%,#fbfbfc 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-shell{width:100%;max-width:420px}.auth-brand{text-align:center;margin-bottom:1.5rem}.auth-brand-logo{height:40px}.auth-brand-name{color:#0f1216;margin-top:.75rem;font-size:1.5rem;font-weight:600}.auth-card{border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;padding:2rem;box-shadow:0 2px 6px #0f12160f}.auth-title{color:#0f1216;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.auth-notice{color:#228be6;background:#228be614;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.auth-error{color:#e03131;background:#e0313114;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.auth-error ul{margin:0;padding-inline-start:1.5rem}.locale-switch{position:relative}.locale-switch:hover .locale-menu,.locale-switch:focus-within .locale-menu{display:block}.locale-menu{border:1px solid var(--ex-border-color);z-index:1050;background:#fff;border-radius:10px;min-width:120px;margin:0;padding:.25rem;list-style:none;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 16px #0f121614}[dir=rtl] .locale-menu{left:0;right:auto}.locale-menu a{color:#343a40;border-radius:6px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.locale-menu a:hover{color:#0f1216;background:#f3f5f7}.locale-menu a.active{color:#38906e;background:#4cbb8c1f}.user-chip-logout{margin:0 0 0 .5rem}[dir=rtl] .user-chip-logout{margin:0 .5rem 0 0}.data-table{border-collapse:collapse;border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;width:100%;font-size:.875rem;overflow:hidden;box-shadow:0 1px 2px #0f12160a}.data-table thead th{text-align:inline-start;letter-spacing:.04em;text-transform:uppercase;color:#6c757d;border-bottom:1px solid var(--ex-border-color);background:#fbfbfc;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--ex-border-color);color:#1f2429;vertical-align:top;padding:.75rem 1rem}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfbfc}.data-table a{color:var(--ex-primary)}.table-wrapper{overflow-x:auto}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pager{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pager span{color:#6c757d;font-size:.875rem}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.detail-card{border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 1px 2px #0f12160a}.detail-card h3{color:#0f1216;margin:0 0 .75rem;font-size:1rem;font-weight:600}.detail-card dl{grid-template-columns:140px 1fr;row-gap:.5rem;margin:0;display:grid}.detail-card dt{color:#6c757d;font-size:.875rem}.detail-card dd{color:#1f2429;margin:0;font-size:.875rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:36px;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ex-primary);color:#fff}.btn-primary:hover{background:var(--ex-primary-hover);color:#fff}.btn-secondary{color:#1f2429;border-color:var(--ex-border-color);background:#fff}.btn-secondary:hover{background:#fbfbfc}.btn-danger{color:#fff;background:#e03131}.btn-danger:hover{filter:brightness(.95);color:#fff}.btn-ghost{color:#343a40;background:0 0}.btn-ghost:hover{background:#f3f5f7}.btn-sm{height:30px;padding:0 .75rem;font-size:.75rem}.badge{text-transform:lowercase;letter-spacing:.02em;color:#343a40;background:#f3f5f7;border:1px solid #e7ebef;border-radius:999px;align-items:center;padding:2px .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#237733;background:#c5eecd;border-color:#9ee2aa}.badge-warning{color:#a96d00;background:#ffedcc;border-color:#ffd88f}.badge-danger{color:#ca1e1e;background:#fcebeb;border-color:#f5bfbf}.badge-info{color:#1776c9;background:#e2f0fc;border-color:#b5d8f7}.badge-neutral{color:#343a40;background:#f3f5f7;border-color:#e7ebef}.badge-primary{color:#2d785c;background:#e7f6ef;border-color:#9cdbb9}.page-alert{color:#2d785c;background:#e7f6ef;border:1px solid #9cdbb9;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem}.page-alert.is-danger{color:#c11d1d;background:#fcebeb;border-color:#f4b6b6}.page-alert.is-success{color:#237733;background:#c5eecd;border-color:#9ee2aa}[dir=rtl] .sidebar{border-inline-start:none;border-inline-end:1px solid #ffffff0f;inset-inline-start:0}