@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}.comparison-table-head[data-v-9a769454]{border-bottom:1px solid var(--border-subtle);padding:1rem 1.125rem}.comparison-table-title[data-v-9a769454]{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.comparison-table-subtitle[data-v-9a769454]{color:var(--text-muted);margin:.25rem 0 0;font-size:.75rem}.comparison-table[data-v-9a769454]{border-collapse:collapse;width:100%;min-width:640px}.comparison-table th[data-v-9a769454],.comparison-table td[data-v-9a769454]{border-bottom:1px solid var(--border-subtle);text-align:start;padding:.875rem 1.125rem;font-size:.8125rem}.comparison-table th[data-v-9a769454]{color:var(--text-secondary);white-space:nowrap;background:#863bff0a;font-weight:700}.comparison-table-kpi[data-v-9a769454]{color:var(--text-primary);min-width:12rem;font-weight:600}.comparison-table tbody tr[data-v-9a769454]:hover{background:#863bff08}.comparison-banner[data-v-dea8e5e1]{background:linear-gradient(135deg, #863bff14, #47bfff0d), var(--surface-card);border:1px solid #863bff1f}.comparison-banner-eyebrow[data-v-dea8e5e1]{letter-spacing:.08em;text-transform:uppercase;color:#863bff;margin:0;font-size:.6875rem;font-weight:700}.comparison-banner-title[data-v-dea8e5e1]{color:var(--text-primary);margin:.25rem 0 0;font-size:1.125rem;font-weight:700}.comparison-banner-desc[data-v-dea8e5e1]{max-width:36rem;color:var(--text-muted);margin:.375rem 0 0;font-size:.8125rem}.comparison-month-pills[data-v-dea8e5e1]{flex-wrap:wrap;gap:.5rem;display:flex}.comparison-month-pill[data-v-dea8e5e1]{border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-secondary);border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.comparison-month-pill.is-current[data-v-dea8e5e1]{color:#863bff;background:#863bff1a;border-color:#863bff47}.comparison-month-pill-dot[data-v-dea8e5e1]{background:#863bff;border-radius:999px;width:.5rem;height:.5rem}.comparison-section-icon[data-v-dea8e5e1]{color:#863bff;background:#863bff1f;border-radius:12px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.comparison-section-title[data-v-dea8e5e1]{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.comparison-section-desc[data-v-dea8e5e1]{color:var(--text-muted);margin:.125rem 0 0;font-size:.75rem}.date-range-filter[data-v-12a280dd]{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.period-badge[data-v-12a280dd]{color:#863bff;background:#863bff1a;border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.date-range-field[data-v-12a280dd]{flex-direction:column;flex:9.5rem;gap:.25rem;min-width:0;display:flex}@media (width<=639px){.date-range-filter[data-v-12a280dd]{flex-direction:column;align-items:stretch}.date-range-field[data-v-12a280dd]{flex:auto;width:100%}}.date-range-filter.is-embedded .date-range-field[data-v-12a280dd]{flex:calc(50% - .375rem)}.filter-date-input[data-v-12a280dd]{border:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--surface-raised) 0%, var(--surface-input) 100%);width:100%;min-width:0;height:42px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 .875rem;font-size:.8125rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s}.filter-date-input[data-v-12a280dd]:hover{border-color:#863bff47}.filter-date-input[data-v-12a280dd]:focus{border-color:#863bff73;box-shadow:0 0 0 3px #863bff1f,0 10px 30px #863bff14}html.dark .filter-date-input[data-v-12a280dd]:focus{box-shadow:0 0 0 3px #863bff2e,0 10px 30px #863bff1f}.searchable-select[data-v-2d872a7c]{width:100%;position:relative}.searchable-select-trigger[data-v-2d872a7c]{border:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--surface-raised) 0%, var(--surface-input) 100%);width:100%;min-height:42px;color:var(--text-primary);text-align:start;cursor:pointer;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.searchable-select-trigger[data-v-2d872a7c]:hover:not(:disabled){border-color:#863bff47;box-shadow:0 8px 24px #863bff14}.searchable-select.is-open .searchable-select-trigger[data-v-2d872a7c],.searchable-select-trigger[data-v-2d872a7c]:focus-visible{border-color:#863bff73;box-shadow:0 0 0 3px #863bff1f,0 10px 30px #863bff1a}.searchable-select.is-disabled .searchable-select-trigger[data-v-2d872a7c]{opacity:.65;cursor:not-allowed}.searchable-select-value[data-v-2d872a7c]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.searchable-select-value.is-placeholder[data-v-2d872a7c]{color:var(--text-muted);font-weight:400}.searchable-select-actions[data-v-2d872a7c]{flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex}.searchable-select-clear[data-v-2d872a7c]{width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;background:#863bff1a;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.searchable-select-clear[data-v-2d872a7c]:hover{color:var(--text-primary);background:#863bff2e}.searchable-select-chevron[data-v-2d872a7c]{width:1rem;height:1rem;color:var(--text-muted);transition:transform .2s}.searchable-select-chevron.is-open[data-v-2d872a7c]{color:#863bff;transform:rotate(180deg)}.searchable-select-panel[data-v-2d872a7c]{border:1px solid var(--border-subtle);background:var(--surface-raised);transform-origin:top;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a24,0 8px 20px #863bff14}html.dark .searchable-select-panel[data-v-2d872a7c]{box-shadow:0 24px 60px #00000073,0 8px 20px #863bff1f}.searchable-select-search[data-v-2d872a7c]{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#863bff0a,#0000);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem;display:flex}.searchable-select-search-input[data-v-2d872a7c]{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.8125rem}.searchable-select-search-input[data-v-2d872a7c]::placeholder{color:var(--text-muted)}.searchable-select-list[data-v-2d872a7c]{flex:1;min-height:0;margin:0;padding:.375rem;list-style:none;overflow-y:auto}.searchable-select-option[data-v-2d872a7c]{width:100%;color:var(--text-primary);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:background-color .15s,transform .15s;display:flex}.searchable-select-option[data-v-2d872a7c]:hover,.searchable-select-option.is-active[data-v-2d872a7c]{background:#863bff14}.searchable-select-option.is-selected[data-v-2d872a7c]{background:#863bff1f}.searchable-select-option-body[data-v-2d872a7c]{flex-direction:column;gap:.125rem;min-width:0;display:flex}.searchable-select-option-label[data-v-2d872a7c]{font-size:.8125rem;font-weight:600;line-height:1.3}.searchable-select-option-hint[data-v-2d872a7c]{color:var(--text-muted);font-size:.6875rem}.searchable-select-empty[data-v-2d872a7c]{text-align:center;color:var(--text-muted);padding:1rem .875rem 1.125rem;font-size:.8125rem}.kpi-data-filters[data-v-5d72e078]{border:1px solid var(--border-subtle);background:linear-gradient(180deg, #863bff09, transparent 120px), var(--surface-card);border-radius:24px;position:relative;overflow:visible;box-shadow:0 18px 40px #0f172a0a,inset 0 1px #ffffff59}html.dark .kpi-data-filters[data-v-5d72e078]{box-shadow:0 18px 40px #00000038,inset 0 1px #ffffff0a}.kpi-data-filters-glow[data-v-5d72e078]{inset-inline-end:-3rem;pointer-events:none;z-index:0;background:radial-gradient(circle,#863bff29,#0000 70%);border-radius:999px;width:10rem;height:10rem;position:absolute;top:-3rem}.kpi-data-filters-header[data-v-5d72e078],.kpi-data-filters-body[data-v-5d72e078]{z-index:1;position:relative}.kpi-data-filters-header[data-v-5d72e078]{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.125rem .875rem;display:flex}.kpi-data-filters-title-wrap[data-v-5d72e078]{align-items:center;gap:.875rem;min-width:0;display:flex}.kpi-data-filters-icon[data-v-5d72e078]{color:#863bff;background:linear-gradient(135deg,#863bff29,#47bfff1f);border-radius:14px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:inset 0 1px #ffffff59}.kpi-data-filters-title-row[data-v-5d72e078]{align-items:center;gap:.5rem;display:flex}.kpi-data-filters-title[data-v-5d72e078]{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.kpi-data-filters-badge[data-v-5d72e078]{color:#863bff;background:#863bff1f;border-radius:999px;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.6875rem;font-weight:700;display:inline-flex}.kpi-data-filters-subtitle[data-v-5d72e078]{color:var(--text-muted);margin:.125rem 0 0;font-size:.75rem}.kpi-data-filters-clear[data-v-5d72e078]{color:#863bff;cursor:pointer;background:#863bff0f;border:1px solid #863bff2e;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:600;transition:background-color .15s,transform .15s;display:inline-flex}.kpi-data-filters-clear[data-v-5d72e078]:hover{background:#863bff1f;transform:translateY(-1px)}.kpi-data-filters-body[data-v-5d72e078]{gap:.875rem;padding:.875rem 1.125rem 1.125rem;display:grid}.kpi-filter-block[data-v-5d72e078]{background:#ffffff6b;border:1px solid #863bff14;border-radius:18px;padding:.875rem}html.dark .kpi-filter-block[data-v-5d72e078]{background:#ffffff05}.kpi-filter-block-head[data-v-5d72e078]{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.kpi-filter-loading[data-v-5d72e078]{color:var(--text-muted);margin-inline-start:auto;font-size:.6875rem;font-weight:500}.kpi-filter-grid[data-v-5d72e078]{grid-template-columns:repeat(1,minmax(0,1fr));gap:.875rem;display:grid}@media (width>=768px){.kpi-filter-grid[data-v-5d72e078]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.kpi-filter-grid[data-v-5d72e078]{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi-filter-field[data-v-5d72e078]{flex-direction:column;gap:.45rem;min-width:0;display:flex}.kpi-filter-label[data-v-5d72e078]{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:700;display:inline-flex}.comparison-block[data-v-5d72e078]{background:linear-gradient(135deg,#863bff0f,#47bfff08),#ffffff6b}html.dark .comparison-block[data-v-5d72e078]{background:linear-gradient(135deg,#863bff1a,#47bfff0a),#ffffff05}.comparison-controls[data-v-5d72e078]{gap:1rem;display:grid}.comparison-toggle[data-v-5d72e078]{cursor:pointer;align-items:center;gap:.875rem;display:flex}.comparison-toggle-input[data-v-5d72e078]{opacity:0;pointer-events:none;position:absolute}.comparison-toggle-ui[data-v-5d72e078]{background:#94a3b859;border-radius:999px;flex-shrink:0;width:2.75rem;height:1.5rem;transition:background-color .2s;position:relative}.comparison-toggle-ui[data-v-5d72e078]:after{content:"";top:.125rem;background:#fff;border-radius:999px;width:1.25rem;height:1.25rem;transition:transform .2s;position:absolute;inset-inline-start:.125rem;box-shadow:0 2px 8px #0f172a2e}.comparison-toggle-input:checked+.comparison-toggle-ui[data-v-5d72e078]{background:#863bff}.comparison-toggle-input:checked+.comparison-toggle-ui[data-v-5d72e078]:after{transform:translate(1.25rem)}html[dir=rtl] .comparison-toggle-input:checked+.comparison-toggle-ui[data-v-5d72e078]:after{transform:translate(-1.25rem)}.comparison-toggle-copy[data-v-5d72e078]{flex-direction:column;gap:.125rem;display:flex}.comparison-toggle-label[data-v-5d72e078]{color:var(--text-primary);font-size:.875rem;font-weight:700}.comparison-toggle-hint[data-v-5d72e078]{color:var(--text-muted);font-size:.75rem}.comparison-options[data-v-5d72e078]{grid-template-columns:repeat(1,minmax(0,1fr));gap:.875rem;display:grid}@media (width>=768px){.comparison-options[data-v-5d72e078]{grid-template-columns:1.2fr .8fr;align-items:end}}.comparison-option-group[data-v-5d72e078],.comparison-months-group[data-v-5d72e078]{flex-direction:column;gap:.45rem;display:flex}.comparison-months-head[data-v-5d72e078]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.comparison-reset-months[data-v-5d72e078]{color:#863bff;cursor:pointer;background:0 0;border:none;font-size:.6875rem;font-weight:700}.comparison-months-grid[data-v-5d72e078]{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=640px){.comparison-months-grid[data-v-5d72e078]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.comparison-months-grid[data-v-5d72e078]{grid-template-columns:repeat(3,minmax(0,1fr))}}.comparison-month-field[data-v-5d72e078]{flex-direction:column;gap:.45rem;display:flex}.comparison-month-label[data-v-5d72e078]{color:var(--text-secondary);font-size:.75rem;font-weight:600}.comparison-validation-error[data-v-5d72e078]{color:#e11d48;margin:0;font-size:.75rem;font-weight:600}.comparison-validation-hint[data-v-5d72e078]{color:var(--text-muted);margin:0;font-size:.6875rem}.comparison-option-label[data-v-5d72e078]{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:700}.comparison-count-chips[data-v-5d72e078]{flex-wrap:wrap;gap:.5rem;display:flex}.comparison-count-chip[data-v-5d72e078]{border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.55rem .9rem;font-size:.75rem;font-weight:700;transition:border-color .15s,background-color .15s,color .15s}.comparison-count-chip.is-active[data-v-5d72e078]{color:#863bff;background:#863bff1f;border-color:#863bff59}.comparison-anchor-input[data-v-5d72e078]{border:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--surface-raised) 0%, var(--surface-input) 100%);height:42px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 .875rem;font-size:.8125rem;font-weight:500}: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}
