@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--sidebar-width:272px;--sidebar-collapsed-width:76px;--sidebar-current-width:var(--sidebar-width);--navbar-height:72px;--surface-base:#f4f6fb;--surface-raised:#fff;--surface-sidebar:#fff;--surface-navbar:#ffffffd1;--surface-card:#fff;--surface-card-hover:#fafbff;--surface-input:#0f172a0a;--border-subtle:#0f172a14;--border-strong:#0f172a1f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-glow:#863bff2e;--mesh-1:#863bff12;--mesh-2:#47bfff0f;--mesh-3:#7e14ff0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--surface-base:#070b14;--surface-raised:#0d1320;--surface-sidebar:#0a101c;--surface-navbar:#0a101ce0;--surface-card:#0d1320eb;--surface-card-hover:#121a2af5;--surface-input:#ffffff0d;--border-subtle:#94a3b814;--border-strong:#94a3b824;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent-glow:#863bff47;--mesh-1:#863bff1f;--mesh-2:#47bfff14;--mesh-3:#7e14ff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .35s,border-color .35s,color .25s,box-shadow .35s!important}html,body,#app{min-height:100vh;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-base);color:var(--text-primary);font-family:Inter,Cairo,system-ui,sans-serif}html[lang=ar] body{font-family:Cairo,Inter,system-ui,sans-serif}.app-shell{--sidebar-current-width:var(--sidebar-width);grid-template-columns:var(--sidebar-current-width) minmax(0, 1fr);height:100vh;transition:grid-template-columns .38s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.app-shell.is-collapsed{--sidebar-current-width:var(--sidebar-collapsed-width)}.app-sidebar{z-index:40;height:100vh;max-height:100vh;position:sticky;top:0;overflow:hidden}.app-shell.is-collapsed .app-sidebar{z-index:50;overflow:visible}.app-main{overscroll-behavior:contain;background:radial-gradient(ellipse 80% 50% at 100% 0%, var(--mesh-1), transparent 55%), radial-gradient(ellipse 60% 40% at 0% 100%, var(--mesh-2), transparent 50%), radial-gradient(ellipse 40% 30% at 50% 50%, var(--mesh-3), transparent 60%), var(--surface-base);flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden auto}.app-main-content{flex:1}.border-subtle{border:1px solid var(--border-subtle)}.border-b-subtle{border-bottom:1px solid var(--border-subtle)}.border-t-subtle{border-top:1px solid var(--border-subtle)}.border-e-subtle{border-inline-end:1px solid var(--border-subtle)}.surface-card{background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a}html.dark .surface-card{border-color:#94a3b812;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff08}.surface-card:hover{background:var(--surface-card-hover)}.glass-navbar{z-index:30;background:var(--surface-navbar);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:sticky;top:0}.navbar-search-wrap{width:100%;max-width:420px;position:relative}.navbar-search-icon{top:50%;width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;inset-inline-start:14px;transform:translateY(-50%)}.navbar-search-input{border:1px solid var(--border-subtle);background:var(--surface-input);width:100%;height:42px;color:var(--text-primary);border-radius:12px;outline:none;padding-inline:42px 16px;font-size:.875rem;transition:border-color .2s,background-color .2s,box-shadow .2s}.navbar-search-input::placeholder{color:var(--text-muted)}.navbar-search-input:focus{background:var(--surface-raised);border-color:#863bff73;box-shadow:0 0 0 3px #863bff1f}html.dark .navbar-search-input:focus{box-shadow:0 0 0 3px #863bff2e}.btn-ghost{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{color:#863bff;background:#863bff12;border-color:#863bff4d}.glass-sidebar{background:var(--surface-sidebar);border-inline-end:1px solid var(--border-subtle)}.sidebar-nav{flex:1;padding:.75rem;overflow:hidden auto}.app-shell.is-collapsed .sidebar-nav{overflow-x:visible}.sidebar-nav-item{color:var(--text-secondary);border-radius:.75rem;align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex;position:relative}.sidebar-nav-item.is-expanded{gap:.75rem;padding:.625rem .75rem}.sidebar-nav-item.is-expanded.is-active{color:#863bff;background:#863bff1a;border:1px solid #863bff2e}html.dark .sidebar-nav-item.is-expanded.is-active{color:#a56bff;background:#863bff1f;border-color:#863bff38}.sidebar-nav-item.is-expanded:not(.is-active):hover{color:var(--text-primary);background:#0f172a0a}html.dark .sidebar-nav-item.is-expanded:not(.is-active):hover{background:#ffffff0a}.sidebar-nav-item.is-collapsed{justify-content:center;padding:.625rem 0}.sidebar-nav-icon{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .2s,color .2s,transform .2s;display:flex}.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.05)}.sidebar-nav-item.is-active .sidebar-nav-icon{color:#fff;background:#863bff;box-shadow:0 4px 14px #863bff59}.sidebar-nav-item:not(.is-active) .sidebar-nav-icon{color:var(--text-secondary);background:#0f172a0a}html.dark .sidebar-nav-item:not(.is-active) .sidebar-nav-icon{background:#ffffff0d}.sidebar-nav-item:not(.is-active):hover .sidebar-nav-icon{color:#863bff;background:#863bff1f}.sidebar-nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-tooltip-portal{z-index:9999;color:#f8fafc;white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:8px;padding:.5rem .8rem;font-size:.75rem;font-weight:600;line-height:1;animation:.15s ease-out tooltipIn;position:fixed;box-shadow:0 10px 30px #00000047,0 2px 8px #00000026}html.dark .sidebar-tooltip-portal{background:#1a2332;border:1px solid #94a3b81f}@keyframes tooltipIn{0%{opacity:0;transform:translateY(-50%)scale(.94)}to{opacity:1;transform:translateY(-50%)scale(1)}}.sidebar-footer-btn{border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;transition:border-color .2s,background-color .2s,color .2s;display:flex}.sidebar-footer-btn:hover{color:#863bff;background:#863bff12;border-color:#863bff4d}.sidebar-footer-btn.is-collapsed{justify-content:center}.sidebar-collapse-btn{border:1px solid var(--border-subtle);background:var(--surface-raised);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:none}.sidebar-collapse-btn:hover{color:#863bff;background:#863bff14;border-color:#863bff59;transform:scale(1.04)}@media (width>=1024px){.sidebar-collapse-btn{display:flex}}@media (width<=1023px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell .app-sidebar{z-index:50;width:var(--sidebar-width);height:100vh;transform:translateX(calc(-1 * var(--sidebar-width)));transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;inset-block:0;inset-inline-start:0}html[dir=rtl] .app-shell .app-sidebar{transform:translateX(var(--sidebar-width))}.app-shell.is-mobile-open .app-sidebar{transform:translate(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}html.dark ::-webkit-scrollbar-thumb{background:#64748b73}::-webkit-scrollbar-thumb:hover{background:#94a3b899}.chart-tooltip{pointer-events:none}