@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-45d0c4d8]{background:var(--color-glass-border);height:1px;margin:var(--space-sm) 0}.sidebar.collapsed .nav-divider[data-v-45d0c4d8]{margin:4px 6px}.nav-section-label[data-v-45d0c4d8]{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);opacity:.7;align-items:center;gap:.5rem;padding:.25rem 1rem;font-size:.7rem;font-weight:600;display:flex;overflow:hidden}.section-label-text[data-v-45d0c4d8]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-badge[data-v-45d0c4d8]{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;margin-inline-start:auto;padding:.125rem .375rem;font-size:.6rem;font-weight:700}.badge-new[data-v-45d0c4d8]{background:var(--color-primary);color:#fff}.badge-beta[data-v-45d0c4d8]{background:var(--color-accent-teal);color:#fff}.badge-soon[data-v-45d0c4d8]{color:var(--color-text-muted);border:1px solid var(--color-glass-border);background:#ffffff1a}.nav-item.disabled[data-v-45d0c4d8]{opacity:.5;cursor:default;pointer-events:none}.v1-link[data-v-45d0c4d8]{color:var(--color-text-dim);letter-spacing:.05em;text-transform:uppercase;opacity:.5;align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.62rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.v1-link[data-v-45d0c4d8]:hover{opacity:1;color:var(--color-primary)}.user-profile-wrap[data-v-45d0c4d8]{position:relative}.user-profile[data-v-45d0c4d8]{text-align:start;width:100%}.profile-caret[data-v-45d0c4d8]{color:var(--color-text-muted);margin-inline-start:auto;font-size:.7rem;transition:transform .25s}.profile-caret.open[data-v-45d0c4d8]{transform:rotate(180deg)}.profile-popover[data-v-45d0c4d8]{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:blur(32px);padding:6px;position:absolute;inset-inline:8px;box-shadow:0 -8px 32px #00000059}.popover-item[data-v-45d0c4d8]{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.popover-item[data-v-45d0c4d8]:hover{background:var(--color-glass-hover)}.popover-item i[data-v-45d0c4d8]{color:var(--color-text-muted);text-align:center;width:1.25rem;font-size:1rem}.popover-divider[data-v-45d0c4d8]{background:var(--color-glass-border);height:1px;margin:4px 0}.popover-logout[data-v-45d0c4d8],.popover-logout i[data-v-45d0c4d8]{color:#ef4444}.popover-logout[data-v-45d0c4d8]:hover{background:#ef444414}.profile-menu-enter-active[data-v-45d0c4d8],.profile-menu-leave-active[data-v-45d0c4d8]{transition:all .2s}.profile-menu-enter-from[data-v-45d0c4d8],.profile-menu-leave-to[data-v-45d0c4d8]{opacity:0;transform:translateY(8px)}.sidebar.collapsed .profile-popover[data-v-45d0c4d8]{inset-inline:calc(100% + 8px) auto;min-width:160px;bottom:0}.sidebar.collapsed .profile-caret[data-v-45d0c4d8]{display:none}.notif-trigger[data-v-dffda6f9]{border:1px solid var(--color-glass-border);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;transition:all .2s;display:flex;position:relative}.notif-trigger[data-v-dffda6f9]:hover{border-color:var(--color-primary);color:var(--color-primary)}.notif-badge[data-v-dffda6f9]{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6rem;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop-dffda6f9;display:flex;position:absolute;top:-4px;right:-4px}[dir=rtl] .notif-badge[data-v-dffda6f9]{left:-4px;right:auto}@keyframes badgePop-dffda6f9{0%{transform:scale(0)}to{transform:scale(1)}}.notif-backdrop[data-v-dffda6f9]{z-index:299;background:#0000004d;position:fixed;inset:0}.notif-panel[data-v-dffda6f9]{z-index:300;background:var(--color-surface);border-inline-start:1px solid var(--color-glass-border);flex-direction:column;width:min(380px,90vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0003}[dir=rtl] .notif-panel[data-v-dffda6f9]{border-inline-start:none;border-inline-end:1px solid var(--color-glass-border);left:0;right:auto}.notif-header[data-v-dffda6f9]{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.notif-header h3[data-v-dffda6f9]{margin:0;font-size:1.1rem;font-weight:700}.mark-read-btn[data-v-dffda6f9]{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.mark-read-btn[data-v-dffda6f9]:hover{text-decoration:underline}.notif-filters[data-v-dffda6f9]{flex-shrink:0;gap:4px;padding:0 20px 12px;display:flex}.filter-btn[data-v-dffda6f9]{border-radius:var(--radius-full);border:1px solid var(--color-glass-border);color:var(--color-text-muted);cursor:pointer;background:0 0;padding:6px 14px;font-size:.75rem;font-weight:500;transition:all .2s}.filter-btn.active[data-v-dffda6f9]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notif-list[data-v-dffda6f9]{flex:1;padding:0 12px 20px;overflow-y:auto}.notif-empty[data-v-dffda6f9]{text-align:center;color:var(--color-text-muted);padding:60px 20px}.notif-empty i[data-v-dffda6f9]{opacity:.4;font-size:2rem}.notif-empty p[data-v-dffda6f9]{margin:12px 0 0;font-size:.82rem}.notif-item[data-v-dffda6f9]{border-radius:var(--radius-md);cursor:pointer;width:100%;text-align:inherit;background:0 0;border:none;align-items:flex-start;gap:12px;padding:14px 12px;transition:background .15s;display:flex;position:relative}.notif-item[data-v-dffda6f9]:hover{background:var(--color-glass-hover)}.notif-item.unread[data-v-dffda6f9]{background:#2db84c0a}.notif-icon[data-v-dffda6f9]{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-dffda6f9]{flex:1;min-width:0}.notif-title[data-v-dffda6f9]{color:var(--color-text);margin-bottom:2px;font-size:.82rem;font-weight:600;display:block}.notif-text[data-v-dffda6f9]{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-dffda6f9]{color:var(--color-text-dim);margin-top:4px;font-size:.65rem;display:block}.unread-dot[data-v-dffda6f9]{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.fade-enter-active[data-v-dffda6f9],.fade-leave-active[data-v-dffda6f9]{transition:opacity .2s}.fade-enter-from[data-v-dffda6f9],.fade-leave-to[data-v-dffda6f9]{opacity:0}.slide-panel-enter-active[data-v-dffda6f9]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.slide-panel-leave-active[data-v-dffda6f9]{transition:transform .2s}.slide-panel-enter-from[data-v-dffda6f9],.slide-panel-leave-to[data-v-dffda6f9]{transform:translate(100%)}[dir=rtl] .slide-panel-enter-from[data-v-dffda6f9],[dir=rtl] .slide-panel-leave-to[data-v-dffda6f9]{transform:translate(-100%)}[data-theme=light] .notif-panel[data-v-dffda6f9]{background:#fffffff5;box-shadow:-8px 0 40px #0000001a}.global-top-bar[data-v-d7885cb2]{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.top-bar-start[data-v-d7885cb2],.top-bar-end[data-v-d7885cb2]{align-items:center;gap:8px;display:flex}.top-ctrl-btn[data-v-d7885cb2]{border:1px solid var(--color-glass-border);background:var(--color-glass);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.top-ctrl-btn[data-v-d7885cb2]:hover{border-color:var(--color-primary);color:var(--color-primary)}.top-ctrl-btn.active[data-v-d7885cb2]{border-color:var(--color-primary);color:var(--color-primary);background:#2db84c14}.top-ctrl-btn i[data-v-d7885cb2]{font-size:1.05rem}.panel-toggle i[data-v-d7885cb2]{transition:transform .3s}[dir=ltr] .panel-toggle.active i[data-v-d7885cb2],[dir=rtl] .panel-toggle.active i[data-v-d7885cb2]{transform:scaleX(-1)}.mode-toggle[data-v-d7885cb2]{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-d7885cb2]{border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:500;transition:all .3s;display:flex}.mode-btn.active[data-v-d7885cb2]{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:0 2px 10px var(--color-primary-glow);font-weight:600}.mode-btn i[data-v-d7885cb2]{font-size:.95rem}.ctrl-group[data-v-d7885cb2]{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-d7885cb2]{background:0 0;border:none;width:30px;height:30px}.ctrl-group .top-ctrl-btn[data-v-d7885cb2]:hover{background:var(--color-glass-hover)}.ctrl-group .top-ctrl-btn i[data-v-d7885cb2]{font-size:.95rem}@media (width<=768px){.global-top-bar[data-v-d7885cb2]{padding:6px 0}.mode-label[data-v-d7885cb2]{display:none}.mode-btn[data-v-d7885cb2]{padding:5px 8px}}.mobile-bottom-nav[data-v-ce498052]{bottom:max(12px, env(safe-area-inset-bottom));z-index:var(--z-bottom-nav);-webkit-backdrop-filter:blur(24px)saturate(1.6);border-radius:var(--radius-xl);background:#0f1412b8;border:1px solid #2db84c1f;justify-content:space-around;align-items:stretch;padding:4px 6px;display:none;position:fixed;left:16px;right:16px;box-shadow:0 8px 32px #00000047,inset 0 0 0 .5px #ffffff0a}@media (width<=768px){.mobile-bottom-nav[data-v-ce498052]{display:flex}}.mobile-nav-tab[data-v-ce498052]{color:#ffffff59;letter-spacing:.02em;-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;font-size:.6rem;font-weight:500;text-decoration:none;transition:color .25s;display:flex;position:relative}.mobile-nav-tab.active[data-v-ce498052]{color:#fff}.tab-icon-wrap[data-v-ce498052]{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:28px;transition:all .25s;display:flex;position:relative}.mobile-nav-tab.active .tab-icon-wrap[data-v-ce498052]{color:var(--color-primary)}.tab-icon-wrap i[data-v-ce498052]{font-size:1.25rem;transition:all .25s}.mobile-nav-tab.active .tab-icon-wrap i[data-v-ce498052]{transform:scale(1.05)}.tab-active-dot[data-v-ce498052]{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-ce498052;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@keyframes dotPop-ce498052{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%)scale(1)}}.tab-label[data-v-ce498052]{white-space:nowrap;text-overflow:ellipsis;max-width:64px;transition:opacity .2s;overflow:hidden}.more-backdrop[data-v-ce498052]{z-index:calc(var(--z-bottom-nav) - 2);-webkit-backdrop-filter:blur(6px);background:#00000080;display:none;position:fixed;inset:0}.more-sheet[data-v-ce498052]{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 64px);z-index:calc(var(--z-bottom-nav) - 1);-webkit-backdrop-filter:blur(28px)saturate(1.6);border-radius:var(--radius-lg,24px);background:#0f1412d1;border:1px solid #2db84c1f;padding:14px 16px 18px;display:none;position:fixed;left:12px;right:12px;box-shadow:0 12px 48px #00000059,inset 0 0 0 .5px #ffffff0a}@media (width<=768px){.more-backdrop[data-v-ce498052],.more-sheet[data-v-ce498052]{display:block}}.more-handle[data-v-ce498052]{background:#ffffff26;border-radius:2px;width:32px;height:3px;margin:0 auto 14px}.more-grid[data-v-ce498052]{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.more-item[data-v-ce498052]{border-radius:var(--radius-md);cursor:pointer;color:#ffffff8c;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:.65rem;font-weight:500;transition:all .25s;display:flex}.more-item[data-v-ce498052]:active{background:#ffffff0f;transform:scale(.95)}.more-item.active[data-v-ce498052]{color:var(--color-primary);background:#2db84c0f;border-color:#2db84c26}.more-icon-wrap[data-v-ce498052]{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex}.more-item.active .more-icon-wrap[data-v-ce498052]{background:#2db84c1a;border-color:#2db84c33;box-shadow:0 0 10px #2db84c1a}.more-icon-wrap i[data-v-ce498052]{font-size:1.25rem}.more-mia-icon[data-v-ce498052]{object-fit:contain;width:24px;height:24px}.fade-enter-active[data-v-ce498052],.fade-leave-active[data-v-ce498052]{transition:opacity .25s}.fade-enter-from[data-v-ce498052],.fade-leave-to[data-v-ce498052]{opacity:0}.sheet-enter-active[data-v-ce498052]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.sheet-leave-active[data-v-ce498052]{transition:all .2s}.sheet-enter-from[data-v-ce498052],.sheet-leave-to[data-v-ce498052]{opacity:0;transform:translateY(20px)}[data-theme=light] .mobile-bottom-nav[data-v-ce498052]{background:#ffffffe0;border-color:#00000014;box-shadow:0 8px 32px #0000001f,inset 0 0 0 .5px #0000000f}[data-theme=light] .mobile-nav-tab[data-v-ce498052]{color:#0000004d}[data-theme=light] .mobile-nav-tab.active[data-v-ce498052]{color:var(--color-text)}[data-theme=light] .mobile-nav-tab.active .tab-icon-wrap[data-v-ce498052]{color:var(--color-primary)}[data-theme=light] .more-sheet[data-v-ce498052]{background:#ffffffeb;border-color:#00000014;box-shadow:0 12px 48px #00000026}[data-theme=light] .more-item[data-v-ce498052]{color:#00000080}[data-theme=light] .more-icon-wrap[data-v-ce498052]{background:#0000000a;border-color:#0000000f}@media (orientation:landscape) and (height<=500px){.mobile-bottom-nav[data-v-ce498052],.more-sheet[data-v-ce498052],.more-backdrop[data-v-ce498052]{display:none!important}}.offline-indicator[data-v-8c470400]{z-index:9999;justify-content:center;align-items:center;gap:var(--space-xs);padding:8px var(--space-md);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef4444f2,#dc2626f2);font-size:.85rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #ef44444d}.offline-indicator i[data-v-8c470400]{font-size:1.1rem}.offline-slide-enter-active[data-v-8c470400]{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.offline-slide-leave-active[data-v-8c470400]{transition:transform .2s ease-in}.offline-slide-enter-from[data-v-8c470400],.offline-slide-leave-to[data-v-8c470400]{transform:translateY(-100%)}.auth-controls[data-v-c7168f88]{top:16px;background:var(--color-glass);border-radius:var(--radius-full);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;gap:2px;padding:3px;display:flex;position:fixed;inset-inline-end:16px}.ctrl-btn[data-v-c7168f88]{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.ctrl-btn[data-v-c7168f88]:hover{background:var(--color-glass-hover);color:var(--color-primary)}.ctrl-btn i[data-v-c7168f88]{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-gold:#f5a623;--color-accent-gold-glow:#f5a6234d;--color-accent-blue:#4a90d9;--color-accent-blue-glow:#4a90d94d;--color-orange:#ff6b35;--color-error:#f44;--color-success:#2db84c;--color-warning:#f5a623;--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-sm:0 2px 8px #0000001a;--shadow-md:0 4px 20px #00000026;--shadow-lg:0 10px 40px #0003;--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}[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-border:#ffffff14;--color-glass-hover:#ffffff0f;--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-border:#00000024;--color-glass-hover:#00000014;--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{opacity:.5;background-image:linear-gradient(#0000 31px,#2db84c1f 31px 32px,#0000 32px);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:.12;background-image:url(./assets/doodle-pattern.png);background-size:400px 400px}[data-bg-style=aurora] .grid-overlay{opacity:0;background-image:none}[data-bg-style=aurora] .bg-animation:before{opacity:.4;background:radial-gradient(circle,#2db84c59 0%,#4a90d933 40%,#0000 70%);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:.15}[data-theme=light][data-bg-style=aurora] .bg-animation:before{background:radial-gradient(circle,#2db84c33 0%,#4a90d91f 40%,#0000 70%)}[data-theme=light][data-bg-style=aurora] .bg-animation:after{background:radial-gradient(circle,#f5a6232e 0%,#ff6b3514 40%,#0000 70%)}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:blur(20px);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:blur(20px);padding:clamp(16px,2vw,24px)}[data-bg-style=doodle] .glass-panel,[data-bg-style=notebook] .glass-panel{-webkit-backdrop-filter:blur(32px);background:#0a0a0f73}[data-theme=light][data-bg-style=doodle] .glass-panel,[data-theme=light][data-bg-style=notebook] .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 #2db84c26}.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);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--color-glass-border);z-index:100;width:260px;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:#2db84c4d}.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 #2db84c4d)}to{filter:drop-shadow(0 0 8px #2db84c99)}}.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:blur(10px);backdrop-filter:blur(10px);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 #2db84c1a}}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);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);width:40px;height:40px;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:blur(10px);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 #2db84c40}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:#3daa5e;--color-primary-hover:#349a52;--color-primary-dark:#2d8a48;--color-primary-glow:#3daa5e26;--color-accent-gold:#c4a854;--color-accent-blue:#6b8db5;--color-star:#c9b44a;--color-orange:#b8805a;--shadow-glow-primary:0 4px 16px #3daa5e1f}[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] .btn-primary{background:var(--color-primary)!important;box-shadow:0 2px 8px #3daa5e26!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-mode=focus] .tool-icon-wrap,[data-mode=focus] .specialty-tool-card i{color:var(--color-text-muted)!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{margin-bottom:var(--space-xs);font-size:1.8rem;font-weight:600}.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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-radius:50px;gap:4px;width:auto;height:40px;padding:4px;display:flex;position:relative;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff1a}.mode-btn{z-index:2;letter-spacing:.02em;height:100%;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;font-size:.85rem;font-weight:500;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:.7}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:.7}to{opacity:1;max-width:80px;transform:translate(0)}}.mode-btn:hover:not(.active){color:var(--color-text);background:#ffffff14;transform:scale(1.08)}.mode-btn.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;box-shadow:0 4px 20px var(--color-primary-glow), 0 0 30px #00e09633;font-weight:600;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards modeActivate,2s ease-in-out .5s infinite alternate mode-glow}@keyframes modeActivate{0%{opacity:.7;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 #00e09626}to{box-shadow:0 6px 25px var(--color-primary-glow), 0 0 35px #00e09640}}.mode-btn i{flex-shrink:0;font-size:1.25rem;transition:all .3s}.mode-btn:hover:not(.active) i{transform:scale(1.15)}.top-actions-divider{background:linear-gradient(#0000,#fff3,#0000);width:1px;height:24px;margin:0 8px}.streak-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:44px;color:var(--color-accent-gold);background:linear-gradient(135deg,#ffab0026 0%,#ffab000d 100%);border:1px solid #ffab004d;border-radius:50px;align-items:center;gap:6px;padding:0 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 24px #00000026,0 0 20px #ffab001a}.streak-badge:hover{transform:scale(1.05);box-shadow:0 6px 28px #0003,0 0 25px #ffab0033}.streak-badge i{font-size:1.1rem;animation:1s ease-in-out infinite alternate fire-flicker}@keyframes fire-flicker{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.settings-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:4px;height:40px;padding:4px;display:flex;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff1a}.settings-group .control-btn{width:32px;height:32px;box-shadow:none;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.settings-group .control-btn:hover{color:var(--color-text);background:#ffffff1a}.settings-group .control-btn i{font-size:1.2rem;transition:transform .3s}.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}body.focus-mode .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:700}.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);color:var(--color-text);background:var(--color-glass);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:10px;font-size:.95rem;font-weight:600;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:blur(10px);backdrop-filter:blur(10px);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{margin-bottom:0;font-size:1.1rem;font-weight:600}.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{margin-bottom:var(--space-xs);font-weight:600}.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{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:600;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;color:var(--color-primary);font-size:.65rem;font-weight:600;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{margin-bottom:var(--space-xs);font-size:.95rem;font-weight:600}.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}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2db84c4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2db84c80}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.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%), #2db84c40 0%, transparent 60%);opacity:0;pointer-events:none;border-radius:inherit;transition:opacity .4s,transform .4s;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:blur(12px)}.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}}