:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3f1eb;--surface:#fffdf7;--line:#ded8ca;--text:#182027;--muted:#61707d;--accent:#0d6a66;--accent-strong:#084a48;--danger:#a13a2b;--brand-deep:#190026;--brand-mid:#2d0a52;--brand-soft:#4f1b8d;--brand-line:#a974ff38;--brand-glow:#cdb6ff38}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-color-mode=dark]{--bg:#10091a;--surface:#1a1028;--line:#d8c7ff29;--text:#f7f2ff;--muted:#b9aec8;--accent:#65c7c1;--accent-strong:#9ce0dc;--danger:#ff8a80;--brand-deep:#090111;--brand-mid:#180426;--brand-soft:#2e0a50;--brand-line:#ceadff33;--brand-glow:#9b5cff2e}*{box-sizing:border-box}html,body{color:var(--text);margin:0;padding:0;font-family:Segoe UI,sans-serif}body{min-height:100vh}.app-body{background:#f5f2ea;position:relative;overflow-x:hidden}:root[data-color-mode=dark] .app-body{background:#10091a}.app-content{z-index:1;position:relative}.mui-login-hero{border-radius:28px;min-height:calc(100vh - 48px)}.app-brand-layer{z-index:0;pointer-events:none;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh;padding:32px;position:relative}.brand-background{isolation:isolate;position:relative;overflow:hidden}.brand-background__content{z-index:2;position:relative}.brand-background__glow,.brand-background__arc,.brand-background__grain{pointer-events:none;position:absolute;inset:auto}.brand-background__glow{filter:blur(10px);opacity:.92;border-radius:999px}.brand-background__glow--primary{background:radial-gradient(circle,#9b5cff3d 0%,#9b5cff14 45%,#0000 72%);width:420px;height:420px;top:-12%;right:-6%}.brand-background__glow--secondary{background:radial-gradient(circle,#5222a038 0%,#5222a014 45%,#0000 70%);width:360px;height:360px;bottom:-18%;left:-6%}.brand-background__arc{border:1px solid var(--brand-line);border-radius:999px;transform:rotate(-16deg)}.brand-background__arc--one{width:78%;height:58%;top:-8%;left:-26%}.brand-background__arc--two{width:74%;height:54%;bottom:-18%;right:-24%}.brand-background__grain{opacity:.42;background:linear-gradient(90deg,#0000 0%,#ffffff05 50%,#0000 100%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 10px);inset:0}.brand-background--subtle{background:radial-gradient(circle at 12% 16%,#7339d41f,#0000 26%),radial-gradient(circle at 88% 22%,#571ba81f,#0000 24%),linear-gradient(#f4f1ea 0%,#efe9df 100%);width:100%;height:100%}:root[data-color-mode=dark] .brand-background--subtle{background:radial-gradient(circle at 12% 16%,#7b4cd233,#0000 28%),radial-gradient(circle at 88% 22%,#4b188e3d,#0000 24%),linear-gradient(#10091a 0%,#140b20 100%)}.brand-background--subtle .brand-background__arc{border-color:#8254dc1f}.brand-background--subtle .brand-background__glow{opacity:.55;filter:blur(28px)}.brand-background--hero{background:radial-gradient(circle at 50% 46%,#9573eb38,#0000 24%),radial-gradient(circle at 14% 18%,#6227be70,#0000 28%),radial-gradient(circle at 84% 24%,#7035d152,#0000 24%),linear-gradient(135deg,#1a022d 0%,#2a074b 45%,#1d062e 100%);border-radius:26px;min-height:100%}.brand-background--hero .brand-background__arc{border-color:#a469ff4d}.brand-background--hero .brand-background__grain{opacity:.52}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px #141b230f}.auth-layout{grid-template-columns:1.2fr 420px;align-items:stretch;gap:24px;display:grid}.auth-layout-branded{align-items:stretch}.hero-panel,.form-panel{padding:32px}.hero-panel h1,.dashboard-header h1{margin:0 0 12px;font-size:40px;line-height:1.05}.hero-panel p,.dashboard-header p,.muted{color:var(--muted)}.login-hero-surface{min-height:640px;padding:0}.login-hero-content{color:#fbf8ff;align-content:end;gap:20px;min-height:640px;padding:42px;display:grid}.login-hero-content h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(42px,5vw,74px);line-height:.98}.login-hero-content p,.login-hero-content .muted,.login-eyebrow{color:#f4eeffd1}.login-form-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7f5;align-self:center;position:relative}:root[data-color-mode=dark] .login-form-panel{background:#1a1028f5}.login-form-header{gap:18px;margin-bottom:24px;display:grid}.login-form-header h2{margin:0 0 8px;font-size:32px}.brand-wordmark{width:170px;max-width:100%;display:block}.brand-wordmark--hero{width:190px}.brand-wordmark--small{width:124px}.login-form{gap:14px;display:grid}.login-form label{gap:6px;font-size:14px;display:grid}.login-form input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px}:root[data-color-mode=dark] .login-form input,:root[data-color-mode=dark] .textarea-field,:root[data-color-mode=dark] .select-field,:root[data-color-mode=dark] .team-form input{color:var(--text);background:#12091e}.button-row{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:12px;padding:12px 16px}.primary-button{background:var(--accent);color:#fff}.primary-button:disabled{opacity:.7;cursor:progress}.secondary-button{border:1px solid var(--line);color:var(--text);background:0 0}.error-message{color:var(--danger);font-size:14px}.success-message{color:#145a33;background:#dcefe3;border:1px solid #b8d8c3;border-radius:12px;padding:12px 14px;font-size:14px}:root[data-color-mode=dark] .success-message{color:#c9f6d5;background:#80d99b29;border-color:#80d99b47}.dashboard-layout{gap:24px;display:grid}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid-wide{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:20px}.metric-card strong{margin-top:8px;font-size:28px;display:block}.summary-card{min-height:150px}.demo-credentials{background:linear-gradient(135deg,#5f2eac14,#0d6a660d);border-radius:14px;gap:8px;margin-top:20px;padding:16px;display:grid}:root[data-color-mode=dark] .demo-credentials{background:linear-gradient(135deg,#bfa3ff1f,#65c7c114)}.courses-layout{gap:20px;display:grid}.courses-grid,.admin-course-list{gap:16px;display:grid}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.course-card,.admin-course-row{padding:20px}.admin-course-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.course-card h3,.admin-course-row h3{margin:12px 0 8px}.course-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-draft{color:#7a5b00;background:#efe7cd}.status-published{color:#145a33;background:#dcefe3}.status-archived{color:#50545a;background:#e6e4e0}.status-submitted{color:#7a5b00;background:#efe7cd}.status-evaluated{color:#145a33;background:#dcefe3}.detail-list{gap:16px;margin-top:24px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{margin:0 0 8px}.section-eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.status-pill{color:var(--accent-strong);background:#0d6a661f;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-pill-success{color:#145a33;background:#dcefe3}.status-pill-warning{color:#7a5b00;background:#efe7cd}.status-pill-danger{color:#8c2d1f;background:#f3e0dd}.compact-card{min-height:180px}.section-card-header{justify-content:space-between;align-items:center;display:flex}.dashboard-section-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.mini-stats{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:16px;font-size:14px;display:flex}.stacked-list{gap:16px;display:grid}.compact-list-row{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.compact-list-row h3{margin:10px 0 6px}.aligned-meta{text-align:right;gap:6px;min-width:120px;display:grid}.empty-state-inline{border:1px dashed var(--line);color:var(--muted);background:#ffffff73;border-radius:14px;padding:16px 18px}:root[data-color-mode=dark] .empty-state-inline,:root[data-color-mode=dark] .result-feedback,:root[data-color-mode=dark] .report-table-row,:root[data-color-mode=dark] .compact-problem-row{background:#ffffff0a}.continue-learning-card{background:linear-gradient(135deg,#0d6a661f,#fffdf7f5);justify-content:space-between;align-items:center;gap:24px;display:flex}:root[data-color-mode=dark] .continue-learning-card{background:linear-gradient(135deg,#65c7c11f,#1a1028f5)}.continue-learning-card h2,.lesson-cta-panel h2,.result-hero h1{margin:0 0 10px}.lesson-meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.inline-guidance-card{background:#0d6a6614;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;padding:18px 20px;display:flex}.textarea-field,.select-field{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.block-card{padding:20px}.lesson-header-card{gap:18px;display:grid}.lesson-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.lesson-header-top{justify-content:space-between;gap:16px;display:flex}.lesson-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.block-content{white-space:pre-wrap;line-height:1.6}.block-info{border-left:6px solid var(--accent)}.block-placeholder{border-style:dashed}.block-image{object-fit:contain;background:#f3f1eb;border-radius:12px;width:100%;max-height:420px;margin-top:12px}.block-audio{width:100%;margin-top:12px}.question-options,.options-editor{gap:12px;display:grid}.question-option{background:#ffffff59;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}:root[data-color-mode=dark] .question-option{background:#ffffff0a}.attempt-form{gap:16px;display:grid}.attempt-summary-bar{background:#0d6a6614;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;display:grid}.attempt-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.test-panel,.lesson-cta-panel{scroll-margin-top:100px}.question-card{gap:10px;display:grid}.question-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.submit-panel{background:#0d6a6614;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.filter-card{border:1px solid var(--line);background:#fffdf7eb;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 24px;display:flex}:root[data-color-mode=dark] .filter-card,:root[data-color-mode=dark] .lesson-sticky-bar{background:#1a1028f0}.filter-field{gap:8px;min-width:260px;display:grid}.team-form{gap:14px;display:grid}.team-form label{gap:8px;font-size:14px;display:grid}.team-form input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.team-summary-card{min-height:100%}.product-performance-row{align-items:center}.trend-pill{border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.trend-pill-up{color:#145a33;background:#145a331a}.trend-pill-down{color:#8c2d1f;background:#b14c3a1a}.lesson-sticky-bar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7f5;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;position:sticky;bottom:18px;box-shadow:0 14px 30px #141b2314}.result-hero{gap:18px;display:grid}.result-score-grid{grid-template-columns:1.5fr repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.result-score-main{background:#0d6a6614;border-radius:18px;align-content:center;gap:10px;padding:20px;display:grid}.result-score-main strong{font-size:52px;line-height:1}.result-feedback{background:#ffffff8c;border-radius:16px;padding:16px 18px}.answer-review-card{gap:14px;display:grid}.answer-review-correct{border-left:6px solid #1f7a46}.answer-review-incorrect{border-left:6px solid #b24b39}.answer-review-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.review-option-correct{background:#145a3314;padding:10px 12px}.review-option-selected:not(.review-option-correct){background:#b14c3a14;padding:10px 12px}.report-table{gap:10px;display:grid}.report-table-row{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;grid-template-columns:2fr repeat(5,minmax(0,1fr));align-items:center;gap:12px;padding:14px 16px;display:grid}.report-table-row--seven{grid-template-columns:1.6fr repeat(6,minmax(0,1fr))}.report-table-head{background:#0d6a6614;font-weight:700}.report-table-link-row{cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.report-table-link-row:hover{background:#0d6a660f;border-color:#0d6a6652;transform:translateY(-1px)}.report-link{color:var(--accent-strong);font-weight:600}.performance-chart{gap:20px;display:grid}.performance-chart-svg{background:linear-gradient(#0d6a661f,#fff3);border-radius:14px;width:100%;height:160px}.performance-chart-bars{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));align-items:end;gap:14px;display:grid}.performance-chart-bar-item{justify-items:center;gap:8px;display:grid}.performance-chart-bar-track{background:#0d6a6614;border-radius:14px;align-items:flex-end;width:100%;height:120px;padding:8px;display:flex}.performance-chart-bar-fill{background:linear-gradient(180deg, #2fa29d, var(--accent));border-radius:10px;width:100%}.performance-chart-value,.performance-chart-label{color:var(--muted);text-align:center;font-size:13px}.product-bar-chart,.mini-trend{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));align-items:end;gap:14px;margin-top:20px;display:grid}.product-bar-chart-item,.mini-trend-item{justify-items:center;gap:8px;display:grid}.product-bar-chart-track,.mini-trend-track{background:#0d6a6614;border-radius:14px;align-items:flex-end;width:100%;height:140px;padding:8px;display:flex}.product-bar-chart-fill,.mini-trend-fill{border-radius:10px;width:100%}.product-bar-chart-fill.status-ok{background:linear-gradient(#53b07a,#1f7a46)}.product-bar-chart-fill.status-warning{background:linear-gradient(#f4c45a,#b7840b)}.product-bar-chart-fill.status-bad{background:linear-gradient(#e88876,#b24b39)}.mini-trend-fill{background:linear-gradient(#6e43b7,#2d0a52)}.compact-problem-row{border:1px solid var(--line);background:#ffffff80;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.question-option-edit{gap:12px;width:100%;display:grid}.checkbox-field{align-items:center;gap:10px;display:flex}@media (max-width:900px){.page-shell{padding:20px}.auth-layout,.dashboard-grid,.dashboard-header,.dashboard-grid-four,.dashboard-grid-wide,.lesson-meta-grid,.result-score-grid,.answer-review-meta,.attempt-summary-grid{grid-template-columns:1fr;display:grid}.continue-learning-card,.compact-list-row,.admin-course-row,.lesson-sticky-bar,.submit-panel,.inline-guidance-card,.filter-card{flex-direction:column;align-items:stretch}.button-row>a,.button-row>button,.team-form .primary-button,.team-form .secondary-button{text-align:center;justify-content:center;width:100%}.aligned-meta{text-align:left}.report-table-row,.auth-layout-branded{grid-template-columns:1fr}.login-hero-surface,.login-hero-content{min-height:420px}.login-hero-content{padding:28px}.login-hero-content h1{max-width:none;font-size:40px}}@media (max-width:640px){.page-shell,.hero-panel,.form-panel,.block-card,.metric-card,.course-card,.admin-course-row{padding:16px}.hero-panel h1,.dashboard-header h1{font-size:32px;line-height:1.08}.lesson-breadcrumb{font-size:13px}.result-score-main strong{font-size:42px}.lesson-sticky-bar{padding:14px;bottom:10px}}