:root{color-scheme:light;--app-font-family:var(--font-app,"IBM Plex Sans Arabic"),"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;--bg:#f4f8fb;--surface:#ffffff;--surface-soft:#f6f9fc;--surface-strong:#e8f0f7;--text:#142033;--muted:#607084;--line:#d8e3ed;--accent:#0f766e;--accent-dark:#115e59;--accent-indigo:#3f5cc8;--accent-cyan:#0e8ca8;--success:#15803d;--warning:#b7791f;--danger:#b42318;--shadow:0 18px 48px rgba(15,23,42,0.09);--shadow-soft:0 10px 28px rgba(15,23,42,0.07);--shadow-lift:0 22px 52px rgba(15,23,42,0.13)}:root[data-theme=dark]{color-scheme:dark;--bg:#0b1114;--surface:#121b20;--surface-soft:#18252b;--surface-strong:#21333a;--text:#eef7f4;--muted:#a7b6b2;--line:#2a3d45;--accent:#24c6a5;--accent-dark:#64dfc8;--accent-indigo:#8d9cff;--accent-cyan:#38c7dd;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--shadow:0 18px 48px rgba(0,0,0,0.42);--shadow-soft:0 10px 28px rgba(0,0,0,0.32);--shadow-lift:0 22px 52px rgba(0,0,0,0.5)}.student-learn-stats strong,body,button,html,input,select,textarea{font-family:var(--app-font-family)!important}:root[data-theme=dark] .admin-learn-shell,:root[data-theme=dark] .guardian-learn-shell,:root[data-theme=dark] .login-page,:root[data-theme=dark] .portal-shell,:root[data-theme=dark] .status-page,:root[data-theme=dark] .student-learn-shell,:root[data-theme=dark] .student-shell,:root[data-theme=dark] .teacher-learn-shell,:root[data-theme=dark] body,:root[data-theme=dark] main.login-page.login-page-clean{background:linear-gradient(135deg,#0b1114,#102126 48%,#181928);color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);cursor:pointer;font-size:.78rem;font-weight:900;line-height:1;padding:0 11px;box-shadow:var(--shadow-soft);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:var(--surface-soft);transform:translateY(-1px)}.theme-toggle svg{color:var(--accent-dark)}.login-theme-toggle{margin:0 auto 10px}.identity-card{grid-template-areas:"brand profile meta theme logout";grid-template-columns:minmax(150px,.9fr) minmax(150px,1fr) minmax(170px,1.1fr) auto auto}.identity-theme{grid-area:theme;display:flex;justify-content:center;min-width:0}:root[data-theme=dark] .desktop-side-nav,:root[data-theme=dark] .flow-overview,:root[data-theme=dark] .flow-stage,:root[data-theme=dark] .identity-card,:root[data-theme=dark] .lesson-body,:root[data-theme=dark] .login-panel.login-panel-clean,:root[data-theme=dark] .login-welcome-card,:root[data-theme=dark] .metric,:root[data-theme=dark] .module,:root[data-theme=dark] .more-drawer-panel,:root[data-theme=dark] .section,:root[data-theme=dark] .student-achievement-preview,:root[data-theme=dark] .student-badge-card,:root[data-theme=dark] .student-certificate-preview,:root[data-theme=dark] .student-continue-card,:root[data-theme=dark] .student-course-card,:root[data-theme=dark] .student-empty-card,:root[data-theme=dark] .student-glass-hero,:root[data-theme=dark] .student-learn-stats article,:root[data-theme=dark] .student-main-progress-card,:root[data-theme=dark] .student-plan-card,:root[data-theme=dark] .student-profile-hero,:root[data-theme=dark] .student-progress-hero,:root[data-theme=dark] .student-progress-stat-grid article,:root[data-theme=dark] .student-settings-row,:root[data-theme=dark] .student-skill-card,:root[data-theme=dark] .student-unit-card,:root[data-theme=dark] .student-weekly-card,:root[data-theme=dark] .table-wrap{border-color:color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);box-shadow:var(--shadow)}:root[data-theme=dark] .identity-brand strong,:root[data-theme=dark] .identity-name,:root[data-theme=dark] .login-panel-clean h2,:root[data-theme=dark] .login-welcome-card h1,:root[data-theme=dark] .student-achievement-preview h2,:root[data-theme=dark] .student-certificate-preview h2,:root[data-theme=dark] .student-glass-hero-copy h2,:root[data-theme=dark] .student-learn-greeting span,:root[data-theme=dark] .student-main-progress-card h2,:root[data-theme=dark] .student-plan-card h2,:root[data-theme=dark] .student-profile-hero h1,:root[data-theme=dark] .student-progress-hero h1,:root[data-theme=dark] .student-skill-card h2,:root[data-theme=dark] .student-weekly-card h2,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3{color:var(--text)}:root[data-theme=dark] .hint,:root[data-theme=dark] .identity-brand small,:root[data-theme=dark] .identity-meta dt,:root[data-theme=dark] .identity-profile span,:root[data-theme=dark] .muted,:root[data-theme=dark] .section-header p,:root[data-theme=dark] .student-achievement-preview p,:root[data-theme=dark] .student-certificate-preview p,:root[data-theme=dark] .student-empty-card p,:root[data-theme=dark] .student-glass-hero-copy p,:root[data-theme=dark] .student-learn-greeting h1,:root[data-theme=dark] .student-main-progress-card p,:root[data-theme=dark] .student-plan-card p,:root[data-theme=dark] .student-profile-hero p,:root[data-theme=dark] .student-progress-hero p{color:var(--muted)}:root[data-theme=dark] .actions-row input,:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea{border-color:var(--line);background:#101a1f;color:var(--text)}:root[data-theme=dark] .button.secondary{border-color:var(--line);background:var(--surface-soft);color:var(--text)}:root[data-theme=dark] .bottom-nav-card{border-color:color-mix(in srgb,var(--line) 80%,transparent);background:rgba(8,13,16,.92)}.interactive-lesson-flow.is-review-mode .flow-overview>div>p:not(.eyebrow):not(.flow-review-note),.interactive-lesson-flow.is-review-mode .pronunciation-stage .flow-stage-header p{display:none}.flow-review-note,.flow-review-practice-note{border:1px solid color-mix(in srgb,var(--accent-cyan) 34%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent-cyan) 10%,var(--surface));color:var(--text);font-weight:850}.flow-review-note{margin:8px 0 0;padding:10px 12px}.flow-review-practice-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:11px 12px}.flow-review-practice-note svg{color:var(--accent-cyan);flex:0 0 auto}.extra-activity-card,.extra-activity-form,.extra-activity-grid,.extra-activity-options,.extra-activity-section,.extra-pronunciation-recorder,.student-notification-list,.student-profile-form,.student-profile-grid{display:grid;gap:14px}.student-progress-hero.activities{background:radial-gradient(circle at 18% 20%,rgba(36,198,165,.22),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--accent-cyan) 12%,var(--surface)))}.extra-activity-section{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow-soft);padding:16px}.extra-activity-section .student-section-title h2{display:inline-flex;align-items:center;gap:8px}.extra-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-activity-card{align-content:start;min-width:0;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft);padding:16px}.extra-activity-card.is-complete{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.extra-activity-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.extra-activity-card small,.extra-activity-card-head span{color:var(--muted);font-weight:800}.extra-activity-card-head strong{border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-dark);font-size:.82rem;padding:6px 10px}.extra-activity-card h3,.extra-activity-card p{margin:0}.extra-activity-card p{color:var(--text);line-height:1.65}.extra-activity-audio{width:100%}.extra-activity-options{gap:8px}.extra-activity-options label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);cursor:pointer;padding:10px 12px}.extra-activity-options input{accent-color:var(--accent)}.extra-activity-result,.extra-pronunciation-recorder .hint{display:flex;align-items:center;gap:7px;border-radius:12px;font-weight:850;margin:0;padding:10px 12px}.extra-activity-result.passed{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.extra-activity-result.retry{background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:var(--warning)}.student-badge-card.locked{opacity:.76;filter:grayscale(.45)}.student-badge-card .student-progress-line{width:100%}.student-badge-card em{color:var(--muted);font-style:normal;font-weight:850}.student-profile-avatar{overflow:hidden}.student-profile-avatar img{width:100%;height:100%;object-fit:cover}.student-profile-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.student-profile-form-card{align-items:stretch}.student-profile-form{width:100%}.student-achievement-preview span,.student-notifications-card span,.student-profile-form .field span,.student-profile-form-card span{display:inline-flex;align-items:center;gap:7px}.student-profile-form input[type=file]{border:1px dashed var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text);padding:14px}.student-notifications-card{display:grid;gap:16px}.student-notification-item{border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);padding:12px}.student-notification-item.is-unread{border-color:color-mix(in srgb,var(--accent-cyan) 45%,var(--line));background:color-mix(in srgb,var(--accent-cyan) 8%,var(--surface))}.student-notification-item p,.student-notification-item strong{margin:0}.student-notification-item span{color:var(--muted);font-size:.82rem;font-weight:800}.teacher-extra-activity-audio{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.teacher-extra-activity-audio audio{width:100%;min-width:0}.teacher-extra-activity-audio .button{min-height:38px;white-space:nowrap}:root[data-theme=dark] .extra-activity-card,:root[data-theme=dark] .extra-activity-options label,:root[data-theme=dark] .extra-activity-section,:root[data-theme=dark] .student-notification-item{border-color:color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text)}.course-path-loading-shell{gap:18px}.course-path-hero-loading,.course-path-loading-card,.course-path-summary-loading>div,.skeleton-live-badge,.skeleton-live-media{position:relative;overflow:hidden}.course-path-hero-loading:after,.course-path-loading-card:before,.course-path-summary-loading>div:after,.skeleton-live-badge:after,.skeleton-live-media:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);animation:skeleton-shimmer 1.25s ease-in-out infinite}.course-path-hero-loading:after{z-index:2;opacity:.65}.course-path-loading-card{pointer-events:none}.course-path-loading-card .course-path-progress span{width:42%;background:linear-gradient(90deg,#dce8f2,#8dc8ed,#dce8f2)}.course-path-loading-card .course-path-score{background:conic-gradient(#dce8f2 78%,#eef4f8 0)}.course-path-loading-card .course-path-score span{color:var(--muted)}.course-path-lesson-card[data-route-loading=true]{position:relative;overflow:hidden;isolation:isolate;pointer-events:none;border-color:color-mix(in srgb,var(--accent-cyan) 56%,var(--line));box-shadow:0 18px 44px rgba(14,140,168,.18);transform:none}.course-path-lesson-card[data-route-loading=true]:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.54),transparent);animation:skeleton-shimmer 1s ease-in-out infinite}.course-path-lesson-card[data-route-loading=true]:after{content:"";position:absolute;inset-block-start:18px;inset-inline-end:18px;z-index:5;width:24px;height:24px;border:3px solid color-mix(in srgb,var(--accent-cyan) 28%,transparent);border-block-start-color:var(--accent-cyan);border-radius:999px;animation:route-card-spin .78s linear infinite}.course-path-lesson-card[data-route-loading=true] .course-path-copy:after{content:"\062C\0627\0631\064A\0020\0641\062A\062D\0020\0627\0644\062F\0631\0633";display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:28px;margin-top:2px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent-cyan) 36%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent-cyan) 12%,var(--surface));color:var(--accent-dark);font-size:.82rem;font-weight:950;line-height:1}.route-loading-indicator.is-course-card-loading{align-items:end;justify-items:center;padding:24px;background:rgba(244,248,251,.48)}.route-loading-course-card{display:grid;grid-template-columns:126px minmax(0,1fr) 34px;align-items:center;gap:14px;width:min(620px,calc(100vw - 32px));padding:12px;border:1px solid color-mix(in srgb,var(--accent-cyan) 32%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-lift)}.route-loading-course-thumb{display:grid;place-items:center;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:14px;background:var(--surface-strong)}.route-loading-course-thumb img,.route-loading-course-thumb span{width:100%;height:100%}.route-loading-course-thumb img{object-fit:cover}.route-loading-course-copy{display:grid;gap:6px;min-width:0}.route-loading-course-copy span{color:var(--accent-dark);font-size:.82rem;font-weight:900}.route-loading-course-copy strong{color:var(--text);font-size:1.08rem;line-height:1.25;overflow-wrap:anywhere}.route-loading-course-progress{overflow:hidden;width:min(280px,100%);height:7px;border-radius:999px;background:var(--surface-strong)}.route-loading-course-progress i{display:block;height:100%;min-width:18px;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-cyan))}.route-loading-spinner{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--accent-cyan) 24%,transparent);border-block-start-color:var(--accent-cyan);border-radius:999px;animation:route-card-spin .78s linear infinite}main.login-page.student-domain-login{position:relative;display:grid;align-items:center;min-height:100dvh;overflow:hidden;padding:22px 16px;background:linear-gradient(160deg,rgba(221,242,255,.92),rgba(246,251,255,.96) 44%,rgba(237,251,248,.94))}main.login-page.student-domain-login:before{content:"";position:absolute;inset-block-start:-120px;inset-inline-start:-86px;width:min(320px,74vw);height:min(320px,74vw);border-radius:0 0 68% 0;background:linear-gradient(145deg,#075fb6,#078dd2 55%,#10c4de);box-shadow:0 28px 70px rgba(7,95,182,.24)}.student-login-shell{position:relative;z-index:1;display:grid;gap:14px;width:min(430px,100%);margin:0 auto}.student-login-hero{position:relative;min-height:316px;overflow:hidden;border:1px solid rgba(180,209,231,.72);border-radius:22px;background:rgba(255,255,255,.48);box-shadow:0 22px 56px rgba(24,67,116,.16);backdrop-filter:blur(16px)}.student-login-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.student-login-menu{display:inline-grid;place-items:center;gap:4px;width:46px;height:46px;border:1px solid rgba(197,218,234,.86);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(24,67,116,.16)}.student-login-menu i{width:18px;height:2px;border-radius:999px;background:#153955}.student-login-hero .login-theme-toggle{margin:0}.student-login-illustration{position:relative;z-index:1;display:grid;place-items:center;width:calc(100% - 44px);min-height:190px;margin:2px auto 0;overflow:hidden;border:1px solid rgba(185,214,235,.8);border-radius:18px;background:linear-gradient(180deg,rgba(243,250,255,.96),rgba(229,244,255,.88))}.student-login-illustration img{width:100%;height:100%;min-height:190px;object-fit:cover}.student-login-badge{position:relative;z-index:2;display:grid;justify-items:center;gap:6px;width:min(330px,calc(100% - 42px));margin:-46px auto 18px;padding:16px 18px;border:1px solid rgba(13,108,198,.28);border-radius:20px;background:linear-gradient(135deg,#075fb6,#087ed1);color:#ffffff;text-align:center;box-shadow:0 16px 36px rgba(7,95,182,.28)}.student-login-badge h1,.student-login-badge p{margin:0}.student-login-badge h1{color:#ffffff;font-size:clamp(1.32rem,5.2vw,1.78rem);line-height:1.25}.student-login-badge p{color:rgba(255,255,255,.86);font-size:.93rem;font-weight:850}.student-domain-login .login-panel.login-panel-clean{border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(24,67,116,.14)}:root[data-theme=dark] main.login-page.student-domain-login{background:linear-gradient(160deg,#071217,#0d2229 48%,#111827)}:root[data-theme=dark] main.login-page.student-domain-login:before{background:linear-gradient(145deg,#063f78,#075e8f 56%,#0b8e9e);box-shadow:0 28px 70px rgba(3,15,28,.62)}:root[data-theme=dark] .student-domain-login .login-panel.login-panel-clean,:root[data-theme=dark] .student-login-hero{border-color:rgba(64,98,111,.82);background:rgba(18,27,32,.86)}:root[data-theme=dark] .student-login-menu{border-color:rgba(83,119,133,.82);background:rgba(20,33,40,.94)}:root[data-theme=dark] .student-login-menu i{background:#d9f4f0}:root[data-theme=dark] .student-login-illustration{border-color:rgba(64,98,111,.82);background:linear-gradient(180deg,rgba(22,40,48,.96),rgba(17,34,42,.92))}:root[data-theme=dark] .route-loading-indicator{background:rgba(8,13,16,.72)}:root[data-theme=dark] .route-loading-indicator.is-course-card-loading{background:rgba(8,13,16,.52)}:root[data-theme=dark] .course-path-hero-loading:after,:root[data-theme=dark] .course-path-lesson-card[data-route-loading=true]:before,:root[data-theme=dark] .course-path-loading-card:before,:root[data-theme=dark] .course-path-summary-loading>div:after,:root[data-theme=dark] .skeleton-live-badge:after,:root[data-theme=dark] .skeleton-live-media:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}@keyframes route-card-spin{to{transform:rotate(1turn)}}@media (max-width:860px){.identity-card{grid-template-areas:"brand theme logout" "profile profile profile" "meta meta meta";grid-template-columns:minmax(0,1fr) auto auto}.identity-theme{justify-content:flex-end}.theme-toggle span{display:none}}@media (max-width:620px){.extra-activity-grid,.student-profile-grid,.teacher-extra-activity-audio{grid-template-columns:1fr}.route-loading-indicator.is-course-card-loading{align-items:end;padding:18px 12px}.route-loading-course-card{grid-template-columns:92px minmax(0,1fr) 26px;gap:10px;border-radius:16px}.route-loading-course-copy strong{font-size:.98rem}}