:root{--nav-navy: #092B45;--nav-turquoise: #00A7C2;--nav-orange: #FF9501;--nav-soft: #E8F5F8;--nav-surface: #fff;--nav-sidebar: #f8fbfd;--nav-text: #0F172A;--nav-muted: #64748B;--nav-border: #dce7ee;--nav-shadow: 0 3px 14px rgb(9 43 69 / 6%);--nav-expanded: 288px;--nav-collapsed: 64px;--nav-icon: 34px}html[dir=rtl]{--nav-expanded: 224px}html.dark{--nav-surface: #102b40;--nav-sidebar: #092B45;--nav-text: #f1f5f9;--nav-muted: #b0c3d2;--nav-border: #29465b;--nav-soft: #163f51}body.app-shell{background:#f4f8fb}html.dark body.app-shell{background:#071d2e}.app-sidebar,.app-topbar{font-family:Cairo,sans-serif;color:var(--nav-text)}.app-sidebar{background:var(--nav-sidebar)!important;box-shadow:var(--nav-shadow);flex-shrink:0;height:100dvh;inset-inline-start:0;inset-inline-end:auto;border-inline-end:1px solid var(--nav-border)}.app-sidebar.sidebar-expanded{width:var(--nav-expanded)}.app-sidebar.sidebar-collapsed{width:var(--nav-collapsed)}.app-sidebar .sidebar-menu{display:flex;flex-direction:column;gap:8px}.app-sidebar .sidebar-menu>*{margin-top:0!important}.app-sidebar .sidebar-link{min-height:48px;padding:7px 8px;line-height:1.6;font-size:13px;text-align:start}.app-sidebar .sidebar-label{white-space:normal;overflow-wrap:anywhere;min-width:0}.app-sidebar .sidebar-link>span.flex{flex:1}.app-sidebar .sidebar-link>i{flex-shrink:0;margin-inline-start:5px}.app-sidebar .sidebar-icon{width:var(--nav-icon);height:var(--nav-icon);flex:0 0 var(--nav-icon);border-radius:11px;background:#e0efff;color:var(--nav-navy);font-size:21px;box-shadow:inset 0 0 0 1px #092b4512,0 2px 4px #092b450d;transition:transform .2s ease}.app-sidebar nav>:nth-child(6n+2) .sidebar-icon{background:#d9f3f4}.app-sidebar nav>:nth-child(6n+3) .sidebar-icon{background:#eee5ff}.app-sidebar nav>:nth-child(6n+4) .sidebar-icon{background:#dff5e6}.app-sidebar nav>:nth-child(6n+5) .sidebar-icon{background:#fce4ef}.app-sidebar nav>:nth-child(6n+6) .sidebar-icon{background:#fff0da}.app-sidebar .sidebar-link:hover .sidebar-icon{transform:translateY(-1px) scale(1.04)}html.dark .app-sidebar .sidebar-icon{background:#1e293b}.app-sidebar .sidebar-link,.app-sidebar .sidebar-sub-link{color:var(--nav-text)!important}.app-sidebar .sidebar-link:hover,.app-sidebar .sidebar-sub-link:hover,.app-sidebar .sidebar-link--active,.app-sidebar .sidebar-sub-link--active{background:var(--nav-soft)!important;color:var(--nav-navy)!important}html.dark .app-sidebar .sidebar-link:hover,html.dark .app-sidebar .sidebar-sub-link:hover,html.dark .app-sidebar .sidebar-link--active,html.dark .app-sidebar .sidebar-sub-link--active{color:#71e0ef!important}.app-sidebar nav ul{background:var(--nav-surface)!important;border-color:var(--nav-border)}.app-sidebar .sidebar-sub-link{min-height:44px;line-height:1.7;overflow-wrap:anywhere}.app-sidebar .sidebar-sub-icon{color:var(--nav-turquoise)}.app-sidebar .app-logout-button--sidebar{min-height:46px;padding:6px;font-size:13px;box-shadow:var(--nav-shadow)}.app-sidebar .app-logout-button--sidebar>i{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:#ffffff29}.app-topbar{display:flex;justify-content:center;min-height:72px;padding:12px 24px;background:var(--nav-surface);border:0;border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow);overflow:visible}.rafeek-nav-items{display:flex;flex-wrap:wrap;direction:ltr;align-items:center;justify-content:center;gap:14px;max-width:100%}.rafeek-nav-items>.dropdown{direction:ltr}.app-topbar .dropdown-menu{direction:ltr;background:var(--nav-surface);color:var(--nav-text);border:1px solid var(--nav-border);border-radius:14px;box-shadow:0 12px 32px #092b4529;max-width:calc(100vw - 24px)}html[dir=rtl] .app-topbar .dropdown-menu{direction:rtl;text-align:right}.app-topbar .dropdown-item{color:var(--nav-text);white-space:normal;overflow-wrap:anywhere;padding:10px 14px}.app-topbar .dropdown-item:hover,.app-topbar .dropdown-item:focus{background:var(--nav-soft)}.app-topbar #notificationMenu{color:var(--nav-navy);width:44px;height:44px;border-radius:12px;background:var(--nav-surface);border-color:var(--nav-border)}html.dark .app-topbar #notificationMenu{color:#d4f7fb}.app-topbar #notificationMenu:has([data-notification-count]:not(.d-none)):after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:#ef4444}.app-topbar .notification-list{max-height:min(420px,60dvh)!important}.app-topbar #userMenu{background:#f1f5f9;color:var(--nav-navy);max-width:100%;min-height:44px;border-radius:12px;border:1px solid var(--nav-border)}html.dark .app-topbar #userMenu{background:#1e394e;color:var(--nav-text)}.app-topbar #userMenu>.truncate{direction:inherit;max-width:140px}.rafeek-role{font-size:10px;background:var(--nav-soft);color:var(--nav-muted);padding:3px 6px;border-radius:6px}.rafeek-language{display:inline-flex;align-items:center;gap:8px;background:var(--nav-soft);color:var(--nav-text);padding:4px 8px;border-radius:12px;font-size:12px}.rafeek-language button{background:var(--nav-surface);color:var(--nav-text);border-color:var(--nav-border);border-radius:9px;padding:6px 8px;min-height:36px}.rafeek-appearance{display:inline-flex;direction:inherit;gap:3px;padding:4px;border-radius:12px;background:#00a7c21a}.rafeek-appearance button{padding:6px 10px;min-height:36px;font-size:12px;border-radius:9px;color:var(--nav-muted)}.rafeek-appearance button[aria-pressed=true]{background:var(--nav-surface);color:var(--nav-text);box-shadow:var(--nav-shadow);font-weight:700}.app-sidebar :is(a,button):focus-visible,.app-topbar :is(a,button):focus-visible,.rafeek-mobile-menu:focus-visible{outline:2px solid var(--nav-turquoise);outline-offset:3px}.rafeek-mobile-menu{position:relative;flex:0 0 44px;align-self:flex-start;width:48px;height:48px;border-radius:14px;background:var(--nav-navy);color:#fff;box-shadow:var(--nav-shadow)}@media (min-width: 768px){.app-sidebar{transform:none!important}}@media (max-width: 767px){.app-sidebar.sidebar-closed{transform:translate(-100%);visibility:hidden}html[dir=rtl] .app-sidebar.sidebar-closed{transform:translate(100%)}.app-sidebar.sidebar-open{transform:translate(0);visibility:visible}.app-sidebar.sidebar-expanded{width:min(var(--nav-expanded),calc(100vw - 48px))}.app-topbar{padding:10px 12px}.rafeek-nav-items{gap:12px}.app-topbar #userMenu>.truncate{max-width:100px}}@media (prefers-reduced-motion: reduce){.app-sidebar,.app-sidebar .sidebar-icon{transition:none}}.app-sidebar>div:last-child{background:var(--nav-sidebar);border-color:var(--nav-border)}@media (max-width: 767px){.app-topbar{flex-direction:row;align-items:flex-start;gap:12px}.rafeek-nav-items{flex:1;min-width:0}.app-sidebar.sidebar-closed{pointer-events:none}.app-sidebar.sidebar-closed *{visibility:hidden!important}.app-sidebar.sidebar-open{pointer-events:auto}.app-sidebar .sidebar-icon{flex-shrink:0}}.app-sidebar.sidebar-collapsed .sidebar-link{padding-inline:0}.app-sidebar.sidebar-collapsed .sidebar-icon{margin-inline:auto}html.dark .dashboard-page{--slate-900: #f1f5f9;--slate-700: #cbd5e1;--muted: #a8bbcc;--bd: #2d465b;--card: #112a3e;--green: #34d399;--indigo: #a5b4fc;--blue: #7db8ff;--amber: #fbbf24;--rose: #fb7185;--shadow: 0 5px 18px rgb(0 0 0 / 14%);--shadow-strong: 0 10px 26px rgb(0 0 0 / 22%);color:var(--slate-900)}html.dark .dashboard-page.soft-bg:before{background:radial-gradient(ellipse at top,rgb(0 167 194 / 8%),transparent 70%);inset-inline:0;width:100%}html.dark .dashboard-page .card,html.dark .dashboard-page .dashboard-card{background:var(--card)!important;border-color:var(--bd)!important;color:var(--slate-900)}html.dark .dashboard-page .section-hdr,html.dark .dashboard-page .hdr{background:#17344b;color:var(--slate-900);border-color:var(--bd)}html.dark .dashboard-page .hdr:after{background:transparent}html.dark .dashboard-page .text-muted,html.dark .dashboard-page .chart-subtitle,html.dark .dashboard-page .kpi .muted{color:var(--muted)!important}html.dark .dashboard-page .kpi .pill,html.dark .dashboard-page .chip,html.dark .dashboard-page .badge-soft{background:#1c394f;color:#d2e3ef;border-color:#38556c}html.dark .dashboard-page .kpi:after,html.dark .dashboard-page .mini-card:before{opacity:.07;pointer-events:none}html.dark .dashboard-page .kpi .value{color:var(--slate-900)}html.dark .dashboard-page .kpi .icon{background:color-mix(in srgb,var(--stat-accent) 18%,#112a3e);color:color-mix(in srgb,var(--stat-accent) 60%,white)}html.dark .dashboard-page .mini-card .mini-icon{background:color-mix(in srgb,var(--mini-accent) 18%,#112a3e);color:color-mix(in srgb,var(--mini-accent) 60%,white)}html.dark .dashboard-page .chart-empty-state{background:#0d2436;color:#a8bbcc;border:1px dashed #355268;padding:20px}html.dark .dashboard-page .btn-outline-primary{--bs-btn-color: #7dddeb;--bs-btn-border-color: #377c91;--bs-btn-hover-bg: #16495e;--bs-btn-hover-color: #f1f5f9;--bs-btn-hover-border-color: #00a7c2;--bs-btn-active-bg: #16495e;--bs-btn-active-color: #f1f5f9}html.dark .dashboard-page .table-light{--app-surface-muted: #17344b}html.dark .dashboard-page .report-card i{filter:brightness(1.2)}html.dark .dashboard-page a:focus-visible{outline:2px solid #00a7c2;outline-offset:4px;border-radius:12px}@media (prefers-reduced-motion: reduce){.dashboard-page .card,.dashboard-page .hover-shadow{transition:none;transform:none}}