@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Tajawal:wght@300;400;500;700&display=swap";.nav-divider[data-v-088816cb]{background:var(--color-glass-border);height:1px;margin:var(--space-sm) 0}.sidebar.collapsed .nav-divider[data-v-088816cb]{margin:4px 6px}.nav-section-label[data-v-088816cb]{font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);opacity:var(--opacity-soft);align-items:center;gap:.5rem;padding:.25rem 1rem;display:flex;overflow:hidden}.section-label-text[data-v-088816cb]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-badge[data-v-088816cb]{font-size:.6rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-slight);margin-inline-start:auto;padding:.125rem .375rem}.badge-new[data-v-088816cb]{background:var(--color-primary);color:#fff}.badge-beta[data-v-088816cb]{background:var(--color-accent-teal);color:#fff}.badge-soon[data-v-088816cb]{background:var(--color-glass-muted);color:var(--color-text-muted);border:1px solid var(--color-glass-border)}.nav-item.disabled[data-v-088816cb]{opacity:var(--opacity-half);cursor:default;pointer-events:none}.v1-link[data-v-088816cb]{font-size:.62rem;font-weight:var(--font-weight-semibold);color:var(--color-text-dim);letter-spacing:var(--tracking-wide);text-transform:uppercase;opacity:var(--opacity-half);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.35rem 1rem;text-decoration:none;display:flex}.v1-link[data-v-088816cb]:hover{opacity:1;color:var(--color-primary)}.user-profile-wrap[data-v-088816cb]{position:relative}.user-profile[data-v-088816cb]{text-align:start;width:100%}.profile-caret[data-v-088816cb]{color:var(--color-text-muted);transition:transform var(--transition-base);margin-inline-start:auto;font-size:.7rem}.profile-caret.open[data-v-088816cb]{transform:rotate(180deg)}.profile-popover[data-v-088816cb]{bottom:calc(100% + 8px);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-glass-border);z-index:200;-webkit-backdrop-filter:var(--blur-lg);padding:6px;position:absolute;inset-inline:8px;box-shadow:0 -8px 32px #00000059}.popover-item[data-v-088816cb]{border-radius:var(--radius-sm);font-size:.82rem;font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);text-align:start;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;text-decoration:none;display:flex}.popover-item[data-v-088816cb]:hover{background:var(--color-glass-hover)}.popover-item i[data-v-088816cb]{color:var(--color-text-muted);text-align:center;width:1.25rem;font-size:1rem}.popover-divider[data-v-088816cb]{background:var(--color-glass-border);height:1px;margin:4px 0}.popover-logout[data-v-088816cb],.popover-logout i[data-v-088816cb]{color:var(--color-error)}.popover-logout[data-v-088816cb]:hover{background:var(--color-error-a8)}.profile-menu-enter-active[data-v-088816cb],.profile-menu-leave-active[data-v-088816cb]{transition:all var(--transition-base)}.profile-menu-enter-from[data-v-088816cb],.profile-menu-leave-to[data-v-088816cb]{opacity:0;transform:translateY(8px)}.sidebar.collapsed .profile-popover[data-v-088816cb]{inset-inline:calc(100% + 8px) auto;min-width:160px;bottom:0}.sidebar.collapsed .profile-caret[data-v-088816cb]{display:none}.notif-trigger[data-v-a6543950]{border:1px solid var(--color-glass-border);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:relative}.notif-trigger[data-v-a6543950]:hover{border-color:var(--color-primary);color:var(--color-primary)}.notif-badge[data-v-a6543950]{background:var(--color-error);color:#fff;min-width:18px;height:18px;font-size:.6rem;font-weight:var(--font-weight-bold);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop-a6543950;display:flex;position:absolute;top:-4px;right:-4px}[dir=rtl] .notif-badge[data-v-a6543950]{left:-4px;right:auto}@keyframes badgePop-a6543950{0%{transform:scale(0)}to{transform:scale(1)}}.notif-backdrop[data-v-a6543950]{z-index:299;background:var(--color-overlay-dim);position:fixed;inset:0}.notif-panel[data-v-a6543950]{z-index:300;background:var(--color-surface);width:min(380px,90vw);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-inline-start:1px solid var(--color-glass-border);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0003}[dir=rtl] .notif-panel[data-v-a6543950]{border-inline-start:none;border-inline-end:1px solid var(--color-glass-border);left:0;right:auto}.notif-header[data-v-a6543950]{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.notif-header h3[data-v-a6543950]{font-size:1.1rem;font-weight:var(--font-weight-bold);margin:0}.mark-read-btn[data-v-a6543950]{color:var(--color-primary);font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none}.mark-read-btn[data-v-a6543950]:hover{text-decoration:underline}.notif-filters[data-v-a6543950]{flex-shrink:0;gap:4px;padding:0 20px 12px;display:flex}.filter-btn[data-v-a6543950]{border-radius:var(--radius-full);border:1px solid var(--color-glass-border);color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:6px 14px}.filter-btn.active[data-v-a6543950]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notif-list[data-v-a6543950]{flex:1;padding:0 12px 20px;overflow-y:auto}.notif-empty[data-v-a6543950]{text-align:center;color:var(--color-text-muted);padding:60px 20px}.notif-empty i[data-v-a6543950]{opacity:var(--opacity-dim);font-size:2rem}.notif-empty p[data-v-a6543950]{margin:12px 0 0;font-size:.82rem}.notif-item[data-v-a6543950]{border-radius:var(--radius-md);cursor:pointer;width:100%;text-align:inherit;transition:background var(--transition-fast);background:0 0;border:none;align-items:flex-start;gap:12px;padding:14px 12px;display:flex;position:relative}.notif-item[data-v-a6543950]:hover{background:var(--color-glass-hover)}.notif-item.unread[data-v-a6543950]{background:var(--color-primary-a6)}.notif-icon[data-v-a6543950]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.notif-body[data-v-a6543950]{flex:1;min-width:0}.notif-title[data-v-a6543950]{font-size:.82rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:2px;display:block}.notif-text[data-v-a6543950]{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-time[data-v-a6543950]{color:var(--color-text-dim);margin-top:4px;font-size:.65rem;display:block}.unread-dot[data-v-a6543950]{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.fade-enter-active[data-v-a6543950],.fade-leave-active[data-v-a6543950]{transition:opacity var(--transition-base)}.fade-enter-from[data-v-a6543950],.fade-leave-to[data-v-a6543950]{opacity:0}.slide-panel-enter-active[data-v-a6543950]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.slide-panel-leave-active[data-v-a6543950]{transition:transform var(--transition-base)}.slide-panel-enter-from[data-v-a6543950],.slide-panel-leave-to[data-v-a6543950]{transform:translate(100%)}[dir=rtl] .slide-panel-enter-from[data-v-a6543950],[dir=rtl] .slide-panel-leave-to[data-v-a6543950]{transform:translate(-100%)}[data-theme=light] .notif-panel[data-v-a6543950]{background:#fffffff5;box-shadow:-8px 0 40px #0000001a}.global-top-bar[data-v-4b18a467]{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.top-bar-start[data-v-4b18a467],.top-bar-end[data-v-4b18a467]{align-items:center;gap:8px;display:flex}.top-ctrl-btn[data-v-4b18a467]{border:1px solid var(--color-glass-border);background:var(--color-glass);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-ctrl-btn[data-v-4b18a467]:hover{border-color:var(--color-primary);color:var(--color-primary)}.top-ctrl-btn.active[data-v-4b18a467]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-a8)}.top-ctrl-btn i[data-v-4b18a467]{font-size:1.05rem}.panel-toggle i[data-v-4b18a467]{transition:transform var(--transition-base)}[dir=ltr] .panel-toggle.active i[data-v-4b18a467],[dir=rtl] .panel-toggle.active i[data-v-4b18a467]{transform:scaleX(-1)}.mode-toggle[data-v-4b18a467]{background:var(--color-glass);border-radius:var(--radius-full);border:1px solid var(--color-glass-border);gap:2px;padding:3px;display:flex}.mode-btn[data-v-4b18a467]{border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:5px 12px;display:flex}.mode-btn.active[data-v-4b18a467]{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;font-weight:var(--font-weight-semibold);box-shadow:0 2px 10px var(--color-primary-glow)}.mode-btn i[data-v-4b18a467]{font-size:.95rem}.ctrl-group[data-v-4b18a467]{background:var(--color-glass);border-radius:var(--radius-full);border:1px solid var(--color-glass-border);gap:2px;padding:3px;display:flex}.ctrl-group .top-ctrl-btn[data-v-4b18a467]{background:0 0;border:none;width:30px;height:30px}.ctrl-group .top-ctrl-btn[data-v-4b18a467]:hover{background:var(--color-glass-hover)}.ctrl-group .top-ctrl-btn i[data-v-4b18a467]{font-size:.95rem}@media (width<=768px){.global-top-bar[data-v-4b18a467]{padding:6px 0}.mode-label[data-v-4b18a467]{display:none}.mode-btn[data-v-4b18a467]{padding:5px 8px}}.mobile-bottom-nav[data-v-ebd544c6]{bottom:max(12px, env(safe-area-inset-bottom));z-index:var(--z-bottom-nav);background:var(--color-overlay-deeper);-webkit-backdrop-filter:var(--blur-lg) saturate(1.6);border:1px solid var(--color-primary-a12);border-radius:var(--radius-xl);box-shadow:0 8px 32px var(--color-overlay-dim), 0 0 0 .5px var(--color-glass-subtle) inset;justify-content:space-around;align-items:stretch;padding:4px 6px;display:none;position:fixed;left:16px;right:16px}@media (width<=768px){.mobile-bottom-nav[data-v-ebd544c6]{display:flex}}.mobile-nav-tab[data-v-ebd544c6]{color:var(--color-text-dim);font-size:.6rem;font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-slight);transition:color var(--transition-base);-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:48px;padding:8px 4px 6px;text-decoration:none;display:flex;position:relative}.mobile-nav-tab.active[data-v-ebd544c6]{color:#fff}.tab-icon-wrap[data-v-ebd544c6]{border-radius:var(--radius-sm);width:40px;height:28px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative}.mobile-nav-tab.active .tab-icon-wrap[data-v-ebd544c6]{color:var(--color-primary)}.tab-icon-wrap i[data-v-ebd544c6]{transition:all var(--transition-base);font-size:1.25rem}.mobile-nav-tab.active .tab-icon-wrap i[data-v-ebd544c6]{transform:scale(1.05)}.tab-active-dot[data-v-ebd544c6]{background:var(--color-primary);width:5px;height:5px;box-shadow:0 0 8px var(--color-primary-glow);border-radius:50%;animation:.3s ease-out dotPop-ebd544c6;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@keyframes dotPop-ebd544c6{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%)scale(1)}}.tab-label[data-v-ebd544c6]{white-space:nowrap;text-overflow:ellipsis;max-width:64px;transition:opacity var(--transition-base);overflow:hidden}.more-backdrop[data-v-ebd544c6]{z-index:calc(var(--z-bottom-nav) - 2);background:var(--color-overlay);-webkit-backdrop-filter:var(--blur-xs);display:none;position:fixed;inset:0}.more-sheet[data-v-ebd544c6]{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 64px);z-index:calc(var(--z-bottom-nav) - 1);background:var(--color-overlay-max);-webkit-backdrop-filter:var(--blur-lg) saturate(1.6);border:1px solid var(--color-primary-a12);border-radius:var(--radius-lg,24px);box-shadow:0 12px 48px var(--color-overlay-dim), 0 0 0 .5px var(--color-glass-subtle) inset;padding:14px 16px 18px;display:none;position:fixed;left:12px;right:12px}@media (width<=768px){.more-backdrop[data-v-ebd544c6],.more-sheet[data-v-ebd544c6]{display:block}}.more-handle[data-v-ebd544c6]{background:var(--color-glass-bright);border-radius:2px;width:32px;height:3px;margin:0 auto 14px}.more-grid[data-v-ebd544c6]{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.more-item[data-v-ebd544c6]{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);font-size:.65rem;font-weight:var(--font-weight-medium);transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.more-item[data-v-ebd544c6]:active{background:var(--color-glass-hover);transform:scale(.95)}.more-item.active[data-v-ebd544c6]{color:var(--color-primary);border-color:var(--color-primary-a15);background:var(--color-primary-a6)}.more-icon-wrap[data-v-ebd544c6]{background:var(--color-glass-subtle);border:1px solid var(--color-glass-border);width:44px;height:44px;transition:all var(--transition-base);border-radius:14px;justify-content:center;align-items:center;display:flex}.more-item.active .more-icon-wrap[data-v-ebd544c6]{background:var(--color-primary-a10);border-color:var(--color-primary-a20);box-shadow:0 0 10px var(--color-primary-a10)}.more-icon-wrap i[data-v-ebd544c6]{font-size:1.25rem}.more-mia-icon[data-v-ebd544c6]{object-fit:contain;width:24px;height:24px}.fade-enter-active[data-v-ebd544c6],.fade-leave-active[data-v-ebd544c6]{transition:opacity var(--transition-base)}.fade-enter-from[data-v-ebd544c6],.fade-leave-to[data-v-ebd544c6]{opacity:0}.sheet-enter-active[data-v-ebd544c6]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.sheet-leave-active[data-v-ebd544c6]{transition:all var(--transition-base)}.sheet-enter-from[data-v-ebd544c6],.sheet-leave-to[data-v-ebd544c6]{opacity:0;transform:translateY(20px)}[data-theme=light] .mobile-bottom-nav[data-v-ebd544c6]{box-shadow:var(--shadow-lg), 0 0 0 .5px #0000000f inset;background:#ffffffe0;border-color:#00000014}[data-theme=light] .mobile-nav-tab[data-v-ebd544c6]{color:var(--color-overlay-light)}[data-theme=light] .mobile-nav-tab.active[data-v-ebd544c6]{color:var(--color-text)}[data-theme=light] .mobile-nav-tab.active .tab-icon-wrap[data-v-ebd544c6]{color:var(--color-primary)}[data-theme=light] .more-sheet[data-v-ebd544c6]{box-shadow:var(--shadow-xl);background:#ffffffeb;border-color:#00000014}[data-theme=light] .more-item[data-v-ebd544c6]{color:var(--color-overlay)}[data-theme=light] .more-icon-wrap[data-v-ebd544c6]{background:#0000000a;border-color:#0000000f}@media (orientation:landscape) and (height<=500px){.mobile-bottom-nav[data-v-ebd544c6],.more-sheet[data-v-ebd544c6],.more-backdrop[data-v-ebd544c6]{display:none!important}}.offline-indicator[data-v-70410283]{z-index:9999;justify-content:center;align-items:center;gap:var(--space-xs);padding:8px var(--space-md);color:#fff;font-size:.85rem;font-weight:var(--font-weight-semibold);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);box-shadow:0 4px 20px var(--color-error-a30);background:linear-gradient(135deg,#ef4444f2,#dc2626f2);display:flex;position:fixed;top:0;left:0;right:0}.offline-indicator i[data-v-70410283]{font-size:1.1rem}.offline-slide-enter-active[data-v-70410283]{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.offline-slide-leave-active[data-v-70410283]{transition:transform var(--transition-base)-in}.offline-slide-enter-from[data-v-70410283],.offline-slide-leave-to[data-v-70410283]{transform:translateY(-100%)}.auth-controls[data-v-f046c801]{top:16px;background:var(--color-glass);border-radius:var(--radius-full);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);z-index:20;gap:2px;padding:3px;display:flex;position:fixed;inset-inline-end:16px}.ctrl-btn[data-v-f046c801]{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ctrl-btn[data-v-f046c801]:hover{background:var(--color-glass-hover);color:var(--color-primary)}.ctrl-btn i[data-v-f046c801]{font-size:1rem}.auth-shell{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.app-shell{min-height:100vh}.standalone-shell{min-height:100vh;position:relative}.main-content{padding:var(--space-lg);padding-top:var(--space-sm);z-index:10;margin-right:260px;transition:margin .3s cubic-bezier(.4,0,.2,1);position:relative}.main-content.is-player{padding:0;margin:0!important}.sidebar-collapsed .main-content{margin-right:60px}[dir=ltr] .sidebar-collapsed .main-content{margin-left:60px;margin-right:0}@media (width<=768px){.main-content{padding:var(--space-md);padding-top:var(--space-sm);margin-left:0!important;margin-right:0!important}.main-content.is-player{padding:0}}@media (width>=769px) and (width<=1024px){.main-content{margin-right:60px!important}[dir=ltr] .main-content{margin-left:60px!important;margin-right:0!important}}:root{--color-primary:#2db84c;--color-primary-hover:#25a043;--color-primary-dark:#1b8a3a;--color-primary-light:#e8f8ec;--color-primary-glow:#2db84c66;--gradient-primary:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--gradient-accent:linear-gradient(135deg, var(--color-primary), #10b981, #06b6d4);--color-accent-teal:#10b981;--color-accent-cyan:#06b6d4;--color-star:#fbbf24;--color-accent-indigo:#6366f1;--color-accent-purple:#8b5cf6;--color-accent-orange:#f97316;--color-accent-pink:#ec4899;--color-accent-gold:#f5a623;--color-accent-gold-glow:#f5a6234d;--color-accent-blue:#4a90d9;--color-accent-blue-glow:#4a90d94d;--color-accent-bronze:#cd7f32;--color-accent-silver:#94a3b8;--color-whatsapp:#25d366;--color-telegram:#08c;--color-orange:#ff6b35;--color-orange-a4:#f973160a;--color-orange-a7:#f9731612;--color-orange-a12:#f973161f;--color-orange-a25:#f9731640;--color-orange-a30:#f973164d;--color-orange-a35:#f9731659;--color-orange-a40:#f9731666;--color-error:#f44;--color-success:#2db84c;--color-warning:#f5a623;--color-info:#3b82f6;--font-family-ui:"Tajawal", "Inter", sans-serif;--font-family-reading:"Noto Naskh Arabic", "Source Serif 4", serif;--font-family-mono:"Courier New", monospace;--font-size-xs:.7rem;--font-size-sm:.78rem;--font-size-base:.88rem;--font-size-md:1rem;--font-size-lg:1.1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--shadow-xs:0 1px 4px #0000000f;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 20px #00000026;--shadow-lg:0 10px 40px #0003;--shadow-xl:0 16px 48px #00000040;--shadow-glow-primary:0 8px 30px var(--color-primary-glow);--shadow-glow-gold:0 8px 30px var(--color-accent-gold-glow);--sidebar-width:260px;--sidebar-width-collapsed:64px;--header-height:72px;--bottom-nav-height:56px;--z-bg:0;--z-content:1;--z-sidebar:100;--z-sidebar-toggle:101;--z-topbar:150;--z-bottom-nav:200;--z-dropdown:250;--z-modal-backdrop:290;--z-modal:300;--z-toast:400;--z-tooltip:500;--color-accent-gold-a8:#f5a62314;--color-accent-gold-a10:#f5a6231a;--color-accent-gold-a12:#f5a6231f;--color-accent-gold-a15:#f5a62326;--color-accent-gold-a20:#f5a62333;--color-accent-gold-a30:#f5a6234d;--color-accent-gold-a3:#f5a62308;--color-accent-gold-a5:#f5a6230d;--color-accent-gold-a25:#f5a62340;--color-accent-gold-a35:#f5a62359;--color-accent-gold-a40:#f5a62366;--color-accent-gold-a45:#f5a62373;--color-accent-gold-a60:#f5a62399;--color-accent-gold-a70:#f5a623b3;--color-accent-gold-a85:#f5a623d9;--color-accent-gold-a95:#f5a623f2;--color-accent-blue-a8:#4a90d914;--color-accent-blue-a10:#4a90d91a;--color-accent-blue-a15:#4a90d926;--color-accent-blue-a20:#4a90d933;--color-accent-blue-a30:#4a90d94d;--color-error-a4:#ef44440a;--color-error-a6:#ff44440f;--color-error-a8:#ff444414;--color-error-a10:#ff44441a;--color-error-a12:#ff44441f;--color-error-a15:#ff444426;--color-error-a20:#f443;--color-error-a25:#ff444440;--color-error-a30:#ff44444d;--color-error-a35:#ef444459;--color-error-a40:#ef444466;--color-error-a50:#ef444480;--color-error-a60:#ef444499;--color-error-a70:#ef4444b3;--color-error-a85:#ef4444d9;--color-error-a95:#ef4444f2;--color-success-a8:#2db84c14;--color-success-a10:#2db84c1a;--color-success-a15:#2db84c26;--color-success-a20:#2db84c33;--color-warning-a8:#fbbf2414;--color-warning-a10:#fbbf241a;--color-warning-a15:#fbbf2426;--color-warning-a20:#fbbf2433;--color-warning-a3:#fbbf2408;--color-warning-a25:#fbbf2440;--color-warning-a30:#fbbf244d;--color-warning-a40:#fbbf2466;--color-info-a8:#3b82f614;--color-info-a10:#3b82f61a;--color-info-a15:#3b82f626;--color-info-a20:#3b82f633;--color-info-a30:#3b82f64d;--color-orange-a6:#ff6b350f;--color-orange-a8:#ff6b3514;--color-orange-a10:#ff6b351a;--color-orange-a15:#ff6b3526;--color-orange-a20:#ff6b3533;--color-orange-a60:#ff6b3599;--color-accent-teal-a10:#10b9811a;--color-accent-teal-a15:#10b98126;--color-accent-teal-a20:#10b98133;--color-accent-teal-a5:#10b9810d;--color-accent-cyan-a6:#06b6d40f;--color-accent-cyan-a10:#06b6d41a;--color-accent-cyan-a15:#06b6d426;--color-accent-cyan-a20:#06b6d433;--color-accent-cyan-a30:#06b6d44d;--color-accent-cyan-a50:#06b6d480;--color-accent-indigo-a8:#6366f114;--color-accent-indigo-a10:#6366f11a;--color-accent-indigo-a12:#6366f11f;--color-accent-indigo-a15:#6366f126;--color-accent-indigo-a20:#6366f133;--color-accent-indigo-a30:#6366f14d;--color-accent-indigo-a50:#6366f180;--color-accent-indigo-a60:#6366f199;--color-accent-indigo-a4:#6366f10a;--color-accent-indigo-a6:#6366f10f;--color-accent-indigo-a25:#6366f140;--color-accent-indigo-a40:#6366f166;--color-accent-indigo-a45:#6366f173;--color-accent-indigo-a70:#6366f1b3;--color-accent-indigo-a85:#6366f1d9;--color-accent-purple-a8:#8b5cf614;--color-accent-purple-a12:#8b5cf61f;--color-accent-purple-a15:#8b5cf626;--color-accent-purple-a30:#8b5cf64d;--color-accent-purple-a50:#8b5cf680;--color-accent-purple-a5:#8b5cf60d;--color-accent-purple-a6:#8b5cf60f;--color-accent-purple-a10:#8b5cf61a;--color-accent-purple-a40:#8b5cf666;--color-overlay-light:#0000004d;--color-overlay-dim:#0006;--color-overlay:#00000080;--color-overlay-deep:#0009;--color-overlay-heavy:#000000a6;--color-overlay-deeper:#000000b3;--color-overlay-max:#000000d9;--blur-xs:blur(4px);--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(32px);--blur-xl:blur(40px);--tracking-tight:-.01em;--tracking-slight:.03em;--tracking-normal:0em;--tracking-wide:.05em;--tracking-wider:.08em;--tracking-widest:.12em;--opacity-faint:.3;--opacity-dim:.4;--opacity-half:.5;--opacity-muted:.6;--opacity-soft:.7;--opacity-subtle:.85;--opacity-visible:.9;--opacity-full:1}[data-accent=purple]{--color-primary:#8b5cf6;--color-primary-hover:#7c3aed}[data-accent=teal]{--color-primary:#14b8a6;--color-primary-hover:#0d9488}[data-accent=blue]{--color-primary:#3b82f6;--color-primary-hover:#2563eb}[data-accent=amber]{--color-primary:#f59e0b;--color-primary-hover:#d97706}[data-accent=pink]{--color-primary:#ec4899;--color-primary-hover:#db2777}:root,[data-accent]{--color-primary-a3:color-mix(in srgb, var(--color-primary) 3%, transparent);--color-primary-a6:color-mix(in srgb, var(--color-primary) 6%, transparent);--color-primary-a8:color-mix(in srgb, var(--color-primary) 8%, transparent);--color-primary-a10:color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-a12:color-mix(in srgb, var(--color-primary) 12%, transparent);--color-primary-a15:color-mix(in srgb, var(--color-primary) 15%, transparent);--color-primary-a20:color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-a25:color-mix(in srgb, var(--color-primary) 25%, transparent);--color-primary-a30:color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-a35:color-mix(in srgb, var(--color-primary) 35%, transparent);--color-primary-a50:color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-a60:color-mix(in srgb, var(--color-primary) 60%, transparent)}[data-font-size=compact]{font-size:14px}[data-font-size=large]{font-size:18px}[data-theme=dark]{--color-bg:#0a0a0f;--color-bg-gradient:linear-gradient(135deg, #0a0a0f 0%, #0f1a14 50%, #0a0a0f 100%);--color-surface:#1a1a2e;--color-surface-elevated:#252538;--color-glass:#ffffff08;--color-glass-subtle:#ffffff0a;--color-glass-hover:#ffffff0f;--color-glass-border:#ffffff14;--color-glass-muted:#ffffff1a;--color-glass-strong:#ffffff1f;--color-glass-surface:#ffffff24;--color-glass-bright:#ffffff26;--color-text:#fff;--color-text-secondary:#b0b0c0;--color-text-muted:#8a8a9a;--color-text-dim:#5a5a6a}[data-theme=light]{--color-bg:#f5f7fa;--color-bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #e8f8ec 50%, #f5f7fa 100%);--color-surface:#fff;--color-surface-elevated:#fff;--color-glass:#0000000a;--color-glass-subtle:#0000000d;--color-glass-hover:#00000014;--color-glass-border:#00000024;--color-glass-muted:#0000001a;--color-glass-strong:#0000001f;--color-glass-surface:#00000024;--color-glass-bright:#0000002e;--color-text:#1a1a2e;--color-text-secondary:#4a4a5a;--color-text-muted:#5a5a6a;--color-text-dim:#8a8a9a}[data-theme=light] .bg-animation{background:linear-gradient(135deg,#f5f7fa 0%,#e8f8ec 30%,#f0f8ff 70%,#f5f7fa 100%)}[data-theme=light] .grid-overlay{background-image:linear-gradient(#0000001f 1px,#0000 1px),linear-gradient(90deg,#0000001f 1px,#0000 1px)}[data-theme=light] .glass-card,[data-theme=light] .sidebar,[data-theme=light] .stat-card,[data-theme=light] .card{background:#fffc;border-color:#0000001a;box-shadow:0 4px 20px #00000014}[data-theme=light] .sidebar{background:#fffffff2}[data-theme=light] .btn-secondary{color:var(--color-text);background:#0000000d;border-color:#00000026}[data-theme=light] .input-group input{color:var(--color-text);background:#00000008;border-color:#00000026}[data-theme=light] .control-btn,[data-theme=light] .lang-toggle,[data-theme=light] .search-box,[data-theme=light] .notification-btn{background:#ffffffe6;border-color:#00000026}[data-theme=light] .nav-item{color:#6b7280}[data-theme=light] .nav-item:hover{color:#374151}[data-theme=light] .nav-item.active{color:var(--color-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family-ui);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:var(--line-height-relaxed)}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-hover)}.bg-animation{z-index:0;background:var(--color-bg-gradient);pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-animation:before{content:"";background:radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);opacity:.25;width:800px;height:800px;animation:25s ease-in-out infinite bgFloat;position:absolute;top:-300px;right:-300px}.bg-animation:after{content:"";background:radial-gradient(circle, var(--color-accent-gold-glow) 0%, transparent 70%);opacity:.2;width:500px;height:500px;animation:18s ease-in-out infinite reverse bgFloat;position:absolute;bottom:-200px;left:-200px}@keyframes bgFloat{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(40px,-40px)rotate(5deg)}66%{transform:translate(-30px,30px)rotate(-5deg)}}.grid-overlay{background-image:linear-gradient(var(--color-glass-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-glass-border) 1px, transparent 1px);opacity:.35;z-index:1;pointer-events:none;background-size:60px 60px;transition:opacity .6s,background-image .6s;position:fixed;inset:0}[data-bg-style=notebook] .grid-overlay{background-image:linear-gradient(transparent 31px, var(--color-primary-a12) 31px, var(--color-primary-a12) 32px, transparent 32px);opacity:.5;background-size:100% 32px}[data-bg-style=notebook] .grid-overlay:after{content:"";top:0;bottom:0;pointer-events:none;background:#ef44441f;width:2px;position:fixed;inset-inline-start:80px}[data-bg-style=solid] .grid-overlay{opacity:0;background-image:none}[data-bg-style=doodle] .grid-overlay{opacity:.06;mix-blend-mode:screen;background-image:url(./doodle-pattern-Bzem-mRK.png);background-size:400px 400px}[data-bg-style=doodle][data-doodle-style=medical] .grid-overlay{background-image:url(./doodle-medical-DIL0MdWO.png)}[data-bg-style=doodle][data-doodle-style=space] .grid-overlay{background-image:url(./doodle-space-SunDNqft.png)}[data-bg-style=doodle][data-doodle-style=tech] .grid-overlay{background-image:url(./doodle-tech-DYg1QfiD.png)}[data-bg-style=doodle][data-doodle-style=chemistry] .grid-overlay{background-image:url(./doodle-chemistry-ClXbd91u.png)}[data-bg-style=doodle][data-doodle-style=math] .grid-overlay{background-image:url(./doodle-math-DFJFUoHe.png)}[data-bg-style=doodle][data-doodle-style=mia-robot] .grid-overlay{background-image:url(./doodle-mia-robot-C37qLBgS.png)}[data-bg-style=doodle][data-doodle-style=mia-motivational] .grid-overlay{background-image:url(./doodle-mia-motivational-CuGee7Xw.png)}[data-bg-style=aurora] .grid-overlay{opacity:0;background-image:none}[data-bg-style=aurora] .bg-animation:before{background:radial-gradient(circle, var(--color-primary-a35) 0%, #4a90d933 40%, transparent 70%);opacity:.4;width:1000px;height:1000px;animation:20s ease-in-out infinite bgFloat}[data-bg-style=aurora] .bg-animation:after{opacity:.35;background:radial-gradient(circle,#f5a6234d 0%,#ff6b3526 40%,#0000 70%);width:800px;height:800px;animation:15s ease-in-out infinite reverse bgFloat}[data-theme=light][data-bg-style=notebook] .grid-overlay{opacity:.5;background-image:linear-gradient(#0000 31px,#4a90d91f 31px 32px,#0000 32px)}[data-theme=light][data-bg-style=notebook] .grid-overlay:after{background:#ef444426}[data-theme=light][data-bg-style=doodle] .grid-overlay{opacity:.12;mix-blend-mode:multiply}[data-theme=light][data-bg-style=aurora] .bg-animation:before{background:radial-gradient(circle, var(--color-primary-a20) 0%, #4a90d91f 40%, transparent 70%)}[data-theme=light][data-bg-style=aurora] .bg-animation:after{background:radial-gradient(circle,#f5a6232e 0%,#ff6b3514 40%,#0000 70%)}[data-bg-style=dna] .grid-overlay{background-image:radial-gradient(circle, var(--color-primary-a15) 1px, transparent 1px), radial-gradient(circle, var(--color-primary-a10) 1px, transparent 1px);opacity:.4;background-position:0 0,15px 15px;background-size:30px 30px,30px 30px;animation:25s linear infinite dna-drift}@keyframes dna-drift{0%{background-position:0 0,15px 15px}to{background-position:30px 60px,45px 75px}}[data-theme=light][data-bg-style=dna] .grid-overlay{opacity:.3}[data-bg-style=circuit] .grid-overlay{background-image:linear-gradient(90deg, var(--color-primary-a6) 1px, transparent 1px), linear-gradient(var(--color-primary-a6) 1px, transparent 1px), radial-gradient(circle, var(--color-primary-a20) 2px, transparent 2px), radial-gradient(circle, var(--color-primary-a12) 1.5px, transparent 1.5px);opacity:.35;background-position:0 0,0 0,20px 20px,10px 10px;background-size:40px 40px,40px 40px,40px 40px,20px 20px}[data-theme=light][data-bg-style=circuit] .grid-overlay{opacity:.25}[data-bg-style=stars] .grid-overlay{background-image:radial-gradient(circle, #ffffff40 1px, transparent 1px), radial-gradient(circle, #ffffff26 .5px, transparent .5px), radial-gradient(circle, var(--color-primary-a25) 1.5px, transparent 1.5px);opacity:.35;background-position:25px 25px,10px 40px,75px 75px;background-size:100px 100px,50px 50px,200px 200px;animation:8s ease-in-out infinite alternate star-twinkle}@keyframes star-twinkle{0%{opacity:.3}to{opacity:.45}}[data-theme=light][data-bg-style=stars] .grid-overlay{background-image:radial-gradient(circle, #0000001f 1px, transparent 1px), radial-gradient(circle, #00000014 .5px, transparent .5px), radial-gradient(circle, var(--color-primary-a20) 1.5px, transparent 1.5px);opacity:.3}[data-bg-style=hexagons] .grid-overlay{background-color:#0000;background-image:linear-gradient(30deg, var(--color-primary-a8) 12%, transparent 12.5%, transparent 87%, var(--color-primary-a8) 87.5%), linear-gradient(150deg, var(--color-primary-a8) 12%, transparent 12.5%, transparent 87%, var(--color-primary-a8) 87.5%), linear-gradient(30deg, var(--color-primary-a8) 12%, transparent 12.5%, transparent 87%, var(--color-primary-a8) 87.5%), linear-gradient(150deg, var(--color-primary-a8) 12%, transparent 12.5%, transparent 87%, var(--color-primary-a8) 87.5%), linear-gradient(60deg, var(--color-primary-a6) 25%, transparent 25.5%, transparent 75%, var(--color-primary-a6) 75%), linear-gradient(60deg, var(--color-primary-a6) 25%, transparent 25.5%, transparent 75%, var(--color-primary-a6) 75%);opacity:.35;background-position:0 0,0 0,30px 52px,30px 52px,0 0,30px 52px;background-size:60px 104px}[data-theme=light][data-bg-style=hexagons] .grid-overlay{opacity:.25}[data-bg-style=graph] .grid-overlay{background-image:linear-gradient(var(--color-primary-a6) 1px, transparent 1px), linear-gradient(90deg, var(--color-primary-a6) 1px, transparent 1px), linear-gradient(var(--color-primary-a12) 1px, transparent 1px), linear-gradient(90deg, var(--color-primary-a12) 1px, transparent 1px);opacity:.35;background-size:10px 10px,10px 10px,50px 50px,50px 50px}[data-theme=light][data-bg-style=graph] .grid-overlay{opacity:.28}[data-bg-style=mia-pulse] .grid-overlay{background-image:repeating-radial-gradient(circle at 50% 50%, transparent 0px, transparent 38px, var(--color-primary-a8) 40px, transparent 42px);opacity:.3;background-size:100% 100%;animation:6s ease-in-out infinite mia-pulse-breathe}[data-bg-style=mia-pulse] .bg-animation:before{background:radial-gradient(circle, var(--color-primary-a30) 0%, transparent 50%)!important;opacity:.25!important;animation:8s ease-in-out infinite bgFloat!important}@keyframes mia-pulse-breathe{0%,to{opacity:.2}50%{opacity:.4}}[data-theme=light][data-bg-style=mia-pulse] .grid-overlay{opacity:.2}[data-bg-style=mia-matrix] .grid-overlay{background-image:linear-gradient(0deg, var(--color-primary-a6) 1px, transparent 1px), repeating-linear-gradient(90deg, transparent 0px, transparent 18px, var(--color-primary-a10) 19px, transparent 20px);opacity:.3;background-size:20px 20px,20px 20px;animation:20s linear infinite matrix-scroll}@keyframes matrix-scroll{0%{background-position:0 0,0 0}to{background-position:0 400px,0 400px}}[data-bg-style=mia-matrix] .bg-animation:before{background:radial-gradient(ellipse at 30% 40%, var(--color-primary-a25) 0%, transparent 50%)!important;opacity:.3!important}[data-bg-style=mia-matrix] .bg-animation:after{opacity:.2!important;background:radial-gradient(at 70% 60%,#06b6d433 0%,#0000 50%)!important}[data-theme=light][data-bg-style=mia-matrix] .grid-overlay{opacity:.18}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}.text-h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.text-h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.text-h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-primary{color:var(--color-primary)}.text-center{text-align:center}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reading-text{font-family:var(--font-family-reading);line-height:var(--line-height-loose)}.glass-card{background:var(--color-glass);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.glass-card:hover{background:var(--color-glass-hover);border-color:var(--color-primary);transform:translateY(-2px)}.glass-panel{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);transition:border-color var(--transition-base);-webkit-backdrop-filter:var(--blur-lg);padding:clamp(16px,2vw,24px)}[data-bg-style=doodle] .glass-panel,[data-bg-style=notebook] .glass-panel,[data-bg-style=circuit] .glass-panel,[data-bg-style=hexagons] .glass-panel,[data-bg-style=mia-matrix] .glass-panel{-webkit-backdrop-filter:var(--blur-lg);background:#0a0a0f73}[data-theme=light][data-bg-style=doodle] .glass-panel,[data-theme=light][data-bg-style=notebook] .glass-panel,[data-theme=light][data-bg-style=circuit] .glass-panel,[data-theme=light][data-bg-style=hexagons] .glass-panel,[data-theme=light][data-bg-style=mia-matrix] .glass-panel{background:#ffffffd1}.glass-panel:hover{border-color:#ffffff1f}[data-theme=light] .glass-panel{background:#ffffffbf;border-color:#0000001f;box-shadow:0 2px 12px #0000000a}[data-theme=light] .glass-panel:hover{border-color:#0003}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;font-family:var(--font-family-ui);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{box-shadow:0 12px 40px var(--color-primary-glow);transform:translateY(-2px)}.btn-secondary{background:var(--color-glass);border:1px solid var(--color-glass-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-glass-hover);border-color:var(--color-primary)}.btn-gold{background:linear-gradient(135deg, var(--color-accent-gold), var(--color-orange));color:#fff}.btn-blue{background:linear-gradient(135deg, var(--color-accent-blue), #6366f1);color:#fff}.btn-error{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 4px 16px #e74c3c4d}.btn-error:hover{transform:translateY(-1px);box-shadow:0 6px 24px #e74c3c66}.btn-undo{background:var(--color-glass);color:var(--color-accent-gold,#f5a623);border:1px solid #f5a62366}.btn-undo:hover{background:#f5a62326;border-color:#f5a62399}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.btn-ghost{color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);background:0 0;border:none}.btn-ghost:hover{color:var(--color-text);background:var(--color-glass-hover)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.input-group{margin-bottom:var(--space-lg);position:relative}.input-group label{color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.85rem;display:block}.input-group input,.input-group textarea{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;font-family:var(--font-family-ui);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass);color:var(--color-text);transition:all var(--transition-base);padding-right:50px}.input-group input:focus,.input-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow);outline:none}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--color-text-dim)}.input-group .input-icon{right:var(--space-lg);color:var(--color-text-muted);pointer-events:none;margin-top:12px;font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.input-error input,.input-error textarea{border-color:var(--color-error)!important}.input-error input:focus,.input-error textarea:focus{box-shadow:0 0 0 4px #ff444426}.input-success input,.input-success textarea{border-color:var(--color-success)!important}.input-success input:focus,.input-success textarea:focus{box-shadow:0 0 0 4px var(--color-primary-a15)}.progress-ring{border-radius:var(--radius-full);background:conic-gradient(var(--color-primary) var(--progress,68%), var(--color-glass-border) 0);justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.progress-ring:before{content:"";background:var(--color-bg);border-radius:var(--radius-full);width:calc(100% - 16px);height:calc(100% - 16px);position:absolute}.progress-ring span{z-index:1;color:var(--color-primary);font-size:1.1rem;font-weight:700;position:relative}.progress-bar{background:var(--color-glass-border);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:3px}.progress-bar-fill.primary{background:var(--color-primary)}.progress-bar-fill.gold{background:var(--color-accent-gold)}.progress-bar-fill.blue{background:var(--color-accent-blue)}.sidebar{background:var(--color-glass);width:260px;-webkit-backdrop-filter:var(--blur-lg);border-left:1px solid var(--color-glass-border);z-index:100;padding:var(--space-md);flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0}[dir=ltr] .sidebar{border-left:none;border-right:1px solid var(--color-glass-border);left:0;right:auto}.sidebar-toggle{background:var(--color-surface);border:1px solid var(--color-glass-border);cursor:pointer;z-index:101;width:28px;height:28px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:20px;left:-14px}[dir=ltr] .sidebar-toggle{left:auto;right:-14px}.sidebar-toggle:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.sidebar-toggle i{font-size:.9rem;transition:transform .3s}[dir=rtl] .sidebar-toggle i{transform:rotate(180deg)}.sidebar.collapsed{width:64px;padding:var(--space-xs) 0 var(--space-sm)}.sidebar.collapsed .nav-menu{scrollbar-width:none;gap:2px;overflow-y:auto}.sidebar.collapsed .nav-menu::-webkit-scrollbar{width:0}.sidebar.collapsed .sidebar-logo{padding:var(--space-sm) 0;margin-bottom:var(--space-sm)}.sidebar.collapsed .sidebar-logo .text-ar,.sidebar.collapsed .sidebar-logo .text-en{display:none}.sidebar.collapsed .sidebar-logo-img{max-width:40px}.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item .text-ar,.sidebar.collapsed .nav-item .text-en{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .nav-item{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:0;margin:0 6px;padding:10px}.sidebar.collapsed .nav-item i{width:auto;margin:0}.sidebar.collapsed .user-profile{background:0 0;justify-content:center;align-items:center;margin-bottom:8px;padding:4px;flex:0 0 44px!important;height:44px!important;max-height:44px!important}.sidebar.collapsed .user-avatar{aspect-ratio:1;border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px}.sidebar.collapsed .user-info,.sidebar.collapsed .user-profile>i{display:none}.sidebar.collapsed .sidebar-toggle i{transform:rotate(180deg)}[dir=rtl] .sidebar.collapsed .sidebar-toggle i{transform:rotate(0)}.main-content{transition:margin .3s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed .main-content{margin-right:64px}[dir=ltr] body.sidebar-collapsed .main-content{margin-left:64px;margin-right:0}[dir=rtl] .back-btn i,[dir=rtl] .back-btn-mobile i,[dir=rtl] .cover-back-btn i,[dir=rtl] .ds-back-btn i,[dir=rtl] .back-link-btn i{transform:scaleX(-1)}.sidebar-logo{text-align:center;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-glass-border);font-size:1.4rem;font-weight:700}.sidebar-logo .highlight{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.sidebar-logo-img{max-width:44px;height:auto;margin:0 auto;transition:max-width .3s;display:block}.logo-for-dark{display:none}.logo-for-light,[data-theme=dark] .logo-for-dark{display:block}[data-theme=dark] .logo-for-light{display:none}.nav-menu{scrollbar-width:thin;scrollbar-color:var(--color-glass-border) transparent;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-menu::-webkit-scrollbar{width:3px}.nav-menu::-webkit-scrollbar-track{background:0 0}.nav-menu::-webkit-scrollbar-thumb{background:var(--color-glass-border);border-radius:2px}.nav-menu:hover::-webkit-scrollbar-thumb{background:var(--color-primary-a30)}.nav-item{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:10px;padding:8px 14px;font-size:.85rem;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-glass-hover);color:var(--color-text)}.nav-item.active,.nav-item.router-link-exact-active{background:linear-gradient(135deg, var(--color-primary-glow) 0%, transparent 100%);color:var(--color-primary);border:1px solid var(--color-primary);font-weight:500}.nav-item.active i,.nav-item.router-link-exact-active i{animation:2s ease-in-out infinite alternate navGlow}@keyframes navGlow{0%{filter:drop-shadow(0 0 2px var(--color-primary-a30))}to{filter:drop-shadow(0 0 8px var(--color-primary-a60))}}.nav-item i{text-align:center;flex-shrink:0;width:20px;font-size:1.2rem}.nav-item span,.nav-item .text-ar,.nav-item .text-en{white-space:nowrap;transition:opacity .2s,width .3s}.nav-divider{background:var(--color-glass-border);height:1px;margin:4px 0}.user-profile{border-radius:var(--radius-md);color:inherit;cursor:pointer;background:0 0;border:none;flex-grow:0;flex-shrink:0;align-items:center;gap:10px;margin-top:auto;padding:8px 12px;text-decoration:none;transition:all .25s;display:flex}.user-profile:hover{background:var(--color-glass-hover)}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent-gold));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;font-size:1rem;font-weight:700;display:flex}.user-info{flex:1;overflow:hidden}.user-name-row{align-items:center;gap:8px;display:flex}.user-name{font-size:1rem;font-weight:600}.streak-badge-mini{color:var(--color-accent-gold);background:linear-gradient(135deg,#ffab0033 0%,#ffab001a 100%);border:1px solid #ffab004d;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:flex}.streak-badge-mini i{font-size:.8rem;animation:1s ease-in-out infinite alternate fire-flicker}.sidebar.collapsed .streak-badge-mini{display:none}.user-role{color:var(--color-text-muted);font-size:.8rem}.stat-card{background:var(--color-glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{width:56px;height:56px;margin:0 auto var(--space-md);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:1.8rem;display:flex}.stat-icon.primary{background:linear-gradient(135deg, var(--color-primary-glow), transparent);color:var(--color-primary)}.stat-icon.gold{background:linear-gradient(135deg, var(--color-accent-gold-glow), transparent);color:var(--color-accent-gold)}.stat-icon.blue{background:linear-gradient(135deg, var(--color-accent-blue-glow), transparent);color:var(--color-accent-blue)}.stat-value{margin-bottom:var(--space-xs);font-size:2.5rem;font-weight:700}.stat-label{color:var(--color-text-muted);font-size:.85rem}.streak-badge{border-radius:var(--radius-lg);color:var(--color-orange);background:linear-gradient(135deg,#ff6b3533 0%,#f5a62333 100%);border:1px solid #ff6b3566;align-items:center;gap:6px;padding:10px 18px;font-weight:600;display:inline-flex}.streak-badge i{font-size:1.2rem}.mia-fab{bottom:var(--space-xl);left:var(--space-xl);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-accent-gold));cursor:pointer;width:64px;height:64px;box-shadow:var(--shadow-glow-primary);transition:all var(--transition-base);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;overflow:hidden}[dir=ltr] .mia-fab{left:auto;right:var(--space-xl)}.mia-fab:hover{box-shadow:0 12px 40px var(--color-primary-glow);transform:scale(1.1)}.mia-fab video{object-fit:cover;border-radius:var(--radius-full);mix-blend-mode:screen;width:100%;height:100%}.mia-fab.pulsing{animation:2s ease-in-out infinite miaPulse}@keyframes miaPulse{0%,to{box-shadow:var(--shadow-glow-primary)}50%{box-shadow:0 8px 50px var(--color-primary-glow), 0 0 0 10px var(--color-primary-a10)}}body.panel-open .mia-fab{left:calc(var(--space-xl) + 440px);transition:all .4s cubic-bezier(.16,1,.3,1)}[dir=ltr] body.panel-open .mia-fab,body.panel-open [dir=ltr] .mia-fab{left:auto;right:calc(var(--space-xl) + 440px)}@media (width<=480px){body.panel-open .mia-fab{opacity:0;pointer-events:none}}.mia-tooltip{bottom:110px;left:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);max-width:280px;box-shadow:var(--shadow-lg);z-index:999;animation:.5s forwards slideUp;position:fixed}.mia-tooltip:after{content:"";background:var(--color-surface);border-right:1px solid var(--color-glass-border);border-bottom:1px solid var(--color-glass-border);width:16px;height:16px;position:absolute;bottom:-8px;left:30px;transform:rotate(45deg)}[dir=ltr] .mia-tooltip{left:auto;right:var(--space-lg)}[dir=ltr] .mia-tooltip:after{left:auto;right:30px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.controls-toolbar{top:var(--space-lg);left:var(--space-lg);z-index:1001;gap:var(--space-sm);align-items:center;display:flex;position:fixed}.control-btn{justify-content:center;align-items:center;gap:var(--space-xs);background:var(--color-glass);width:40px;height:40px;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);padding:0;font-size:1.1rem;display:inline-flex}.control-btn:hover{background:var(--color-glass-hover);border-color:var(--color-primary);color:var(--color-primary)}.control-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.lang-toggle{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-glass);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);font-size:.85rem;font-weight:500;display:inline-flex}.lang-toggle:hover{background:var(--color-glass-hover);border-color:var(--color-primary)}.lang-toggle i{font-size:1rem}[data-lang=en] .text-ar,[data-lang=ar] .text-en{display:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}@media (width<=768px){.hidden-mobile{display:none!important}}@media (width>=769px){.hidden-desktop{display:none!important}}@media (width<=1200px){.sidebar{width:64px;padding:var(--space-xs) 0 var(--space-sm)}.sidebar .nav-menu{scrollbar-width:none;gap:2px}.sidebar .nav-menu::-webkit-scrollbar{width:0}.sidebar-logo span,.nav-item span,.user-info{display:none}.nav-item{justify-content:center;margin:0 6px;padding:10px}.user-profile{flex:0 0 44px;justify-content:center;height:44px;max-height:44px;margin-bottom:8px;padding:4px}.nav-section-label,.v1-link,.sidebar-toggle{display:none}.sidebar-logo{border-bottom:1px solid var(--color-glass-border);justify-content:center;padding:8px 0;text-decoration:none;display:flex}.sidebar-logo-img{object-fit:contain;width:32px;height:32px}.user-avatar{aspect-ratio:1;border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px;margin:0 auto}.nav-divider{margin:4px 6px}.profile-popover{inset-inline:calc(100% + 8px) auto;min-width:160px;bottom:0}:root{--sidebar-width:64px}.main-content{margin-right:64px}[dir=ltr] .main-content{margin-left:64px;margin-right:0}}@media (width<=768px){.sidebar{display:none}:root{--sidebar-width:0px}.main-content{margin-left:0!important;margin-right:0!important}.mia-fab{width:56px;height:56px;bottom:var(--space-md);left:var(--space-md)}}@media (width<=360px){:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px}.btn-primary{padding:10px 16px;font-size:.85rem}.glass-card{padding:var(--space-sm)}.mia-fab{width:48px;height:48px;bottom:8px;left:8px}[dir=ltr] .mia-fab{left:auto;right:8px}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-a25)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){box-shadow:none;outline:none}.skip-link{background:var(--color-primary);color:#fff;z-index:10000;border-radius:0 0 8px;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mia-fab.pulsing{animation:none}.bg-animation{display:none}.glass-card:hover,.btn-primary:hover,.stat-card:hover{transform:none}}@media (prefers-contrast:high){:root{--color-glass-border:#ffffff80;--color-text-muted:#ffffffe6}.glass-card,.btn-secondary,.input-group input{border-width:2px}}@media (forced-colors:active){.btn-primary,.btn-secondary{border:2px solid}:focus-visible{outline-offset:2px;outline:3px solid}}[data-mode=focus]{--color-primary-glow:color-mix(in srgb, var(--color-primary) 15%, transparent);--color-accent-gold:#c4a854;--color-accent-blue:#6b8db5;--color-star:#c9b44a;--color-orange:#b8805a;--shadow-glow-primary:0 4px 16px color-mix(in srgb, var(--color-primary) 12%, transparent)}[data-mode=focus] .bg-animation:before{opacity:.1!important}[data-mode=focus] .bg-animation:after{opacity:.08!important}[data-mode=focus] .grid-overlay{opacity:.1!important}[data-mode=focus][data-bg-style=doodle] .grid-overlay{opacity:.03!important}[data-mode=focus] .btn-primary{background:var(--color-primary)!important;box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 15%, transparent)!important}[data-mode=focus] .btn-gold,[data-mode=focus] .btn-blue{border:1px solid var(--color-glass-border);background:var(--color-glass)!important;color:var(--color-text)!important}[data-mode=focus] .feature-icon-img{opacity:.85;transition:filter .25s,opacity .25s;filter:brightness(0)saturate()invert(55%)sepia(52%)saturate(530%)hue-rotate(100deg)brightness(92%)!important}[data-mode=focus] .feature-card:hover .feature-icon-img{opacity:1;filter:brightness(0)saturate()invert(55%)sepia(52%)saturate(530%)hue-rotate(100deg)brightness(105%)!important}[data-accent=purple][data-mode=focus] .feature-icon-img{filter:brightness(0)saturate()invert(45%)sepia(80%)saturate(600%)hue-rotate(235deg)brightness(95%)!important}[data-accent=purple][data-mode=focus] .feature-card:hover .feature-icon-img{filter:brightness(0)saturate()invert(45%)sepia(80%)saturate(600%)hue-rotate(235deg)brightness(108%)!important}[data-accent=teal][data-mode=focus] .feature-icon-img{filter:brightness(0)saturate()invert(55%)sepia(50%)saturate(500%)hue-rotate(145deg)brightness(92%)!important}[data-accent=teal][data-mode=focus] .feature-card:hover .feature-icon-img{filter:brightness(0)saturate()invert(55%)sepia(50%)saturate(500%)hue-rotate(145deg)brightness(105%)!important}[data-accent=blue][data-mode=focus] .feature-icon-img{filter:brightness(0)saturate()invert(45%)sepia(70%)saturate(550%)hue-rotate(190deg)brightness(95%)!important}[data-accent=blue][data-mode=focus] .feature-card:hover .feature-icon-img{filter:brightness(0)saturate()invert(45%)sepia(70%)saturate(550%)hue-rotate(190deg)brightness(108%)!important}[data-accent=amber][data-mode=focus] .feature-icon-img{filter:brightness(0)saturate()invert(65%)sepia(70%)saturate(600%)hue-rotate(10deg)brightness(95%)!important}[data-accent=amber][data-mode=focus] .feature-card:hover .feature-icon-img{filter:brightness(0)saturate()invert(65%)sepia(70%)saturate(600%)hue-rotate(10deg)brightness(108%)!important}[data-accent=pink][data-mode=focus] .feature-icon-img{filter:brightness(0)saturate()invert(45%)sepia(80%)saturate(600%)hue-rotate(300deg)brightness(95%)!important}[data-accent=pink][data-mode=focus] .feature-card:hover .feature-icon-img{filter:brightness(0)saturate()invert(45%)sepia(80%)saturate(600%)hue-rotate(300deg)brightness(108%)!important}[data-mode=focus] .tool-icon-wrap,[data-mode=focus] .specialty-tool-card i{color:var(--color-primary)!important}[data-mode=focus] .feature-card{border-color:var(--color-glass-border)!important}[data-mode=focus] .feature-card:hover{border-color:var(--color-primary)!important}[data-mode=focus] .progress-ring{filter:saturate(.7)}[data-mode=focus] .badge,[data-mode=focus] .nav-badge{filter:saturate(.5)brightness(.95)}[data-mode=focus] .shadow-glow-primary,[data-mode=focus] [style*=box-shadow]{box-shadow:0 2px 8px #0000001a!important}[data-mode=focus] .stat-card{border-color:var(--color-glass-border)!important}[data-mode=focus] .glass-card:hover,[data-mode=focus] .glass-panel:hover{border-color:#ffffff1f;transform:translateY(-1px)}.dashboard-container{min-height:100vh;display:flex}.main-content{z-index:10;padding:var(--space-xl);flex:1;margin-right:260px;position:relative;overflow-y:auto}[dir=ltr] .main-content{margin-left:260px;margin-right:0}.top-bar{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.welcome-text h1{font-size:1.8rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.welcome-text p{color:var(--color-text-muted);margin-bottom:0;font-size:.95rem}.top-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.search-box{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);width:300px;transition:all var(--transition-base);align-items:center;gap:12px;padding:12px 20px;display:flex}.search-box:focus-within{border-color:var(--color-primary)}.search-box input{color:var(--color-text);background:0 0;border:none;flex:1;font-size:.9rem}.search-box input::placeholder{color:var(--color-text-dim)}.search-box input:focus{outline:none}.search-box i{color:var(--color-text-muted)}.notification-btn{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative}.notification-btn:hover{background:var(--color-glass-hover)}.notification-btn i{color:var(--color-text-muted);font-size:1.3rem}.notification-badge{background:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-bg);width:10px;height:10px;position:absolute;top:8px;right:8px}.mode-toggle{background:linear-gradient(135deg, var(--color-glass-border) 0%, var(--color-glass) 100%);border:1px solid var(--color-glass-border);width:auto;height:40px;box-shadow:0 4px 24px var(--color-overlay-light), inset 0 1px 0 var(--color-glass-border);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:50px;gap:4px;padding:4px;display:flex;position:relative}.mode-btn{z-index:2;height:100%;font-size:.85rem;font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-slight);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;flex:none;justify-content:center;align-items:center;gap:0;min-width:32px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mode-btn.active{flex:auto;gap:8px;padding:0 16px}.mode-btn .text-ar,.mode-btn .text-en{opacity:0;max-width:0;transition:max-width .4s cubic-bezier(.34,1.56,.64,1),opacity .3s 50ms;overflow:hidden}.mode-btn.active .text-ar,.mode-btn.active .text-en{opacity:1;max-width:80px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards modeTextReveal}@keyframes modeTextReveal{0%{opacity:0;max-width:0;transform:translate(-4px)}60%{opacity:var(--opacity-subtle)}to{opacity:1;max-width:80px;transform:translate(0)}}[dir=rtl] .mode-btn.active .text-ar,[dir=rtl] .mode-btn.active .text-en{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards modeTextRevealRtl}@keyframes modeTextRevealRtl{0%{opacity:0;max-width:0;transform:translate(4px)}60%{opacity:var(--opacity-subtle)}to{opacity:1;max-width:80px;transform:translate(0)}}.mode-btn:hover:not(.active){color:var(--color-text);background:var(--color-glass-border);transform:scale(1.08)}.mode-btn.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;font-weight:var(--font-weight-semibold);box-shadow:0 4px 20px var(--color-primary-glow), 0 0 30px var(--color-primary-a20);animation:.5s cubic-bezier(.34,1.56,.64,1) forwards modeActivate,2s ease-in-out .5s infinite alternate mode-glow}@keyframes modeActivate{0%{opacity:var(--opacity-subtle);transform:scale(.92)}50%{transform:scale(1.06)}75%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes mode-glow{0%{box-shadow:0 4px 20px var(--color-primary-glow), 0 0 20px var(--color-primary-a15)}to{box-shadow:0 6px 25px var(--color-primary-glow), 0 0 35px var(--color-primary-a25)}}.mode-btn i{transition:all var(--transition-base);flex-shrink:0;font-size:1.25rem}.mode-btn:hover:not(.active) i{transform:scale(1.15)}.top-actions-divider{background:linear-gradient(to bottom, transparent, var(--color-glass-border), transparent);width:1px;height:24px;margin:0 8px}.streak-badge{background:linear-gradient(135deg, var(--color-accent-gold-a15) 0%, #ffab000d 100%);border:1px solid var(--color-accent-gold-a30);height:44px;box-shadow:0 4px 24px var(--color-overlay-light), 0 0 20px var(--color-accent-gold-a10);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-gold);transition:all var(--transition-base);border-radius:50px;align-items:center;gap:6px;padding:0 16px;font-size:.9rem;display:flex}.streak-badge:hover{box-shadow:0 6px 28px var(--color-overlay), 0 0 25px var(--color-accent-gold-a20);transform:scale(1.05)}.streak-badge i{font-size:1.1rem;animation:1s ease-in-out infinite alternate fire-flicker}@keyframes fire-flicker{0%{opacity:var(--opacity-visible);transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.settings-group{background:linear-gradient(135deg, var(--color-glass-border) 0%, var(--color-glass) 100%);border:1px solid var(--color-glass-border);height:40px;box-shadow:0 4px 24px var(--color-overlay-light), inset 0 1px 0 var(--color-glass-border);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:50px;align-items:center;gap:4px;padding:4px;display:flex}.settings-group .control-btn{width:32px;height:32px;box-shadow:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-group .control-btn:hover{color:var(--color-text);background:var(--color-glass-border)}.settings-group .control-btn i{transition:transform var(--transition-base);font-size:1.2rem}.settings-group .control-btn:hover i{transform:rotate(15deg)}[data-theme=light] .mode-toggle,[data-theme=light] .top-actions .streak-badge,[data-theme=light] .settings-group{background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);border-color:#00000014;box-shadow:0 4px 24px #00000014,inset 0 1px #fffc}[data-theme=light] .top-actions-divider{background:linear-gradient(#0000,#0000001a,#0000)}[data-theme=light] .mode-btn:hover:not(.active){background:#0000000a}[data-theme=light] .settings-group .control-btn:hover{background:#0000000d}[data-mode=focus] .stat-mini{background:var(--color-glass);border:1px solid var(--color-glass-border)}.stats-row{gap:var(--space-sm);margin-bottom:var(--space-lg);padding:2px;display:flex;overflow-x:auto}.stats-row .stat-mini{align-items:center;gap:var(--space-xs);background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0;padding:8px 14px;display:flex}.stats-row .stat-mini i{font-size:1rem}.stats-row .stat-mini .stat-num{font-size:.9rem;font-weight:var(--font-weight-bold)}.stats-row .stat-mini .stat-txt{color:var(--color-text-muted);font-size:.75rem}.quick-actions{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.action-btn{padding:var(--space-lg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-glass);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:10px;display:flex}.action-btn:hover{background:var(--color-glass-hover);border-color:var(--color-primary);transform:translateY(-2px)}.action-btn.quiz{border-left:3px solid var(--color-accent-gold)}.action-btn.flash{border-left:3px solid var(--color-accent-blue)}.action-btn.mia{border-left:3px solid var(--color-primary)}.action-btn i{color:var(--color-primary);font-size:1.3rem}.content-grid{gap:var(--space-lg);grid-template-columns:2fr 1fr;display:grid}.card{background:var(--color-glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:0}.card-action{color:var(--color-primary);cursor:pointer;transition:color var(--transition-base);font-size:.85rem}.card-action:hover{text-decoration:underline}.course-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);margin-bottom:12px;display:flex}.course-item:hover{border-color:var(--color-primary);transform:translate(-4px)}.course-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.course-icon i{font-size:1.5rem}.course-icon.math{background:linear-gradient(135deg, var(--color-primary-glow), transparent);color:var(--color-primary)}.course-icon.physics{background:linear-gradient(135deg, var(--color-accent-gold-glow), transparent);color:var(--color-accent-gold)}.course-icon.chemistry{background:linear-gradient(135deg, var(--color-accent-blue-glow), transparent);color:var(--color-accent-blue)}.course-details{flex:1}.course-name{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.course-chapter{color:var(--color-text-muted);font-size:.8rem}.course-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all var(--transition-base);border-left:4px solid #0000;display:flex}.course-card:hover{background:var(--color-glass-hover);transform:translate(-4px)}.course-card.math{border-left-color:var(--color-primary)}.course-card.physics{border-left-color:var(--color-accent-gold)}.course-card.chemistry{border-left-color:var(--color-accent-blue)}.course-card.arabic{border-left-color:#e91e63}.course-card.english{border-left-color:#9c27b0}.course-card.history{border-left-color:#ff9800}.course-instructor{flex-shrink:0;width:52px;height:52px;position:relative}.course-instructor img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-glass-border);width:100%;height:100%}.course-instructor .subject-badge{border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex;position:absolute;bottom:-2px;right:-2px}.course-card.math .subject-badge{background:var(--color-primary)}.course-card.physics .subject-badge{background:var(--color-accent-gold)}.course-card.chemistry .subject-badge{background:var(--color-accent-blue)}.course-card.arabic .subject-badge{background:#e91e63}.course-card.english .subject-badge{background:#9c27b0}.course-info{flex:1;min-width:0}.course-title{font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;overflow:hidden}.course-meta{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.8rem;display:flex}.course-instructor-name{align-items:center;gap:4px;display:flex}.course-instructor-name i{font-size:.9rem}.course-progress-mini{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.progress-circle-small{border-radius:var(--radius-full);background:conic-gradient(var(--color-primary) var(--progress,0%), var(--color-glass-border) 0);justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.progress-circle-small:before{content:"";background:var(--color-bg);border-radius:var(--radius-full);width:calc(100% - 6px);height:calc(100% - 6px);position:absolute}.progress-circle-small span{z-index:1;font-size:.65rem;font-weight:var(--font-weight-semibold);color:var(--color-primary);position:relative}.course-action{border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.course-action:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.course-progress{text-align:left;width:100px}.progress-text{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:.75rem}.schedule-item{gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-glass-border);display:flex}.schedule-item:last-child{border-bottom:none}.schedule-time{min-width:60px;color:var(--color-text-muted);font-size:.85rem}.schedule-content{flex:1}.schedule-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);font-size:.95rem}.schedule-type{color:var(--color-primary);font-size:.8rem}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.main-content{margin-right:60px}[dir=ltr] .main-content{margin-left:60px;margin-right:0}}@media (width<=768px){.sidebar{transition:transform var(--transition-base);transform:translate(100%)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-md);margin-right:0}[dir=ltr] .main-content{margin-left:0}.stats-grid{gap:var(--space-sm)}.stat-card{padding:var(--space-sm)}.stat-value{font-size:1.1rem}.quick-actions{gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.action-btn{padding:var(--space-md);font-size:.85rem}.search-box{order:3;width:100%}.top-bar{flex-wrap:wrap}.top-actions{justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;width:100%}.continue-card{text-align:center;gap:var(--space-md);flex-direction:column}.continue-card .btn{width:100%}}@media (width<=480px){.main-content{padding:var(--space-sm)}.top-bar{align-items:stretch;gap:var(--space-md);flex-direction:column}.welcome-text h1{font-size:1.4rem}.welcome-text p{font-size:.85rem}.stats-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-sm)}.stat-icon{width:32px;height:32px;font-size:1rem}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}.quick-actions{grid-template-columns:1fr}.action-btn{padding:14px}.course-item{gap:var(--space-sm);flex-direction:row}.course-icon{width:40px;height:40px}.course-icon i{font-size:1.2rem}.course-name{font-size:.9rem}.course-progress{width:80px}.card{padding:var(--space-md)}.card-title{font-size:1rem}.mia-fab{width:56px;height:56px;bottom:var(--space-md);left:var(--space-md)}.control-btn{width:36px;height:36px}.notification-btn{width:40px;height:40px}.streak-badge{padding:8px 12px;font-size:.8rem}}@media (width<=360px){.main-content{padding:8px}.top-bar{gap:8px;padding:8px 12px}.welcome-text h1{font-size:1rem}.welcome-text p{font-size:.7rem}.control-btn{width:32px;height:32px}.streak-badge{padding:6px 10px;font-size:.7rem}.content-grid{gap:var(--space-sm)}.card{padding:var(--space-sm)}.card-title{font-size:.9rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.65rem}.course-progress{width:60px}.mia-fab{width:48px;height:48px;bottom:8px;left:8px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-primary-a30);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-a50)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.slide-right-enter-active,.slide-right-leave-active{transition:transform .35s cubic-bezier(.4,0,.2,1)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(-100%)}[dir=rtl] .slide-right-enter-from,[dir=rtl] .slide-right-leave-to{transform:translate(100%)}.ripple-target{position:relative;overflow:hidden}.ripple-target:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), var(--color-primary-a25) 0%, transparent 60%);opacity:0;transition:opacity var(--transition-slow), transform .4s ease;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:scale(0)}.ripple-target:active:after{opacity:1;transition:opacity,transform;transform:scale(2.5)}@keyframes flamePulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.2)}}.flame-animated{animation:1.5s ease-in-out infinite flamePulse;display:inline-block}@keyframes cardStaggerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-in>*{animation:.4s ease-out both cardStaggerIn}.stagger-in>:first-child{animation-delay:50ms}.stagger-in>:nth-child(2){animation-delay:.1s}.stagger-in>:nth-child(3){animation-delay:.15s}.stagger-in>:nth-child(4){animation-delay:.2s}.stagger-in>:nth-child(5){animation-delay:.25s}.stagger-in>:nth-child(6){animation-delay:.3s}.stagger-in>:nth-child(7){animation-delay:.35s}.stagger-in>:nth-child(8){animation-delay:.4s}.stagger-in>:nth-child(9){animation-delay:.45s}.stagger-in>:nth-child(10){animation-delay:.5s}@supports (padding:env(safe-area-inset-bottom)){.app-shell{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=1024px){.main-content{padding:var(--space-md)}}@media (width<=768px){.sidebar{display:none!important}.main-content{padding:var(--space-sm) var(--space-md);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));margin-left:0!important;margin-right:0!important}.version-switcher,vite-plugin-checker-error-overlay,[data-vite-dev-id]{display:none!important}.bg-animation:before{width:400px;height:400px;top:-150px;right:-150px}.bg-animation:after{width:300px;height:300px;bottom:-100px;left:-100px}.grid-overlay{background-size:40px 40px}.mobile-bottom-nav a,.ctrl-btn,.settings-group button,.mia-chip,.btn-filter,[role=button]{min-width:44px;min-height:44px}.glass-panel,.glass-card{-webkit-backdrop-filter:var(--blur-md)}.dashboard-view .welcome-banner{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:row}.dashboard-view .welcome-heading{font-size:1.2rem}.dashboard-view .welcome-sub{font-size:.78rem}.dashboard-view .stats-grid{margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;gap:8px}.dashboard-view .stat-card{gap:10px;padding:12px}.dashboard-view .stat-icon{width:40px;height:40px}.dashboard-view .stat-icon i{font-size:1.15rem}.dashboard-view .stat-value{font-size:1.2rem}.dashboard-view .stat-label{font-size:.68rem}.dashboard-view .dash-main-grid{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:1fr}.dashboard-view .progress-ring-section{gap:var(--space-md);padding:var(--space-md);grid-template-columns:120px 1fr;align-items:start;display:grid}.dashboard-view .progress-ring-wrapper{margin-bottom:0}.dashboard-view .progress-ring-section .panel-title{margin-bottom:var(--space-sm);grid-column:1/-1}.dashboard-view .progress-svg{width:90px;height:90px}.dashboard-view .ring-value{font-size:1.2rem}.dashboard-view .continue-section{padding:var(--space-md)}.dashboard-view .continue-card{gap:var(--space-sm)}.dashboard-view .continue-thumb{width:90px;height:52px}.dashboard-view .continue-title{font-size:.82rem}.dashboard-view .continue-course{font-size:.7rem}.dashboard-view .welcome-right{display:none}.dashboard-view .dash-bottom-grid{gap:var(--space-sm);grid-template-columns:1fr}.dashboard-view .activity-chart{height:100px}.dashboard-view .mia-section{text-align:start;align-items:center;gap:var(--space-md);padding:var(--space-md);flex-flow:wrap}.dashboard-view .mia-avatar{flex-shrink:0;width:44px;height:44px;margin-bottom:0;font-size:1.3rem}.dashboard-view .mia-title{margin:0;font-size:.88rem}.dashboard-view .mia-desc{display:none}.dashboard-view .mia-suggestions{scrollbar-width:none;flex-flow:row;gap:6px;width:100%;overflow-x:auto}.dashboard-view .mia-suggestions::-webkit-scrollbar{display:none}.dashboard-view .mia-chip{flex-shrink:0;min-height:36px;padding:6px 12px;font-size:.72rem}.dashboard-view .glass-panel{padding:var(--space-md)}.dashboard-view .panel-title{margin-bottom:var(--space-sm);font-size:.85rem}.courses-view .top-bar{align-items:stretch;gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column}.courses-view .welcome-text h1{font-size:1.2rem}.courses-view .welcome-text p{font-size:.75rem}.courses-view .top-actions{justify-content:space-between}.courses-view .mode-btn span{display:none}.courses-view .mode-btn{padding:6px 10px}.courses-view .browse-header{margin-bottom:var(--space-sm)}.courses-view .search-box{height:44px;padding:0 14px}.courses-view .btn-filter{height:44px}.courses-view .btn-filter span{display:none}.courses-view .category-nav{margin-bottom:var(--space-sm)}.courses-view .courses-grid{margin-bottom:var(--space-md);grid-template-columns:repeat(2,1fr);gap:8px}.courses-view .section-header{margin-bottom:10px}.courses-view .section-header h3{font-size:.88rem}.courses-view .bundles-section{margin-bottom:var(--space-md)}.courses-view .bundles-scroll{gap:10px}.courses-view .builder-card{min-width:220px;max-width:260px}.courses-view .focus-view .courses-grid{grid-template-columns:repeat(2,1fr)}.player-view .player-top-bar{padding:var(--space-sm) var(--space-md)}.player-view .player-title h1{font-size:.95rem}.player-view .player-title p{font-size:.72rem}.player-view .player-layout{grid-template-columns:1fr;height:auto;overflow:visible}.player-view .player-layout.sidebar-hidden{grid-template-columns:1fr}.player-view .video-wrapper{aspect-ratio:16/9;width:100%}.player-view .video-controls{padding:var(--space-xs) var(--space-sm);gap:var(--space-sm);flex-wrap:wrap}.player-view .video-controls button{min-width:44px;min-height:44px;font-size:1.1rem}.player-view .time-display{font-size:.72rem}.player-view .below-video{padding:var(--space-md)}.player-view .lesson-title-bar h2{font-size:.95rem}.player-view .lesson-meta{gap:var(--space-md);flex-wrap:wrap;font-size:.78rem}.player-view .lesson-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.player-view .lesson-tabs::-webkit-scrollbar{display:none}.player-view .lesson-tab{white-space:nowrap;padding:var(--space-sm) var(--space-md);min-height:44px;font-size:.82rem}.player-view .notes-area{min-height:120px;font-size:.85rem}.player-view .lesson-sidebar{border-left:none;border-right:none;border-top:1px solid var(--color-glass-border);height:auto;max-height:50vh;overflow-y:auto}[dir=rtl] .player-view .lesson-sidebar{border-left:none;border-right:none;border-top:1px solid var(--color-glass-border)}.player-view .lesson-sidebar .sidebar-header{background:var(--color-surface);z-index:5;position:sticky;top:0}.player-view .chapter-title{padding:var(--space-sm) var(--space-md);align-items:center;min-height:44px;font-size:.82rem;display:flex}.player-view .lesson-item{padding:var(--space-sm) var(--space-md);align-items:center;min-height:44px;padding-inline-start:calc(var(--space-md) + var(--space-sm));font-size:.8rem;display:flex}.player-view .settings-group{gap:0;padding:2px}.player-view .ctrl-btn,.player-view .action-btn{width:34px;height:34px}}@media (width<=375px){.main-content{padding:var(--space-xs) var(--space-sm)!important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.dashboard-view .stats-grid{gap:6px}.dashboard-view .stat-card{padding:10px}.dashboard-view .stat-value{font-size:1rem}.courses-view .welcome-text h1{font-size:1.05rem}.mobile-nav-tab .tab-label{font-size:.58rem}}@media (width<=768px) and (orientation:landscape){.mobile-bottom-nav{padding:4px 0}.mobile-nav-tab{min-height:40px;padding:4px}.tab-label{display:none}.player-view .video-wrapper{aspect-ratio:auto;height:70vh}}@media (width>=769px) and (width<=1024px){.dashboard-view .stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-view .dash-main-grid{grid-template-columns:250px 1fr}.dashboard-view .dash-bottom-grid{grid-template-columns:1fr 1fr}.dashboard-view .mia-section{text-align:start;gap:var(--space-lg);flex-direction:row;grid-column:1/-1;align-items:center}.dashboard-view .mia-suggestions{flex-flow:wrap}.courses-view .courses-grid{grid-template-columns:repeat(3,1fr)}.player-view .player-layout{grid-template-columns:1fr 280px}}