@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";.navbar-inner[data-v-50b445e0]{height:var(--navbar-height);align-items:center;gap:.75rem;padding:0 1rem;display:flex}@media (width>=1024px){.navbar-inner[data-v-50b445e0]{gap:1rem;padding:0 1.5rem}}@media (width>=1280px){.navbar-inner[data-v-50b445e0]{padding:0 2rem}}.navbar-start[data-v-50b445e0]{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}@media (width>=640px){.navbar-start[data-v-50b445e0]{flex:0 auto;gap:.75rem}}.navbar-title-wrap[data-v-50b445e0]{flex:1;min-width:0}@media (width>=1024px){.navbar-title-wrap[data-v-50b445e0]{flex:none}}.navbar-title[data-v-50b445e0]{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:1rem;font-weight:700;overflow:hidden}@media (width>=1024px){.navbar-title[data-v-50b445e0]{font-size:1.25rem}}.navbar-actions[data-v-50b445e0]{shrink:0;align-items:center;gap:.25rem;display:flex}@media (width>=640px){.navbar-actions[data-v-50b445e0]{gap:.375rem}}.navbar-icon-btn[data-v-50b445e0],.navbar-lang-btn[data-v-50b445e0]{height:2.5rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:inline-flex}.navbar-icon-btn[data-v-50b445e0]{flex-shrink:0;width:2.5rem}.navbar-hamburger-btn[data-v-50b445e0]{display:inline-flex}@media (width>=1024px){.navbar-hamburger-btn[data-v-50b445e0]{display:none}}.navbar-lang-btn[data-v-50b445e0]{gap:.375rem;padding:0 .625rem;font-size:.875rem;font-weight:600}.navbar-icon-btn[data-v-50b445e0]:hover,.navbar-lang-btn[data-v-50b445e0]:hover{color:var(--text-primary);background:#0f172a0d}html.dark .navbar-icon-btn[data-v-50b445e0]:hover,html.dark .navbar-lang-btn[data-v-50b445e0]:hover{background:#ffffff0d}.navbar-notify-dot[data-v-50b445e0]{width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--surface-raised);background:#f43f5e;border-radius:9999px;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.navbar-profile[data-v-50b445e0]{position:relative}.navbar-profile-trigger[data-v-50b445e0]{cursor:pointer;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.375rem;padding:.125rem;transition:background-color .2s;display:inline-flex}.navbar-profile-trigger[data-v-50b445e0]:hover{background:#0f172a0d}html.dark .navbar-profile-trigger[data-v-50b445e0]:hover{background:#ffffff0d}.navbar-avatar[data-v-50b445e0]{color:#fff;background:linear-gradient(to bottom right,#863bff,#6b0fd9);border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 4px 14px #863bff40}.navbar-profile-chevron[data-v-50b445e0]{width:1rem;height:1rem;color:var(--text-muted);transition:transform .2s}.navbar-profile-chevron.is-open[data-v-50b445e0]{transform:rotate(180deg)}.navbar-profile-menu[data-v-50b445e0]{inset-inline-end:0;z-index:60;border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:.875rem;min-width:11.5rem;padding:.375rem;position:absolute;top:calc(100% + .5rem);overflow:hidden;box-shadow:0 16px 40px #0f172a1f,0 4px 12px #0f172a14}html.dark .navbar-profile-menu[data-v-50b445e0]{box-shadow:0 16px 40px #0006,0 4px 12px #00000040}.navbar-profile-item[data-v-50b445e0]{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.625rem;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.navbar-profile-item[data-v-50b445e0]:hover{color:var(--text-primary);background:#863bff14}.navbar-profile-item.is-danger[data-v-50b445e0]{color:#e11d48}.navbar-profile-item.is-danger[data-v-50b445e0]:hover{color:#f43f5e;background:#f43f5e1a}.navbar-profile-divider[data-v-50b445e0]{background:var(--border-subtle);height:1px;margin:.25rem .5rem}@media (width<=639px){.navbar-lang-btn span[data-v-50b445e0]{display:none}.navbar-lang-btn[data-v-50b445e0]{justify-content:center;width:2.5rem;padding:0}}.status-badge[data-v-26d0a4e9]{text-transform:capitalize;border:1px solid #0000;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-flex}.status-badge--pending[data-v-26d0a4e9]{color:#92400e;background:#fef3c7;border-color:#fde68a}html.dark .status-badge--pending[data-v-26d0a4e9]{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b66}.status-badge--active[data-v-26d0a4e9]{color:#6b0fd9;background:#ede6ff;border-color:#dcc9ff}html.dark .status-badge--active[data-v-26d0a4e9]{color:#d4b8ff;background:#863bff38;border-color:#863bff66}.status-badge--done[data-v-26d0a4e9]{color:#047857;background:#d1fae5;border-color:#a7f3d0}html.dark .status-badge--done[data-v-26d0a4e9]{color:#6ee7b7;background:#10b98133;border-color:#10b98166}.status-badge--neutral[data-v-26d0a4e9]{color:#475569;background:#f1f5f9;border-color:#e2e8f0}html.dark .status-badge--neutral[data-v-26d0a4e9]{color:#e2e8f0;background:#94a3b829;border-color:#94a3b84d}.status-badge--danger[data-v-26d0a4e9]{color:#be123c;background:#ffe4e6;border-color:#fecdd3}html.dark .status-badge--danger[data-v-26d0a4e9]{color:#fda4af;background:#f43f5e33;border-color:#f43f5e66}.date-range-filter[data-v-c82d92ab]{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.date-range-field[data-v-c82d92ab]{flex-direction:column;flex:9.5rem;gap:.25rem;min-width:0;display:flex}@media (width<=639px){.date-range-filter[data-v-c82d92ab]{flex-direction:column;align-items:stretch}.date-range-field[data-v-c82d92ab]{flex:auto;width:100%}}.filter-date-input[data-v-c82d92ab]{border:1px solid var(--border-subtle);background:var(--surface-input);width:100%;min-width:0;height:36px;color:var(--text-primary);border-radius:10px;outline:none;padding:0 .75rem;font-size:.8125rem;transition:border-color .2s,box-shadow .2s}.filter-date-input[data-v-c82d92ab]:focus{border-color:#863bff73;box-shadow:0 0 0 3px #863bff1f}html.dark .filter-date-input[data-v-c82d92ab]:focus{box-shadow:0 0 0 3px #863bff2e}: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:45;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:min(var(--sidebar-width), 88vw);max-width:var(--sidebar-width);height:100dvh;box-shadow:none;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}html[dir=rtl] .app-shell:not(.is-mobile-open) .app-sidebar{transform:translate(100%)}.app-shell.is-mobile-open .app-sidebar{transform:translate(0);box-shadow:0 24px 48px #0f172a2e,0 8px 16px #0f172a14}html.dark .app-shell.is-mobile-open .app-sidebar{box-shadow:0 24px 48px #00000073,0 8px 16px #00000040}body.sidebar-mobile-open{overflow:hidden}}::-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}