:root{color-scheme:light;--blue-950:#071a2f;--blue-900:#0b2545;--blue-800:#13315c;--blue-700:#1d4e89;--blue-600:#2563a6;--ink:#282e3e;--ink-secondary:#2e3856;--muted:#586380;--text-muted:#939bb4;--paper:#f6f7fb;--surface:#ffffff;--card:var(--surface);--line:#d9dde8;--table-row-hover:color-mix(in srgb,var(--ink) 5%,var(--surface));--table-header-bg:var(--paper);--table-divider:var(--line);--surface-subtle:var(--paper);--primary:var(--blue-700);--primary-strong:var(--blue-600);--live-fill:var(--blue-800);--primary-soft:color-mix(in srgb,var(--blue-600) 9%,var(--surface));--primary-border:color-mix(in srgb,var(--primary) 28%,var(--line));--accent:var(--primary);--focus-ring:color-mix(in srgb,var(--primary) 45%,var(--line));--danger:#b22b44;--success:#15704e;--warning:#9a6a25;--info:#3478c8;--danger-soft:color-mix(in srgb,var(--danger) 22%,var(--surface));--warning-soft:color-mix(in srgb,var(--warning) 22%,var(--surface));--info-soft:color-mix(in srgb,var(--info) 22%,var(--surface));--mint:color-mix(in srgb,var(--success) 22%,var(--surface));--on-accent:#ffffff;--on-accent-muted:color-mix(in srgb,var(--on-accent) 72%,transparent);--shadow-color:#20203a;--shadow-overlay:0 4px 16px color-mix(in srgb,var(--shadow-color) 10%,transparent);--shadow-sm:0 8px 20px color-mix(in srgb,var(--shadow-color) 5%,transparent);--shadow-md:0 12px 28px color-mix(in srgb,var(--shadow-color) 8%,transparent);--radius-control:8px;--radius-card:10px;--radius-modal:12px;--radius-pill:999px;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--text-primary:var(--ink);--text-secondary:var(--ink-secondary);--student-ink:var(--ink);--student-muted:var(--muted);--student-canvas:var(--paper);--student-surface:var(--surface);--student-line:var(--line);--student-primary:var(--primary);--student-primary-dark:var(--primary-strong);--student-primary-soft:var(--primary-soft);--student-success:var(--success);--student-success-soft:var(--mint);--shell-sidebar-width:15.625rem;--shell-topbar-height:4.25rem;--shell-content-gutter:clamp(1rem,2.2vw,2.25rem);--sidebar-inline:1rem;--sidebar-section-gap:1.25rem;--sidebar-heading-gap:0.5rem;--sidebar-item-gap:0.25rem;--sidebar-item-min-height:2.125rem;--sidebar-item-pad-block:0.3rem;--sidebar-item-pad-inline:0.65rem;--sidebar-item-radius:var(--radius-control);--sidebar-icon-size:1.125rem;--subject-mathematics:#7652e7;--subject-science:#249b75;--subject-biology:#26966f;--subject-chemistry:#6b4ee8;--subject-physics:#2563c7;--subject-computer:#258ed6;--subject-ict:#0b8fa8;--subject-english:#e96d5d;--subject-geography:#d99327;--subject-social:#b76735;--subject-arabic:#b83d55;--subject-islamic:#19714e;--subject-quran:#12613e;--subject-art:#d52f7d;--subject-physical:#dc4b3e;--subject-music:#7c4ec7;--subject-life:#5f8d28;--subject-business:#3655a5;--subject-accounting:#25725a;--subject-economics:#247060;--subject-general:#5a72d7;--subject-mathematics-soft:color-mix(in srgb,var(--subject-mathematics) 22%,var(--surface));--subject-science-soft:color-mix(in srgb,var(--subject-science) 22%,var(--surface));--subject-biology-soft:color-mix(in srgb,var(--subject-biology) 22%,var(--surface));--subject-chemistry-soft:color-mix(in srgb,var(--subject-chemistry) 22%,var(--surface));--subject-physics-soft:color-mix(in srgb,var(--subject-physics) 22%,var(--surface));--subject-computer-soft:color-mix(in srgb,var(--subject-computer) 22%,var(--surface));--subject-ict-soft:color-mix(in srgb,var(--subject-ict) 22%,var(--surface));--subject-english-soft:color-mix(in srgb,var(--subject-english) 22%,var(--surface));--subject-geography-soft:color-mix(in srgb,var(--subject-geography) 22%,var(--surface));--subject-social-soft:color-mix(in srgb,var(--subject-social) 22%,var(--surface));--subject-arabic-soft:color-mix(in srgb,var(--subject-arabic) 22%,var(--surface));--subject-islamic-soft:color-mix(in srgb,var(--subject-islamic) 22%,var(--surface));--subject-quran-soft:color-mix(in srgb,var(--subject-quran) 22%,var(--surface));--subject-art-soft:color-mix(in srgb,var(--subject-art) 22%,var(--surface));--subject-physical-soft:color-mix(in srgb,var(--subject-physical) 22%,var(--surface));--subject-music-soft:color-mix(in srgb,var(--subject-music) 22%,var(--surface));--subject-life-soft:color-mix(in srgb,var(--subject-life) 22%,var(--surface));--subject-business-soft:color-mix(in srgb,var(--subject-business) 22%,var(--surface));--subject-accounting-soft:color-mix(in srgb,var(--subject-accounting) 22%,var(--surface));--subject-economics-soft:color-mix(in srgb,var(--subject-economics) 22%,var(--surface));--subject-general-soft:color-mix(in srgb,var(--subject-general) 22%,var(--surface));--activity-live:#4e6fae;--activity-lesson:#397c65;--activity-quiz:#655aa5;--activity-content:#2f7c78;--activity-user:#9a6a25;--activity-live-soft:color-mix(in srgb,var(--activity-live) 22%,var(--surface));--activity-lesson-soft:color-mix(in srgb,var(--activity-lesson) 22%,var(--surface));--activity-quiz-soft:color-mix(in srgb,var(--activity-quiz) 22%,var(--surface));--activity-content-soft:color-mix(in srgb,var(--activity-content) 22%,var(--surface));--activity-user-soft:color-mix(in srgb,var(--activity-user) 22%,var(--surface));--inverse-paper:#0d0d16;--inverse-surface:#1d1d2b;--inverse-elevated:#232235;--inverse-line:#3a394e;--inverse-line-strong:#4b4a62;--inverse-ink:#f0eff8;--inverse-muted:#bebdcc;--inverse-primary:#a5c6eb;--inverse-danger:#ff9aac;--inverse-danger-fill:#9d3048;--inverse-success:#76d7ab;--inverse-scrim:color-mix(in srgb,var(--inverse-paper) 80%,transparent);--landing-wash:color-mix(in srgb,var(--blue-700) 7%,var(--paper));--landing-tint:color-mix(in srgb,var(--blue-800) 8%,var(--paper));--landing-navy:var(--blue-950);--landing-navy-raised:var(--blue-900);--landing-on-navy:var(--on-accent);--landing-on-navy-muted:var(--on-accent-muted);--landing-navy-line:color-mix(in srgb,var(--on-accent) 16%,transparent);--landing-navy-card:color-mix(in srgb,var(--on-accent) 7%,var(--blue-900))}html[data-theme=dark]{color-scheme:dark;--ink:#f2f6fa;--ink-secondary:#cbd6e2;--muted:#9bacc0;--text-muted:#8193a8;--paper:#0c1522;--surface:#121f2f;--line:#2b3c50;--primary:#78aee6;--primary-strong:#3478b9;--live-fill:#1d4e89;--primary-soft:color-mix(in srgb,var(--primary) 14%,var(--surface));--danger:#ef6f83;--success:#52c28b;--warning:#d6aa5b;--info:#74afe8;--shadow-color:#040a12;--activity-live:#8eabdc;--activity-lesson:#6ec9a8;--activity-quiz:#b4a8ef;--activity-content:#6ed4cc;--activity-user:#e0b15c;--landing-wash:color-mix(in srgb,var(--blue-800) 42%,var(--paper));--landing-tint:color-mix(in srgb,var(--blue-900) 70%,var(--paper));--landing-navy:#061018;--landing-navy-raised:#102033;--landing-navy-card:color-mix(in srgb,var(--on-accent) 6%,#102033)}*{box-sizing:border-box}html{text-size-adjust:100%}h1,h2,h3,h4{color:var(--ink)}body{margin:0;color:var(--ink-secondary);background:var(--paper);font-family:var(--font-sans),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}html[lang=ar],html[lang=ar] body{font-family:var(--font-arabic),Almarai,var(--font-sans),Inter,ui-sans-serif,system-ui,sans-serif}html[lang=ar] *{letter-spacing:0!important}html[lang=ar] :is(h1,h2,h3,.hero-title,.panel-greeting,.brand,.sidebar-brand){line-height:1.45!important;overflow:visible;padding-block:.2em .1em;word-spacing:.45em}html[lang=ar] .student-shell{font-family:var(--font-arabic),Almarai,var(--font-sans),Inter,ui-sans-serif,sans-serif}.locale-boot{min-height:100vh;min-height:100dvh}.dir-arrow{display:inline-block}[dir=rtl] .dir-arrow{transform:scaleX(-1)}body{width:100%;min-height:100vh;overflow-x:hidden;overscroll-behavior-x:none}body,canvas,iframe,img,svg,video{max-width:100%}h1,h2,h3,label,p{overflow-wrap:break-word}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.calendar-event{overflow:hidden;border:0!important;-webkit-border-start:3px solid currentColor!important;border-inline-start:3px solid currentColor!important;border-radius:.35rem!important;color:var(--primary)!important;background:var(--primary-soft)!important;cursor:pointer}.calendar-event.color-live{color:var(--danger)!important;background:var(--danger-soft)!important}.calendar-event.color-holiday{color:var(--warning)!important;background:var(--warning-soft)!important}.calendar-event.color-exam{color:var(--danger)!important;background:var(--danger-soft)!important}.calendar-event.color-school{color:var(--activity-live)!important;background:var(--activity-live-soft)!important}.calendar-event.color-meeting{color:var(--activity-content)!important;background:var(--activity-content-soft)!important}.danger-link{color:var(--danger)!important}.link-button{border:0;color:var(--primary);background:none;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:.72rem;font-weight:800}.lesson-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.88rem;font-weight:650}.lesson-crumb,.lesson-crumb a{color:var(--muted)}.lesson-crumb .unit-link,.lesson-crumb a:hover{color:var(--primary)}.error{color:var(--danger);font-size:.9rem;margin:0}.hint{margin-top:1.35rem;padding:1rem;border-radius:var(--radius-card);background:var(--surface-subtle);color:var(--muted);font-size:.86rem;line-height:1.55}.heading-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:2rem}.heading-row>*{min-width:0}.heading-row>:first-child{flex:1 1;min-width:min(10rem,100%)}.heading-row>.button,.heading-row>a{flex:0 0 auto}.heading-row h1{margin:.35rem 0 0;font-size:2rem;letter-spacing:-.04em}.heading-row p{color:var(--muted);margin:.4rem 0 0}.section-title{font-size:1.1rem;margin:2rem 0 1rem}.small{color:var(--muted);font-size:.83rem}.lesson-list{display:grid;grid-gap:.6rem;gap:.6rem}.lesson-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:1rem 1.1rem}.lesson-item:hover{border-color:var(--primary-border)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:1.5rem;gap:1.5rem}@media (max-width:760px){.lesson-layout{grid-template-columns:1fr}}.video-wrap{background:var(--inverse-paper);aspect-ratio:16/9;border-radius:1rem;overflow:hidden}.video-wrap video{width:100%;height:100%}.reading-hero{padding:1.6rem 1.7rem;margin-bottom:.2rem}.reading-hero h2{margin:.35rem 0 .7rem;font-size:1.45rem;letter-spacing:-.04em}.reading-hero p{margin:0 0 1.1rem;color:var(--muted);line-height:1.55;max-width:46rem}.lesson-article{padding:1.6rem 1.7rem 1.8rem;margin-bottom:.75rem}.lesson-article h2{margin:.35rem 0 1rem;font-size:1.45rem;letter-spacing:-.04em}.lesson-article-body{display:grid;grid-gap:.95rem;gap:.95rem;max-width:42rem}.lesson-article-body li,.lesson-article-body p{margin:0;color:var(--ink);line-height:1.65}.lesson-article-body ul{margin:0;-webkit-padding-start:1.15rem;padding-inline-start:1.15rem;display:grid;grid-gap:.4rem;gap:.4rem}.fraction-model{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.45rem;gap:.45rem;width:min(280px,100%);margin:.2rem 0 .35rem}.fraction-model span{aspect-ratio:1;border:2px solid var(--primary);border-radius:.5rem;background:var(--surface)}.fraction-model span.is-shaded{background:var(--primary-strong)}.document-wrap{background:var(--surface);min-height:72vh;border:1px solid var(--line);border-radius:1rem;overflow:hidden}.document-wrap .empty,.document-wrap iframe{width:100%;height:72vh;border:0;background:var(--surface)}.attachments a{display:grid;grid-gap:.2rem;gap:.2rem}.attachments small{color:var(--muted);font-weight:550}.media-error{margin:.75rem 0}.content-card{padding:1.5rem}.content-card h1{margin:0 0 .7rem;letter-spacing:-.04em}.attachments{display:grid;grid-gap:.6rem;gap:.6rem}.attachments a{padding:.75rem;border-radius:.6rem;font-weight:650}.attachments a,.quiz-link{background:var(--primary-soft);color:var(--primary)}.quiz-link{display:grid;grid-template-columns:1fr auto;grid-gap:.35rem .65rem;gap:.35rem .65rem;width:100%;padding:1rem;border-radius:.75rem;line-height:1.35}.quiz-link span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.quiz-link strong{overflow-wrap:anywhere}.quiz-link b{grid-column:2;grid-row:1/span 2;align-self:center;font-size:1.25rem}.lesson-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.quiz-question{border:0;padding:0;margin:.6rem 0 1.6rem}.quiz-question legend{padding:0;font-weight:750;line-height:1.45}.quiz-options{display:grid;grid-gap:.6rem;gap:.6rem;margin-top:.85rem}.quiz-option{display:flex!important;align-items:center;gap:.7rem;margin:0;padding:.8rem .9rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);font-weight:500!important;line-height:1.35;cursor:pointer}.quiz-option:hover{border-color:var(--primary-border);background:var(--primary-soft)}.quiz-option input[type=radio]{flex:0 0 auto;width:1.1rem;height:1.1rem;margin:0;accent-color:var(--primary)}.quiz-option span{min-width:0}.inline{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.inline>*{flex:1 1;min-width:120px}.empty{padding:2rem;border:1px dashed var(--line);border-radius:var(--radius-card);color:var(--muted);text-align:center}.next-step-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin:-.7rem 0 2.2rem;padding:1.5rem;color:var(--on-accent);background:var(--primary-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.next-step-card .eyebrow{color:var(--on-accent-muted)}.next-step-card h2{max-width:660px;margin:.45rem 0;font-size:1.35rem;letter-spacing:-.035em}.next-step-card p{max-width:690px;margin:0;color:var(--on-accent-muted);line-height:1.5;font-size:.9rem}@media (max-width:760px){.next-step-card{padding:1.25rem}}.quiz-authoring{grid-column:1/-1}.quiz-option-row{display:flex;gap:.5rem;align-items:center}.quiz-option-row input:not([type=radio]){flex:1 1}.quiz-option-row label{display:flex!important;flex-direction:row;align-items:center;gap:.35rem;margin:0;color:var(--muted);font-size:.72rem;font-weight:750;white-space:nowrap}.quiz-option-row input[type=radio]{width:auto}.metric-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:.65rem}.metric-icon.flame,.metric-icon.star{color:var(--warning);background:color-mix(in srgb,var(--warning) 18%,var(--surface))}.metric-icon.book{color:var(--info);background:color-mix(in srgb,var(--info) 18%,var(--surface))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{display:grid;place-content:center;justify-items:center;grid-gap:.45rem;gap:.45rem}.empty-state strong{color:var(--ink)}.empty-state span{max-width:36rem;color:var(--muted)}.empty-state.compact{min-height:0;padding:1.2rem}.dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:color-mix(in srgb,var(--shadow-color) 45%,transparent)}.dialog-panel{position:relative;width:min(440px,100%);padding:1.4rem 1.45rem 1.3rem;border:1px solid var(--line);border-radius:var(--radius-modal);background:var(--surface);box-shadow:var(--shadow-overlay)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-close{display:grid;flex:0 0 auto;width:32px;height:32px;margin:-.45rem -.45rem 0 0;place-items:center;border:0;border-radius:var(--radius-control);color:var(--muted);background:transparent;font-size:1.35rem;line-height:1}.dialog-close:hover{color:var(--ink);background:var(--surface-subtle)}.dialog-panel h2{margin:0 0 .45rem;font-size:1.15rem;letter-spacing:-.03em}.dialog-panel p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}body.dialog-open{overflow:hidden}.toast-viewport{position:fixed;z-index:120;inset-inline-end:1rem;bottom:1rem;display:grid;width:min(380px,calc(100vw - 2rem));grid-gap:.65rem;gap:.65rem;pointer-events:none}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.7rem;gap:.7rem;padding:.78rem .85rem;border:1px solid var(--line);border-radius:var(--radius-card);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-overlay);pointer-events:auto}.toast>span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:var(--primary);background:var(--primary-soft);font-size:.75rem;font-weight:900}.toast-success>span{color:var(--success);background:var(--mint)}.toast-error>span{color:var(--danger);background:var(--danger-soft)}.toast p{margin:0;color:inherit;font-size:.82rem;font-weight:700;line-height:1.4}.toast button{width:28px;height:28px;border:0;border-radius:var(--radius-control);color:var(--muted);background:transparent;font-size:1.15rem}.toast button:hover{color:var(--ink);background:var(--surface-subtle)}.quiz-question-count{display:block;margin-bottom:.32rem;color:var(--muted);font-size:.7rem;font-weight:750}.quiz-question-unanswered{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:var(--radius-card)}.quiz-question-error{margin:.65rem 0 0;color:var(--danger);font-size:.78rem;font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-row{display:flex!important;align-items:center;gap:.55rem}.toggle-row input{width:auto!important}.icon-button{display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--card)}.icon-button:hover{color:var(--primary)}@media (max-width:760px){.icon-button{width:40px;height:40px}.heading-row{flex-direction:column;align-items:flex-start;margin-bottom:1.4rem}.heading-row>:first-child{flex:0 1 auto;width:100%}.heading-row>.button,.heading-row>a{align-self:flex-start;width:auto}.heading-row h1{font-size:clamp(1.75rem,7vw,2rem);line-height:1.08}}.topbar{height:var(--shell-topbar-height);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:-webkit-sticky;position:sticky;z-index:5}.brand{font-size:1.25rem;font-weight:700;letter-spacing:-.04em;color:var(--primary)}.brand span{color:var(--ink);font-weight:650}.account{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.92rem}.learning-sidebar{position:fixed;top:var(--shell-topbar-height);bottom:0;width:var(--shell-sidebar-width);overflow:auto;padding:1.6rem 1.1rem;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);background:var(--surface)}.sidebar-section{display:flex;flex-direction:column;margin-bottom:var(--sidebar-section-gap)}.sidebar-section:last-of-type{margin-bottom:0}.sidebar-section>span{margin-bottom:var(--sidebar-heading-gap);padding:0 var(--sidebar-item-pad-inline);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.67rem;font-weight:600;line-height:1.2}.sidebar-activity,.sidebar-course,.sidebar-link{display:block;border-radius:var(--sidebar-item-radius);color:var(--muted);font-size:.88rem;font-weight:650}.sidebar-link{display:flex;align-items:center;gap:.6rem;min-height:var(--sidebar-item-min-height);padding:var(--sidebar-item-pad-block) var(--sidebar-item-pad-inline)}.sidebar-link+.sidebar-link{margin-top:var(--sidebar-item-gap)}.sidebar-link svg{flex:0 0 auto;width:var(--sidebar-icon-size);height:var(--sidebar-icon-size);stroke-width:1.85;color:var(--text-muted)}.sidebar-activity:hover,.sidebar-course:hover,.sidebar-link:not(.is-active):hover{color:var(--ink);background:var(--surface-subtle)}.sidebar-link:not(.is-active):hover svg{color:var(--primary)}.sidebar-link.is-active{color:var(--primary);background:var(--primary-soft);font-weight:600}.continue-link,.sidebar-link.is-active svg{color:var(--primary)}.continue-link{display:grid;grid-gap:.18rem;gap:.18rem;padding:.75rem;background:var(--primary-soft);line-height:1.3}.continue-link small{color:var(--primary);text-transform:uppercase;letter-spacing:.07em;font-size:.62rem;font-weight:850}.sidebar-course{display:flex;align-items:center;gap:.55rem;padding:.58rem .7rem}.sidebar-course i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--primary-strong)}.sidebar-activity{display:grid;grid-gap:.16rem;gap:.16rem;padding:.58rem .7rem;line-height:1.3}.sidebar-activity small{color:var(--text-muted);font-size:.68rem;font-weight:650}.sidebar-loading{padding:0 .7rem;margin:0;color:var(--text-muted);font-size:.78rem}.sidebar-soon{display:flex;align-items:center;justify-content:space-between;padding:.58rem .7rem;color:var(--text-muted);font-size:.88rem;font-weight:650}.sidebar-soon small{color:var(--text-muted);font-size:.64rem;font-weight:700}.page{width:min(1120px,90vw);margin:0 auto;padding:3.2rem 0 5rem}.with-learning-nav{width:auto;max-width:none;min-width:0;margin:0}.login{min-height:calc(100vh - var(--shell-topbar-height));display:grid;place-items:center}.login-card{background:var(--surface);width:min(440px,100%);padding:2.5rem;border-radius:var(--radius-card);box-shadow:none;border:1px solid var(--line)}.login-wait{height:7px;margin-top:-.35rem;background:var(--surface-subtle);overflow:hidden;border-radius:var(--radius-pill)}.login-wait span{display:block;height:100%;width:0;background:var(--primary-strong);border-radius:inherit;animation:login-wait 3s ease-out forwards}@keyframes login-wait{to{width:100%}}.hero-title{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em;margin:.45rem 0 .8rem}.subtitle{color:var(--muted);line-height:1.6;margin:0 0 1.7rem}.preview-banner{padding:.65rem .8rem;border-radius:var(--radius-control);font-size:.8rem;font-weight:600}@media (max-width:760px){.topbar{padding:0 5%}.learning-sidebar{position:static;width:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;padding:1rem 5%;-webkit-border-end:0;border-inline-end:0;border-bottom:1px solid var(--line)}.sidebar-section{margin-bottom:var(--sidebar-section-gap)}.sidebar-section>span{padding-inline:var(--sidebar-item-pad-inline)}.sidebar-activity:nth-of-type(n+3),.sidebar-course:nth-of-type(n+3){display:none}.with-learning-nav{margin:0;width:auto}.account span{display:none}}.app-shell{width:100%;min-height:100vh;max-width:100%;overflow-x:hidden;padding-top:var(--shell-topbar-height)}.page>*{min-width:0}.topbar{position:fixed;top:0;inset-inline-end:0;inset-inline-start:0;width:100%}.topbar-start{gap:.8rem;min-width:0}.top-actions,.topbar-start{display:flex;align-items:center}.top-actions{gap:.65rem}.topbar.with-public-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:1rem;gap:1rem}.public-nav{display:flex;align-items:center;justify-content:center;gap:1.15rem;min-width:0}.public-nav a{color:var(--muted);font-size:.88rem;font-weight:650;white-space:nowrap}.public-nav a:hover{color:var(--ink)}.page.landing-shell{width:100%;max-width:none;margin:0;padding:0}@media (max-width:980px){.topbar.with-public-nav{display:flex;gap:.75rem}.public-nav{display:none}.topbar.with-public-nav .top-actions{flex:0 0 auto}.topbar.with-public-nav .top-actions .button{white-space:nowrap}.topbar.with-public-nav .brand{min-width:0}}@media (max-width:520px){.topbar.with-public-nav{padding-inline:.75rem}.topbar.with-public-nav .language-toggle{padding-inline:.35rem}.topbar.with-public-nav .top-actions .button{padding-inline:.6rem}html[lang=ar] .topbar.with-public-nav .brand{font-size:.92rem;word-spacing:.08em}}@media (max-width:400px){.topbar.with-public-nav{gap:.45rem}.topbar.with-public-nav .brand{font-size:1.05rem}.topbar.with-public-nav .top-actions{gap:.3rem}.topbar.with-public-nav .language-toggle{padding-inline:.25rem}.topbar.with-public-nav .top-actions .button{padding-inline:.5rem}}.language-toggle{display:inline-flex;align-items:center;min-height:44px;border:0;border-radius:.55rem;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:.88rem;font-weight:750;padding:.4rem .7rem}.theme-toggle{width:38px;height:38px;flex:0 0 auto;background:transparent}.theme-toggle:hover{border-color:var(--primary-border);background:var(--primary-soft)}.theme-toggle:disabled{cursor:wait;opacity:.65}.brand{white-space:nowrap}.mobile-menu-button,.mobile-nav-heading,.nav-backdrop{display:none}.learning-sidebar{z-index:20}@media (min-width:901px) and (max-width:1180px){.learning-sidebar{padding:1.4rem .85rem}}@media (max-width:900px){body.mobile-nav-open{overflow:hidden}.app-shell,.student-shell,:root{--shell-topbar-height:4rem}.app-shell{padding-top:var(--shell-topbar-height)}.topbar{height:var(--shell-topbar-height);-webkit-padding-end:max(1rem,env(safe-area-inset-right));padding-inline-end:max(1rem,env(safe-area-inset-right));-webkit-padding-start:max(1rem,env(safe-area-inset-left));padding-inline-start:max(1rem,env(safe-area-inset-left));z-index:30}.topbar-start{gap:.7rem}.account{gap:.6rem}.account-name{display:none}.account .link-button,.mobile-menu-button{min-height:44px}.mobile-menu-button{display:inline-flex;width:44px;flex:0 0 44px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border:1px solid var(--line);border-radius:.7rem;color:var(--ink);background:var(--surface)}.mobile-menu-button span{width:18px;height:2px;border-radius:99px;background:currentColor}.nav-backdrop{position:fixed;inset:0;z-index:35;display:block;width:100%;height:100%;padding:0;border:0;visibility:hidden;opacity:0;background:color-mix(in srgb,var(--shadow-color) 45%,transparent);transition:opacity .2s ease,visibility .2s ease}.nav-backdrop.is-open{visibility:visible;opacity:1}.learning-sidebar{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;z-index:40;display:block;width:min(320px,86vw);padding:max(1rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:0;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);visibility:hidden;transform:translateX(-105%);box-shadow:18px 0 50px color-mix(in srgb,var(--shadow-color) 17%,transparent);transition:transform .22s ease,visibility .22s ease}.learning-sidebar.is-open{visibility:visible;transform:translateX(0)}[dir=rtl] .learning-sidebar{transform:translateX(105%);box-shadow:-18px 0 50px color-mix(in srgb,var(--shadow-color) 17%,transparent)}[dir=rtl] .learning-sidebar.is-open{transform:translateX(0)}.mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin:0 0 1rem;padding:0 .35rem 1rem .7rem;border-bottom:1px solid var(--line);color:var(--ink);font-size:.95rem;font-weight:800}.mobile-nav-heading button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:.7rem;color:var(--muted);background:var(--paper);font-size:1.75rem;line-height:1}.sidebar-section{display:flex;flex-direction:column;margin-bottom:var(--sidebar-section-gap)}.sidebar-section>span{padding-inline:var(--sidebar-item-pad-inline)}.sidebar-course,.sidebar-link,.sidebar-soon{min-height:44px}.sidebar-link{display:flex;align-items:center;gap:.6rem}.sidebar-course,.sidebar-course:nth-of-type(n+3){display:flex}.sidebar-activity:nth-of-type(n+3){display:grid}.sidebar-soon{display:flex}.page,.with-learning-nav{width:auto;max-width:none;margin:0 auto;padding:2.25rem clamp(1.25rem,4vw,2.25rem) 4rem}.document-wrap,.document-wrap .empty,.document-wrap iframe{height:65vh;min-height:420px}}@media (max-width:760px){.page,.with-learning-nav{width:auto;padding-top:1.75rem}.next-step-card .button{align-self:stretch;text-align:center}.quiz-option-row{flex-wrap:wrap}.quiz-option-row input:not([type=radio]){flex:1 0 100%}.lesson-item{align-items:flex-start}.lesson-item .state{flex:0 0 auto}.content-card,.lesson-article,.reading-hero{padding:1.25rem}}@media (max-width:520px){.brand{font-size:1.08rem}.account .link-button{padding:.5rem .2rem;font-size:.85rem}.page,.with-learning-nav{padding-top:1.5rem;-webkit-padding-end:max(1rem,env(safe-area-inset-right));padding-inline-end:max(1rem,env(safe-area-inset-right));padding-bottom:max(3rem,env(safe-area-inset-bottom));-webkit-padding-start:max(1rem,env(safe-area-inset-left));padding-inline-start:max(1rem,env(safe-area-inset-left))}.login{min-height:calc(100dvh - var(--shell-topbar-height));padding:1rem}.login-card{padding:1.35rem;border-radius:1rem}.empty{padding:1.35rem 1rem}.lesson-item{padding:.9rem}.lesson-actions{align-items:flex-start}.document-wrap,.video-wrap{border-radius:.8rem}.document-wrap,.document-wrap .empty,.document-wrap iframe{height:58vh;min-height:360px}}.student-shell{background:var(--paper);--shell-content-gutter:clamp(1.25rem,2.6vw,2.75rem)}.student-shell .topbar{height:var(--shell-topbar-height);padding:0 2rem;border-bottom:1px solid var(--line);background:var(--surface);box-shadow:none}.app-shell:has(>.learning-sidebar)>.topbar .brand{display:none}.student-shell .mobile-menu-button{border-color:var(--line);border-radius:var(--radius-control);color:var(--primary);background:var(--surface)}.admin-sidebar,.student-sidebar,.teacher-sidebar{padding-inline:var(--sidebar-inline);padding-block:1.5rem 1.1rem}.student-sidebar{top:0;width:var(--shell-sidebar-width);display:flex;flex-direction:column;padding:1.5rem var(--sidebar-inline) 1.1rem;border:0;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);background:var(--surface);box-shadow:none}.sidebar-brand{display:flex;align-items:center;gap:.55rem;min-height:42px;margin-bottom:1rem;padding:0 var(--sidebar-item-pad-inline);color:var(--ink);font-size:1.22rem}.sidebar-brand,.sidebar-brand-mark{font-weight:700;letter-spacing:-.04em}.sidebar-brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--radius-control);color:var(--on-accent);background:var(--primary-strong);font-size:1.02rem}.student-sidebar-footer{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:auto;padding:.95rem .65rem 0;border-top:1px solid var(--line)}.student-sidebar-profile{display:flex;align-items:center;gap:.62rem}.student-sidebar-profile div{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0}.student-sidebar-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.83rem}.student-sidebar-profile div span{color:var(--muted);font-size:.69rem}@media (max-width:900px){.student-shell .topbar{height:var(--shell-topbar-height);padding:0 1rem}.app-shell:has(>.learning-sidebar)>.topbar .brand{display:inline}.student-shell .brand{font-size:1.08rem}.student-sidebar{top:0;width:min(320px,86vw);padding:1.15rem var(--sidebar-inline) 1.1rem}.sidebar-brand{margin-top:0}}.button:focus-visible,.icon-button:focus-visible,.user-profile-trigger:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.notification-menu,.user-profile-menu{position:relative}.user-profile-trigger{display:flex;align-items:center;gap:.45rem;min-height:40px;padding-block:.12rem;-webkit-padding-start:.12rem;padding-inline-start:.12rem;-webkit-padding-end:.6rem;padding-inline-end:.6rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface)}.user-profile-trigger:hover{border-color:var(--primary-border);background:var(--surface-subtle)}.user-profile-copy{min-width:0}.user-profile-name{display:grid;justify-items:start;text-align:start;line-height:1.15}.user-profile-name strong{color:var(--ink);font-size:.8rem;font-weight:750}.user-profile-name small{color:var(--muted);font-size:.64rem;font-weight:600}.user-profile-points{display:inline-flex;align-items:center;gap:.2rem;color:var(--muted);font-weight:600}.user-profile-points svg{flex:0 0 auto;color:inherit}.student-shell .top-actions .icon-button{width:36px;height:36px;color:var(--text-muted)}.student-shell .top-actions .icon-button svg{width:18px;height:18px}.user-menu-popover{position:absolute;top:calc(100% + .45rem);inset-inline-end:0;z-index:40;box-sizing:border-box;width:300px;max-width:calc(100vw - 1.5rem);padding:.25rem;border:1px solid var(--line);border-radius:var(--radius-modal);background:var(--surface);box-shadow:var(--shadow-overlay)}.user-menu-identity{display:flex;align-items:center;gap:.45rem;margin:0;padding:.2rem .4rem .28rem;border-bottom:1px solid var(--line)}.user-menu-identity .user-avatar.small{width:36px;height:36px;font-size:.68rem;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-accent) 69%,transparent)}.user-menu-identity div{display:grid;grid-gap:.04rem;gap:.04rem;min-width:0}.user-menu-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:750}.user-menu-identity div span{color:var(--muted);font-size:.66rem}.user-menu-item{display:block;width:100%;padding:.65rem .7rem;border:0;border-radius:.6rem;color:var(--ink);background:transparent;font-size:.84rem;font-weight:700;text-align:start}.user-menu-popover .user-menu-item{display:flex;align-items:center;min-height:40px;padding:0 .5rem;border-radius:.4rem;font-size:.8rem;font-weight:650}.user-menu-item-label{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.user-menu-item-label svg{flex:0 0 auto;width:16px;height:16px;stroke-width:2;color:var(--text-muted)}.user-menu-popover .user-menu-item.danger .user-menu-item-label svg,.user-menu-popover .user-menu-item:hover .user-menu-item-label svg{color:currentColor}.user-menu-item-split{justify-content:space-between;gap:.5rem}.user-menu-item-meta{display:inline-flex;align-items:center;flex-shrink:0;color:var(--muted);font-size:.72rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.user-menu-divider{height:0;margin:.06rem .4rem;border:0;border-top:1px solid var(--line)}.user-menu-item:hover{background:var(--primary-soft);color:var(--primary)}.user-menu-item.danger{color:var(--danger)}.user-menu-popover .user-menu-item.danger{font-weight:600}.user-menu-item.danger:hover{background:var(--danger-soft)}.user-menu-popover .user-menu-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.notification-popover strong{display:block;margin-bottom:.35rem;font-size:.86rem}.notification-popover p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.staff-sidebar-footer{display:flex;align-items:center;gap:.62rem;margin-top:auto;padding:.95rem .7rem 0;border-top:1px solid var(--line)}.staff-sidebar-footer div{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0}.staff-sidebar-footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem}.staff-sidebar-footer div span{color:var(--muted);font-size:.69rem}.sidebar-soon{gap:.65rem}.sidebar-soon svg{flex:0 0 auto}.learning-sidebar .sidebar-soon svg,.sidebar-soon svg{color:var(--text-muted)}@media (max-width:760px){.user-profile-copy{display:none}.user-profile-trigger{min-height:36px;padding:.12rem}.student-shell .top-actions .icon-button{width:36px;height:36px}.top-actions{gap:.4rem}}.preview-banner{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0 0 .75rem;padding:.75rem .9rem;color:var(--primary);background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:var(--radius-card)}.preview-banner strong{display:block}.preview-banner p{margin:.15rem 0 0;font-weight:550}.preview-banner a{font-weight:800;white-space:nowrap}.app-shell:has(>.learning-sidebar){display:grid;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr);grid-template-rows:var(--shell-topbar-height) minmax(0,1fr);padding-top:0}.app-shell:has(>.learning-sidebar)>.topbar{position:-webkit-sticky;position:sticky;top:0;inset-inline-end:auto;inset-inline-start:auto;grid-column:2;grid-row:1;width:auto}.app-shell:has(>.learning-sidebar)>.learning-sidebar{position:-webkit-sticky;position:sticky;top:0;bottom:auto;grid-column:1;grid-row:1/-1;width:100%;height:100vh;max-height:100dvh;align-self:start;overflow-x:hidden;overflow-y:auto}.app-shell:has(>.learning-sidebar) .student-sidebar:after{content:none}.app-shell:has(>.learning-sidebar)>.page.with-learning-nav{grid-column:2;grid-row:2;width:auto;max-width:none;min-width:0;margin:0;padding:2rem var(--shell-content-gutter) 4.5rem;container-type:inline-size;container-name:page}@media (max-width:900px){.app-shell:has(>.learning-sidebar){display:block;padding-top:var(--shell-topbar-height)}.student-shell{--shell-topbar-height:4rem}.app-shell:has(>.learning-sidebar)>.topbar{position:fixed;top:0;inset-inline-end:0;inset-inline-start:0;width:100%}.app-shell:has(>.learning-sidebar)>.learning-sidebar{position:fixed;inset:0 auto 0 0;grid-column:auto;grid-row:auto;width:min(320px,86vw);height:100dvh;max-height:100dvh;padding-top:max(1rem,env(safe-area-inset-top))}.app-shell:has(>.learning-sidebar)>.page.with-learning-nav{width:auto;max-width:none;margin:0;padding:1.6rem var(--shell-content-gutter) 4rem}}.admin-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.7rem}.admin-heading>*{min-width:0}.admin-heading>:first-child{flex:1 1;min-width:min(10rem,100%)}.admin-heading h1{margin:.35rem 0 0}.admin-heading p{max-width:640px;margin:.45rem 0 0;color:var(--muted);line-height:1.55}.admin-heading .button{flex:0 0 auto}@media (max-width:760px){.admin-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-heading>:first-child{flex:0 1 auto;width:100%}.admin-heading .button{align-self:flex-start;width:auto}}.button{border:0;background:var(--primary-strong);color:var(--on-accent);padding:.8rem 1rem;box-shadow:none}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{color:var(--primary);background:var(--primary-soft);box-shadow:none}.reading-hero .button{display:inline-block}.next-step-card .button{flex:0 0 auto;color:var(--primary);background:var(--surface);box-shadow:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;border:1px solid transparent;border-radius:var(--radius-control);font-weight:600}.button.outline{background:var(--surface);border-color:var(--line)}.button.ghost,.button.outline{color:var(--primary);box-shadow:none}.button.ghost{background:transparent}.button.danger{color:var(--on-accent);background:var(--danger);box-shadow:none}.button.danger:hover{filter:brightness(.96)}.button-sm{min-height:34px;padding:.4rem .7rem;font-size:.82rem}.button-lg{min-height:48px;padding:.9rem 1.2rem}.button.is-loading{opacity:.7;cursor:wait}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:none;padding:1.35rem}.card h2{margin:0 0 1rem;font-size:1.1rem}.form{display:grid;grid-gap:1rem;gap:1rem}.form label{display:grid;grid-gap:.45rem;gap:.45rem;color:var(--ink);font-size:.9rem;font-weight:600}.form input,.form select,.form textarea{width:100%;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink)}.form textarea{min-height:90px;resize:vertical}.form .option-search{color:var(--ink);font-size:.9rem;font-weight:600}.form .option-search-control input{padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--radius-control)}.form input:user-invalid:not(:focus),.form input[aria-invalid=true]:not(:focus),.form input[data-touched]:invalid:not(:focus),.form select[aria-invalid=true]:not(:focus),.form textarea:user-invalid:not(:focus),.form textarea[aria-invalid=true]:not(:focus),.form textarea[data-touched]:invalid:not(:focus),.form[data-submitted] input:invalid:not(:focus),.form[data-submitted] textarea:invalid:not(:focus){border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}div.data-table-wrap{width:100%;max-width:100%;min-width:0;contain:inline-size;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.data-table-card{padding:0;overflow:hidden}.data-table-card>:not(.data-table-wrap){padding:1rem 1.1rem .85rem}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table td,.data-table th{overflow-wrap:normal;word-break:normal;vertical-align:middle}.data-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:.7rem 1.1rem;color:var(--muted);border-bottom:1px solid var(--table-divider);background:var(--table-header-bg);text-align:start;text-transform:uppercase;letter-spacing:.07em;font-size:.67rem;font-weight:600;white-space:nowrap}.data-table tbody th{font-weight:750;text-align:start}.data-table tbody th,.data-table td{padding:.7rem 1.1rem;border-bottom:1px solid var(--table-divider);color:var(--ink);font-size:.84rem}.data-table tbody tr:last-child :is(th,td){border-bottom:0}.data-table tbody tr:hover :is(th,td){background:var(--table-row-hover)}.data-table :is(th,td)[data-type=numeric]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.data-table :is(th,td)[data-type=numeric] .data-table-meta,.data-table :is(th,td)[data-type=numeric] .data-table-primary,.data-table :is(th,td)[data-type=numeric] .data-table-stack{text-align:end}.data-table :is(th,td)[data-type=actions],.data-table td[data-label=Actions]{width:1%;text-align:end;white-space:nowrap}.data-table td:last-child .link-button,.table-actions .link-button{display:inline-flex;align-items:center;white-space:nowrap;flex:0 0 auto}.data-table .link-button{color:var(--primary);font-size:.8rem;font-weight:800}.data-table-stack{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0}.data-table-meta,.data-table-primary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-primary{color:var(--ink);font-size:.84rem;font-weight:750;line-height:1.3}.data-table-primary:focus-visible,.data-table-primary:hover{color:var(--primary)}.data-table-meta{color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.3}.data-table-empty{height:5.5rem;color:var(--muted);text-align:center}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:nowrap}.data-table[data-pin-first] tbody th:first-child,.data-table[data-pin-first] td:first-child:not([colspan]),.data-table[data-pin-first] th:first-child{position:-webkit-sticky;position:sticky;inset-inline-start:0;z-index:1;background:var(--card)}.data-table[data-pin-first] thead th:first-child{z-index:3;background:var(--table-header-bg)}.data-table[data-pin-first] tbody tr:hover :is(th,td):first-child:not([colspan]){background:var(--table-row-hover)}@media (max-width:760px){.data-table td,.data-table th{padding:.65rem .9rem}.data-table-wrap[data-overflow] table.data-table{min-width:40rem;table-layout:auto}.data-table-wrap[data-overflow] .data-table tbody th:first-child,.data-table-wrap[data-overflow] .data-table td:first-child:not([colspan]),.data-table-wrap[data-overflow] .data-table th:first-child{position:-webkit-sticky;position:sticky;inset-inline-start:0;z-index:1;background:var(--card);box-shadow:8px 0 12px -8px color-mix(in srgb,var(--shadow-color) 18%,transparent)}[dir=rtl] .data-table-wrap[data-overflow] .data-table tbody th:first-child,[dir=rtl] .data-table-wrap[data-overflow] .data-table td:first-child:not([colspan]),[dir=rtl] .data-table-wrap[data-overflow] .data-table th:first-child{box-shadow:-8px 0 12px -8px color-mix(in srgb,var(--shadow-color) 18%,transparent)}.data-table-wrap[data-overflow] .data-table:not([data-pin-first]) tbody th:first-child,.data-table-wrap[data-overflow] .data-table:not([data-pin-first]) td:first-child:not([colspan]),.data-table-wrap[data-overflow] .data-table:not([data-pin-first]) th:first-child{min-width:11rem;max-width:18rem}.data-table-wrap[data-overflow] .data-table thead th:first-child{z-index:3;background:var(--table-header-bg)}.data-table-wrap[data-overflow] .data-table tbody tr:hover :is(th,td):first-child:not([colspan]){background:var(--table-row-hover)}.data-table-wrap[data-overflow] .data-table :is(th,td)[data-type=actions]{position:-webkit-sticky;position:sticky;inset-inline-end:0;z-index:1;background:var(--card);box-shadow:-8px 0 12px -8px color-mix(in srgb,var(--shadow-color) 18%,transparent)}[dir=rtl] .data-table-wrap[data-overflow] .data-table :is(th,td)[data-type=actions]{box-shadow:8px 0 12px -8px color-mix(in srgb,var(--shadow-color) 18%,transparent)}.data-table-wrap[data-overflow] .data-table thead th[data-type=actions]{z-index:3;background:var(--table-header-bg)}.data-table-wrap[data-overflow] .data-table tbody tr:hover :is(th,td)[data-type=actions]{background:var(--table-row-hover)}}@media (max-width:620px){.table-actions{flex-wrap:wrap}.data-table-wrap[data-overflow] .data-table :is(th,td)[data-type=actions],.data-table-wrap[data-overflow] .data-table tbody th:first-child,.data-table-wrap[data-overflow] .data-table td:first-child:not([colspan]),.data-table-wrap[data-overflow] .data-table th:first-child{position:static;inset-inline:auto;z-index:auto;box-shadow:none}.data-table-wrap[data-overflow] .data-table:not([data-pin-first]) tbody th:first-child,.data-table-wrap[data-overflow] .data-table:not([data-pin-first]) td:first-child:not([colspan]),.data-table-wrap[data-overflow] .data-table:not([data-pin-first]) th:first-child{min-width:9rem;max-width:12rem}}@media (max-width:520px){.data-table-card{border-radius:var(--radius-card)}}.progress{height:7px;width:100%;background:var(--surface-subtle);overflow:hidden;border-radius:var(--radius-pill);margin-top:auto}.progress>span{height:100%;display:block;background:var(--primary-strong);border-radius:inherit}@media (max-width:760px){.data-table .progress{max-width:260px}}.user-avatar.user-avatar{display:grid;place-items:center;justify-items:center;flex:0 0 auto;box-sizing:border-box;width:52px;height:52px;margin:0;padding:0;overflow:hidden;border-radius:50%;color:var(--on-accent);background:var(--primary-strong);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--on-accent) 69%,transparent);font-size:1rem;font-weight:850;letter-spacing:0;line-height:0;text-align:center;text-indent:0;white-space:nowrap;vertical-align:middle}.user-avatar.small{width:34px;height:34px;font-size:.7rem;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-accent) 69%,transparent)}.user-avatar .user-avatar-initials{display:flex;align-items:center;justify-content:center;height:1em;height:1cap;margin:0;-webkit-margin-end:-.03em;margin-inline-end:-.03em;padding:0;overflow:visible;color:inherit;font:inherit;font-size:1em;font-weight:inherit;letter-spacing:.03em;line-height:1;text-indent:0;white-space:nowrap}.state{font-size:.75rem;font-weight:600;border-radius:var(--radius-pill);padding:.3rem .6rem;background:var(--primary-soft);color:var(--primary)}.state.COMPLETED{background:var(--mint);color:var(--success)}.state.DRAFT{color:var(--muted);background:var(--surface-subtle)}.state.ACTIVE,.state.PUBLISHED{color:var(--success);background:var(--mint)}.state.INACTIVE{color:var(--muted);background:var(--surface-subtle)}.state.badge-success{color:var(--success);background:var(--mint)}.state.badge-warning{color:var(--warning);background:var(--warning-soft)}.state.badge-danger{color:var(--danger);background:var(--danger-soft)}.state.badge-info{color:var(--primary);background:var(--primary-soft)}.state.badge-neutral{color:var(--muted);background:var(--surface-subtle)}.state{white-space:nowrap}.live-status,.state{display:inline-block}.live-status{color:var(--muted);background:var(--surface-subtle);border-radius:var(--radius-pill);padding:.32rem .55rem;font-size:.68rem;font-weight:600;letter-spacing:.06em}.live-status.live{color:var(--danger);background:var(--danger-soft)}.live-status.cancelled,.live-status.ended{color:var(--muted);background:var(--surface-subtle)}.row-menu{display:inline-flex;justify-content:flex-end}.row-menu-trigger{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--muted);font-size:.95rem;font-weight:600;letter-spacing:.12em;line-height:1}.row-menu-trigger.compact{width:34px;height:34px}.row-menu-trigger:hover,.row-menu-trigger[aria-expanded=true]{border-color:var(--line);background:var(--primary-soft);color:var(--primary)}.row-menu-popover{position:fixed;z-index:60;width:max-content;min-width:12.5rem;max-width:min(18rem,calc(100vw - 1rem));padding:.4rem;border:1px solid var(--line);border-radius:var(--radius-modal);background:var(--surface);box-shadow:var(--shadow-overlay)}.option-search{display:grid;grid-gap:.3rem;gap:.3rem;color:inherit}.option-search,.option-search-control{min-width:0;position:relative}.option-search-control input{width:100%;min-width:0}.option-search-menu{position:absolute;z-index:30;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 4px);max-height:16rem;overflow:auto;margin:0;padding:.25rem;list-style:none;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-overlay)}.option-search-menu button{display:grid;width:100%;grid-gap:.12rem;gap:.12rem;padding:.45rem .58rem;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink);font:inherit;text-align:start;cursor:pointer}.option-search-menu button:hover,.option-search-menu button[aria-selected=true]{background:var(--primary-soft)}.option-search-menu small{color:var(--muted);font-size:.68rem}.option-search-empty{padding:.5rem .58rem;color:var(--text-muted);font-size:.74rem}body.classroom-open{overflow:hidden}body.classroom-open,body.classroom-open .app-shell,body.classroom-open .student-shell{background:var(--inverse-paper)}body.classroom-open .admin-sidebar,body.classroom-open .learning-sidebar,body.classroom-open .mobile-menu-button,body.classroom-open .nav-backdrop,body.classroom-open .student-sidebar,body.classroom-open .teacher-sidebar{display:none!important}body.classroom-open .page,body.classroom-open .student-page,body.classroom-open .with-learning-nav{width:100%;max-width:none;margin:0;padding:0;overflow:hidden;background:var(--inverse-paper)}body.classroom-open .app-shell:has(>.learning-sidebar){display:block;padding-top:var(--shell-topbar-height)}body.classroom-open .app-shell:has(>.learning-sidebar)>.topbar{position:fixed;top:0;inset-inline-end:0;inset-inline-start:0;width:100%}body.classroom-open .app-shell:has(>.learning-sidebar)>.page.with-learning-nav{width:100%;max-width:none;margin:0;padding:0;container-type:normal}body.classroom-open .student-page:before{display:none}