@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Nunito:wght@500;600;700;800&family=Sora:wght@600;700&display=swap";.auth-page{background:radial-gradient(circle at 8% 8%,#f59e0b2e,#0000 35%),radial-gradient(circle at 90% 92%,#0e74903d,#0000 32%),linear-gradient(155deg,#0f172a 0%,#0f3460 46%,#1e3a5f 100%);grid-template-columns:minmax(280px,1fr) minmax(320px,500px);width:100%;height:100svh;min-height:100svh;display:grid;overflow:hidden}.auth-page-teacher{background:radial-gradient(circle at 8% 8%,#10b98133,#0000 35%),radial-gradient(circle at 92% 88%,#38bdf833,#0000 32%),linear-gradient(145deg,#0d2e4f 0%,#155e75 45%,#1f7a8c 100%)}.auth-panel{color:#f8fafc;flex-direction:column;justify-content:center;gap:14px;padding:44px 52px;display:flex}.auth-chip{letter-spacing:.04em;text-transform:uppercase;background:#f8fafc1f;border:1px solid #f8fafc4d;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:.82rem;display:inline-flex}.auth-panel h1{font-family:var(--font-heading);color:#fff;margin:0;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.1}.auth-panel p{color:#f8fafce0;max-width:560px;margin:0;font-size:.95rem;line-height:1.45}.auth-panel-subtext{max-width:560px}.auth-hero-media{background:#0c203847;border:1px solid #e2e8f057;border-radius:16px;width:min(670px,100%);max-height:350px;padding:8px;overflow:hidden;box-shadow:0 22px 38px #050e1c52}.auth-hero-media img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.auth-form-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fafcf7;align-items:center;padding:22px;display:flex}.auth-form{background:#fff;border:1px solid #d6dfe8;border-radius:20px;gap:16px;width:100%;padding:28px;display:grid;box-shadow:0 24px 60px #0f172a2e}.auth-form-head{gap:6px;display:grid}.auth-form-head h2{font-family:var(--font-heading);color:#0f172a;margin:0;font-size:1.45rem}.auth-form-head p{color:#526075;margin:0;font-size:.96rem}.portal-radio-group{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.portal-radio-group legend{color:#334155;grid-column:1/-1;margin-bottom:2px;font-size:.9rem;font-weight:700}.portal-radio-option{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font-weight:700;display:flex}.portal-radio-option:has(input:checked){color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.portal-radio-option input{accent-color:#2563eb;width:16px;height:16px}.form-field{gap:8px;display:grid}.form-label{color:#1f2937;font-size:.92rem;font-weight:600}.input-shell{border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:0 10px;transition:border-color .14s,box-shadow .14s;display:flex}.input-shell:focus-within{border-color:#0e7490;box-shadow:0 0 0 4px #0e749026}.input-left-icon,.input-right-adornment{color:#64748b;display:inline-flex}.input-control{color:#111827;width:100%;font-size:.96rem;font-family:var(--font-base);background:0 0;border:0;outline:none}.input-control::placeholder{color:#94a3b8}.password-toggle{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.form-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.form-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.submit-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#0e7490 0%,#0b5f75 100%);border:0;border-radius:12px;width:100%;min-height:48px;font-size:.96rem;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0e749047}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.api-loading-overlay{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0412228c;place-items:center;display:grid;position:fixed;inset:0}.api-loading-card{background:#f7fbff;border:1px solid #cfe2f0;border-radius:16px;justify-items:center;gap:10px;width:min(320px,100% - 32px);padding:20px 18px;display:grid;box-shadow:0 26px 45px #020e1e4d}.api-loading-card p{color:#1c3d5d;margin:0;font-size:.95rem;font-weight:700}.api-loader-pulse{background:radial-gradient(circle at 35% 35%,#3dc3df 0%,#0d6f89 70%);border-radius:999px;width:36px;height:36px;animation:1.3s ease-out infinite loaderPulse;box-shadow:0 0 #0e749059}.api-loader-track{background:linear-gradient(90deg,#dbe8f3 0%,#d4e4f1 100%);border:1px solid #c7dced;border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.api-loader-fill,.api-loader-glow{border-radius:999px;position:absolute;top:0;bottom:0}.api-loader-fill{background:linear-gradient(90deg,#0e7490 0%,#27a9c4 100%);width:42%;animation:1.05s ease-in-out infinite loaderSlide}.api-loader-glow{background:linear-gradient(90deg,#fff0,#ffffffe6,#fff0);width:26%;animation:1.05s linear infinite loaderGlow}.api-loader-dots{align-items:center;gap:6px;display:flex}.api-loader-dots span{opacity:.35;background:#3b6d94;border-radius:999px;width:7px;height:7px;animation:.9s ease-in-out infinite loaderDot}.api-loader-dots span:nth-child(2){animation-delay:.16s}.api-loader-dots span:nth-child(3){animation-delay:.32s}@keyframes loaderPulse{0%{transform:scale(.95);box-shadow:0 0 #0e749059}70%{transform:scale(1);box-shadow:0 0 0 14px #0e749000}to{transform:scale(.95);box-shadow:0 0 #0e749000}}@keyframes loaderSlide{0%{transform:translate(-120%)}to{transform:translate(255%)}}@keyframes loaderGlow{0%{transform:translate(-160%)}to{transform:translate(340%)}}@keyframes loaderDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.helper-text{text-align:center;color:#607087;margin:0;font-size:.86rem}.simple-shell{background:radial-gradient(circle at 0 100%,#f59e0b33,#0000 30%),linear-gradient(130deg,#f8fafc,#eff6ff);place-items:center;min-height:100svh;padding:24px;display:grid}.simple-shell-card{background:#fff;border:1px solid #dbe4ef;border-radius:18px;gap:14px;width:min(560px,100%);padding:28px;display:grid;box-shadow:0 18px 45px #0f172a1f}.simple-shell-card h2{color:#10263f;font-family:var(--font-heading);margin:0}.simple-shell-card p{color:#546579;margin:0}.admin-link-btn{color:#1f3e5c;background:#fff;border:1px solid #bfd0e1;border-radius:12px;align-items:center;min-height:44px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.auth-inline-link{justify-content:center;width:100%;min-height:44px}.landing-page{--landing-red:#ef3a34;--landing-navy:#0a2144;--landing-gold:#c8a34b;--landing-paper:#fff;--landing-cream:#fff8f1;--landing-soft:#f7f4ff;--landing-sky:#eef5ff;--landing-ink:#13284b;--landing-muted:#58708d;min-height:100svh;color:var(--landing-ink);background:radial-gradient(circle at 8% 10%,#ef3a341f,#0000 24%),radial-gradient(circle at 92% 14%,#2a61be24,#0000 24%),radial-gradient(circle at 80% 84%,#c8a34b1f,#0000 20%),linear-gradient(#fffaf5 0%,#fdf6ef 42%,#f6f8fe 100%);position:relative}.landing-page a{color:inherit;text-decoration:none}.landing-page main{gap:clamp(58px,8vw,104px);padding:0 clamp(18px,3.6vw,42px) 84px;display:grid}.landing-page section[id]{scroll-margin-top:110px}.landing-dashed-curve{pointer-events:none;z-index:0;border:2px dashed #3071d470;border-radius:999px;position:absolute}.landing-dashed-curve-left{width:520px;height:860px;top:210px;left:-230px;transform:rotate(22deg)}.landing-dashed-curve-right{width:520px;height:960px;top:40px;right:-250px;transform:rotate(-18deg)}.landing-header{z-index:40;padding:18px clamp(18px,3.2vw,42px) 0;position:sticky;top:0}.landing-header-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #d7deece6;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;width:min(1320px,100%);margin:0 auto;padding:14px 18px;display:flex;box-shadow:0 18px 40px #2137541a}.landing-brand{align-items:center;min-width:0;display:inline-flex}.landing-brand img{width:clamp(160px,18vw,278px);height:auto;display:block}.landing-nav{color:#304765;align-items:center;gap:clamp(16px,2vw,28px);font-size:.94rem;font-weight:700;display:flex}.landing-nav a{transition:color .16s;position:relative}.landing-nav a:after{content:"";background:linear-gradient(90deg, var(--landing-red), #5c8ef5);transform-origin:0;border-radius:999px;width:100%;height:2px;transition:transform .18s;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.landing-nav a:hover{color:var(--landing-navy)}.landing-nav a:hover:after{transform:scaleX(1)}.landing-header-actions{align-items:center;gap:10px;display:flex}.landing-login-link,.landing-cta-btn,.landing-mobile-panel a,.landing-hero-primary,.landing-hero-secondary,.landing-submit-btn{transition:transform .16s,box-shadow .16s,background .16s,color .16s}.landing-login-link{min-height:44px;color:var(--landing-navy);background:#ffffffe0;border:1px solid #b4c6e1e6;border-radius:999px;align-items:center;padding:0 18px;font-weight:800;display:inline-flex}.landing-cta-btn{background:linear-gradient(135deg, var(--landing-red) 0%, #ff674f 100%);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex;box-shadow:0 16px 26px #ef3a3433}.landing-login-link:hover,.landing-cta-btn:hover,.landing-hero-primary:hover,.landing-hero-secondary:hover,.landing-submit-btn:hover{transform:translateY(-2px)}.landing-mobile-toggle{width:44px;height:44px;color:var(--landing-navy);cursor:pointer;background:#ffffffeb;border:1px solid #bdcce5e6;border-radius:999px;justify-content:center;align-items:center;display:none}.landing-mobile-panel{background:#fffffff0;border:1px solid #d7deecf0;border-radius:24px;gap:10px;width:min(1320px,100%);margin:10px auto 0;padding:18px;display:grid;box-shadow:0 18px 36px #1a2c4724}.landing-mobile-panel a{min-height:46px;color:var(--landing-navy);background:#fff;border:1px solid #e0e6f2f0;border-radius:14px;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.landing-hero{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(24px,3vw,42px);width:min(1320px,100%);margin:0 auto;padding-top:clamp(22px,4vw,44px);display:grid;position:relative}.landing-eyebrow{color:#34557a;letter-spacing:.04em;text-transform:uppercase;background:#ffffffdb;border:1px solid #d6deeefa;border-radius:999px;align-items:center;gap:8px;min-height:34px;margin:0 0 14px;padding:0 14px;font-size:.82rem;font-weight:800;display:inline-flex}.landing-eyebrow-dark{background:#11224214;border-color:#1122421f}.landing-hero-copy h1{max-width:540px;font-family:var(--font-heading);color:#102544;margin:0;font-size:clamp(2.6rem,4.9vw,4.55rem);line-height:.98}.landing-hero-line{display:block}.landing-hero-brand-line{margin-top:.06em}.landing-hero-typewriter{white-space:nowrap;vertical-align:top;border-right:3px solid var(--landing-red);max-width:9.8ch;animation:4.8s steps(9,end) infinite landingTypewriter;display:inline-block;overflow:hidden}.landing-hero-brand-amer{color:var(--landing-red)}.landing-hero-brand-globs{color:var(--landing-navy)}.landing-hero-text{max-width:490px;color:var(--landing-muted);margin:18px 0 0;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.66}.landing-hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.landing-hero-primary,.landing-hero-secondary{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-weight:800;display:inline-flex}.landing-hero-primary{background:linear-gradient(135deg, var(--landing-red) 0%, #f86f55 100%);color:#fff;box-shadow:0 18px 30px #ef3a3433}.landing-hero-secondary{color:var(--landing-navy);background:#ffffffdb;border:1px solid #c5d1e5eb}.landing-showcase,.landing-showcase-shell{min-height:540px;position:relative}.landing-orbit{filter:blur(8px);opacity:.86;border-radius:999px;position:absolute}.landing-orbit-red{background:radial-gradient(circle,#ef3a3457,#ef3a3400);width:180px;height:180px;top:20px;left:24px}.landing-orbit-blue{background:radial-gradient(circle,#4a7cd752,#4a7cd700);width:260px;height:260px;top:140px;right:8px}.landing-orbit-gold{background:radial-gradient(circle,#c8a34b47,#c8a34b00);width:200px;height:200px;bottom:20px;left:110px}.landing-hero-visual{background:radial-gradient(circle at 18% 24%,#ef3a341f,#0000 20%),radial-gradient(circle at 82% 18%,#4d7edd24,#0000 24%),radial-gradient(circle at 72% 82%,#c8a34b24,#0000 20%),linear-gradient(145deg,#ffffff57 0%,#ffffff24 100%);border-radius:42px;place-items:center;display:grid;position:absolute;inset:12px 0 0;overflow:hidden}.landing-hero-visual:before{content:"";filter:blur(.4px);background:linear-gradient(145deg,#ffffff47,#ffffff05);border-radius:34px;position:absolute;inset:28px}.landing-hero-visual-chip{z-index:2;color:#30527c;background:#ffffffeb;border:1px solid #dee6f3f5;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:.86rem;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 16px 30px #152a4414}.landing-hero-visual-chip-top{top:28px;left:24px}.landing-hero-visual-chip-bottom{bottom:34px;right:26px}.landing-hero-visual-image{z-index:1;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.04)contrast(1.02)drop-shadow(0 30px 44px #152a441f);width:min(660px,100%);max-height:520px;display:block;position:relative}.landing-stats-strip{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1320px,100%);margin:0 auto;display:grid;position:relative}.landing-stat-card{background:#ffffffdb;border:1px solid #dce4f1f5;border-radius:28px;gap:8px;padding:24px 22px;display:grid;box-shadow:0 18px 30px #16294414}.landing-stat-card strong{font-family:var(--font-heading);color:var(--landing-navy);font-size:clamp(1.55rem,2.5vw,2.25rem)}.landing-stat-card span{color:#617a98;font-size:.95rem}.landing-section{z-index:1;width:min(1320px,100%);margin:0 auto;position:relative}.landing-section-soft{background:#ffffff8f;border:1px solid #e2e9f5f0;border-radius:38px;padding:clamp(24px,3vw,34px);box-shadow:inset 0 1px #fff9}.landing-section-heading{gap:12px;max-width:740px;display:grid}.landing-section-heading-center{text-align:center;margin:0 auto}.landing-section-heading span{color:#4f73a0;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.landing-section-heading h2{font-family:var(--font-heading);color:var(--landing-navy);margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.landing-section-heading p{color:var(--landing-muted);margin:0;font-size:1rem;line-height:1.72}.landing-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px;display:grid}.landing-benefit-card{background:#ffffffeb;border:1px solid #e0e7f3f5;border-radius:28px;align-content:start;gap:14px;min-height:220px;padding:24px 22px;display:grid;box-shadow:0 18px 34px #152a4414}.landing-benefit-icon{width:52px;height:52px;color:var(--landing-red);background:linear-gradient(135deg,#0e214414,#ef3a341a);border-radius:16px;place-items:center;display:inline-grid}.landing-benefit-card h3,.landing-step-card h3{color:var(--landing-navy);margin:0;font-size:1.08rem}.landing-benefit-card p,.landing-step-card p,.landing-experience-points p{color:var(--landing-muted);margin:0;line-height:1.7}.landing-program-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.landing-program-card{border-radius:30px;align-content:space-between;gap:18px;min-height:250px;padding:26px 24px;display:grid;position:relative;overflow:hidden}.landing-program-card:before{content:"";background:#fff3;border-radius:999px;width:180px;height:180px;position:absolute;inset:auto -40px -80px auto}.landing-program-card-red{background:linear-gradient(145deg,#fff3f1 0%,#ffe5df 100%);border:1px solid #ef3a3429}.landing-program-card-navy{background:linear-gradient(145deg,#eef4ff 0%,#ddeaff 100%);border:1px solid #1d4daa24}.landing-program-card-gold{background:linear-gradient(145deg,#fff8ec 0%,#f9efd9 100%);border:1px solid #c8a34b38}.landing-program-kicker{width:fit-content;min-height:34px;color:var(--landing-navy);background:#ffffffe6;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.landing-program-card p{color:#556e8d;max-width:320px;margin:0;line-height:1.72}.landing-program-link{color:var(--landing-navy);align-items:center;gap:8px;font-weight:800;display:inline-flex}.landing-experience-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:28px;display:grid}.landing-experience-points{gap:16px;margin-top:26px;display:grid}.landing-experience-points article{background:#ffffffd6;border:1px solid #e0e6f2f5;border-radius:22px;padding:20px 22px}.landing-experience-points strong{color:var(--landing-navy);margin-bottom:8px;display:block}.landing-step-stack{gap:16px;display:grid}.landing-step-card{background:#ffffffeb;border:1px solid #e0e6f2f5;border-radius:24px;gap:10px;padding:24px 22px;display:grid;box-shadow:0 18px 34px #152a4414}.landing-step-card span{color:#5175a3;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.landing-enroll-section{color:#fff;background:linear-gradient(145deg,#0a2144fa 0%,#122b58f2 100%);border:1px solid #dde4f1f5;border-radius:40px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;padding:clamp(24px,3vw,34px);display:grid;box-shadow:0 28px 46px #0f1d372e}.landing-enroll-copy h2{font-family:var(--font-heading);margin:0;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.08}.landing-enroll-copy p{color:#e8f0fcdb;max-width:560px;margin:18px 0 0;line-height:1.75}.landing-enroll-contact{gap:12px;margin-top:28px;display:grid}.landing-enroll-contact div{color:#f1f6fff0;align-items:center;gap:10px;font-weight:700;display:inline-flex}.landing-enroll-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:30px;gap:18px;padding:clamp(20px,3vw,28px);display:grid}.landing-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.landing-field{gap:8px;width:100%;display:grid}.landing-field-full{grid-column:1/-1}.landing-field span{color:#eff5ffeb;font-size:.9rem;font-weight:700}.landing-field input,.landing-field select,.landing-field textarea{width:100%;min-height:48px;font-size:.96rem;font-family:var(--font-base);color:#102544;background:#fffffff5;border:1px solid #c9d9f147;border-radius:16px;outline:none;padding:0 14px}.landing-field textarea{resize:vertical;min-height:132px;padding:12px 14px}.landing-field input:focus,.landing-field select:focus,.landing-field textarea:focus{border-color:#ff7d69c2;box-shadow:0 0 0 4px #ef3a3424}.school-portal-fieldset{border:0;margin:0;padding:0}.school-portal-options,.school-portal-switch{flex-wrap:wrap;gap:10px;display:inline-flex}.school-portal-option{color:#2e4c70;cursor:pointer;background:#ffffffe6;border:1px solid #bdcce4f2;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.school-portal-option input{accent-color:#ec5346;margin:0}.school-portal-option.is-active{color:#a12f28;background:#fff0ece6;border-color:#ef3a3494}.landing-form-message{border-radius:14px;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:.92rem;font-weight:700;display:inline-flex}.landing-form-message.success{color:#15603a;background:#16a34a29;border:1px solid #16a34a47}.landing-form-message.error{color:#8f1d1d;background:#ef444429;border:1px solid #ef444447}.landing-submit-btn{background:linear-gradient(135deg, var(--landing-red) 0%, #ff7558 100%);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;width:fit-content;min-height:52px;padding:0 22px;font-size:.96rem;font-weight:800;display:inline-flex;box-shadow:0 18px 30px #ef3a3438}.landing-footer{color:#556d8c;border-top:1px solid #d6dfeff5;justify-content:space-between;align-items:flex-start;gap:18px;width:min(1320px,100% - 36px);margin:0 auto 32px;padding:26px 0 0;display:flex}.landing-footer img{width:clamp(150px,16vw,230px);height:auto;display:block}.landing-footer p{max-width:420px;margin:12px 0 0}.landing-footer-links{color:var(--landing-navy);flex-wrap:wrap;gap:14px 20px;font-weight:700;display:flex}.landing-nav-link-active{color:var(--landing-navy)}.landing-nav-link-active:after{transform:scaleX(1)!important}.classes-page main{gap:clamp(44px,6vw,76px);padding-top:14px;display:grid}.enroll-page main{padding-top:14px}.classes-hero{background:radial-gradient(circle at 12% 18%,#ef3a341f,#0000 20%),radial-gradient(circle at 84% 18%,#4379e024,#0000 22%),linear-gradient(145deg,#ffffffe6 0%,#f7faffe6 100%);border:1px solid #dbe3f1f5;border-radius:42px;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:24px;min-height:430px;padding:clamp(24px,3vw,36px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 48px #172b4714}.classes-hero-copy{z-index:1;position:relative}.classes-hero-copy h1{max-width:560px;font-family:var(--font-heading);color:var(--landing-navy);margin:0;font-size:clamp(2.4rem,4.4vw,4.1rem);line-height:1}.classes-hero-copy p{max-width:520px;color:var(--landing-muted);margin:18px 0 0;font-size:1.02rem;line-height:1.72}.school-portal-switch{margin-top:16px}.classes-hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.classes-hero-summary{z-index:1;gap:16px;display:grid;position:relative}.classes-summary-card{appearance:none;width:100%;min-height:156px;font-family:var(--font-base);text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #dee6f2f5;border-radius:28px;align-content:start;gap:10px;padding:24px 22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 20px 36px #152a4414}.classes-summary-card:hover,.classes-summary-card.is-active{border-color:#ef3a343d;transform:translateY(-2px);box-shadow:0 24px 40px #152a441f}.classes-summary-card span,.classes-tier-header span{color:#4f73a0;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.classes-summary-card strong{color:var(--landing-navy);font-size:1.4rem;font-family:var(--font-heading)}.classes-summary-card p{color:var(--landing-muted);margin:0;line-height:1.66}.classes-summary-state,.classes-empty-state{color:var(--landing-muted);background:#ffffffe6;border:1px solid #dce4f1f5;border-radius:28px;font-weight:700;line-height:1.6;box-shadow:0 18px 34px #14294314}.classes-summary-state{align-content:center;min-height:156px;padding:24px 22px;display:grid}.classes-orbit{pointer-events:none;filter:blur(8px);opacity:.9;border-radius:999px;position:absolute}.classes-orbit-red{background:radial-gradient(circle,#ef3a3433,#ef3a3400);width:180px;height:180px;top:-34px;right:30%}.classes-orbit-blue{background:radial-gradient(circle,#4379e038,#4379e000);width:220px;height:220px;bottom:-50px;right:-30px}.classes-tier-section,.classes-archive-section{position:relative}.classes-archive-shell{background:#ffffffd6;border:1px solid #dce4f1f5;border-radius:38px;padding:clamp(24px,3vw,34px);box-shadow:0 22px 42px #152a4414}.classes-archive-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.classes-archive-header>div:first-child{max-width:720px}.classes-archive-header span{color:#4f73a0;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.classes-archive-header h2{font-family:var(--font-heading);color:var(--landing-navy);margin:10px 0 0;font-size:clamp(2rem,3.8vw,3rem);line-height:1.08}.classes-archive-header p{color:var(--landing-muted);margin:12px 0 0;line-height:1.72}.classes-archive-tabs{background:#f1f6fff5;border:1px solid #d8e1f0f5;border-radius:999px;align-items:center;gap:10px;padding:8px;display:inline-flex}.classes-archive-tabs button{appearance:none;color:#4f6788;min-height:44px;font-family:var(--font-base);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 18px;font-weight:800;transition:background .16s,color .16s,box-shadow .16s}.classes-archive-tabs button.is-active{background:linear-gradient(135deg, var(--landing-red) 0%, #ff674f 100%);color:#fff;box-shadow:0 14px 26px #ef3a3433}.classes-tier-panel{background:#ffffffd1;border:1px solid #dce4f1f5;border-radius:38px;padding:clamp(24px,3vw,34px);box-shadow:0 22px 42px #152a4414}.classes-tier-header{gap:12px;max-width:720px;display:grid}.classes-tier-header h2{font-family:var(--font-heading);color:var(--landing-navy);margin:0;font-size:clamp(2rem,3.8vw,3rem);line-height:1.08}.classes-tier-header p{color:var(--landing-muted);margin:0;line-height:1.72}.classes-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.classes-tier-card{border:1px solid #e0e6f2f5;border-radius:28px;align-content:start;gap:16px;min-height:252px;padding:22px 20px;display:grid;box-shadow:0 18px 34px #14294314}.classes-tier-card-red{background:linear-gradient(145deg,#fff5f3 0%,#ffe9e4 100%)}.classes-tier-card-navy{background:linear-gradient(145deg,#f2f7ff 0%,#e4eeff 100%)}.classes-tier-card-gold{background:linear-gradient(145deg,#fffaf0 0%,#f8efd8 100%)}.classes-tier-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.classes-tier-badge{min-height:32px;color:var(--landing-navy);letter-spacing:.04em;text-transform:uppercase;background:#ffffffd6;border:1px solid #dce4f1f5;border-radius:999px;align-items:center;padding:0 12px;font-size:.76rem;font-weight:800;display:inline-flex}.classes-tier-card svg{color:var(--landing-red)}.classes-tier-card h3{color:var(--landing-navy);margin:0;font-size:1.3rem}.classes-tier-card-copy{align-content:start;gap:8px;display:grid}.classes-tier-copy-label{color:#4f73a0;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.classes-tier-card p{color:var(--landing-muted);margin:0;line-height:1.68}.classes-tier-card-bottom{margin-top:auto;padding-top:8px;display:grid}.classes-tier-price-box{background:linear-gradient(135deg,#ffffffb8,#fffffff5);border:1px solid #ef3a3438;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:10px 16px;display:flex;box-shadow:inset 0 1px #ffffffb3}.classes-tier-price-box span{color:#5f7897;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:800}.classes-tier-price-box strong{color:var(--landing-red);font-size:1.45rem;line-height:1}.classes-empty-state{padding:28px 24px}.classes-tier-cta{border-top:1px solid #dbe3f1f5;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding-top:24px;display:flex}.classes-tier-cta p{color:var(--landing-muted);margin:0;font-weight:700}.enroll-page main{gap:36px;display:grid}.enroll-page-shell{grid-template-columns:1fr;align-items:stretch;gap:0;width:min(860px,100%);margin:0 auto;display:grid}.enroll-page-copy{background:radial-gradient(circle at 12% 18%,#ef3a341f,#0000 20%),radial-gradient(circle at 84% 18%,#4379e024,#0000 24%),linear-gradient(145deg,#ffffffeb 0%,#f7fafff0 100%);border:1px solid #dce4f1f5;border-radius:38px;padding:clamp(24px,3vw,34px);position:relative;overflow:hidden;box-shadow:0 22px 42px #152a4414}.enroll-page-copy h1{max-width:600px;font-family:var(--font-heading);color:var(--landing-navy);margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02}.enroll-page-copy p{max-width:560px;color:var(--landing-muted);margin:18px 0 0;font-size:1rem;line-height:1.72}.enroll-page-orbit{pointer-events:none;filter:blur(8px);opacity:.9;border-radius:999px;position:absolute}.enroll-page-orbit-red{background:radial-gradient(circle,#ef3a342e,#ef3a3400);width:180px;height:180px;top:-26px;right:-24px}.enroll-page-orbit-blue{background:radial-gradient(circle,#4379e02e,#4379e000);width:220px;height:220px;bottom:-52px;left:-36px}.enroll-highlight-grid{z-index:1;gap:14px;margin-top:28px;display:grid;position:relative}.enroll-highlight-card{background:#ffffffe6;border:1px solid #dde5f2f5;border-radius:24px;align-items:flex-start;gap:12px;padding:18px;display:flex;box-shadow:0 16px 30px #14294314}.enroll-highlight-card svg{color:var(--landing-red);flex-shrink:0}.enroll-highlight-card strong{color:var(--landing-navy);display:block}.enroll-highlight-card p{max-width:none;margin:6px 0 0;font-size:.94rem}.enroll-form-card{background:#ffffffeb;border:1px solid #dde4f1f5;border-radius:34px;gap:20px;padding:clamp(22px,3vw,30px);display:grid;box-shadow:0 24px 42px #152a4414}.enroll-form-card .landing-section-heading{text-align:center;max-width:none}.enroll-form-card .landing-field span{color:#274061}.enroll-form-card .landing-field input,.enroll-form-card .landing-field select{background:#fff}.enroll-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enroll-price-card{background:linear-gradient(145deg,#f6f9ff 0%,#edf4ff 100%);border:1px solid #dde5f2f5;border-radius:24px;gap:10px;padding:18px;display:grid}.enroll-price-card.is-active{background:linear-gradient(145deg,#fff5f3 0%,#fff9f2 100%);border-color:#ef3a342e}.enroll-price-card span{color:#5a7596;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.enroll-price-card strong{color:var(--landing-navy);font-size:clamp(1.2rem,2vw,1.7rem);font-family:var(--font-heading);margin-top:6px;display:block}.enroll-price-card p{color:var(--landing-muted);margin:0;line-height:1.66}.enroll-flow-backdrop{z-index:140;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06142885;justify-content:center;align-items:center;padding:20px 12px;display:flex;position:fixed;inset:0}.enroll-flow-modal{background:radial-gradient(circle at 12% 16%,#ef3a3414,#0000 22%),radial-gradient(circle at 84% 16%,#4379e01a,#0000 26%),linear-gradient(145deg,#fffffff5 0%,#f7fafffa 100%);border:1px solid #dce4f1f5;border-radius:28px;gap:22px;width:min(720px,100%);max-height:min(92vh,860px);padding:clamp(22px,4vw,38px);display:grid;overflow-y:auto;box-shadow:0 28px 54px #08182c3d}.enroll-flow-modal .landing-field span{color:var(--landing-navy);text-align:left;font-weight:800}.enroll-flow-modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.enroll-flow-modal-chip{color:#2b4d74;letter-spacing:.04em;text-transform:uppercase;background:#ffffffdb;border:1px solid #c4d2e7f5;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:.82rem;font-weight:800;display:inline-flex}.enroll-flow-close{color:#274061;cursor:pointer;background:#ffffffeb;border:1px solid #d5e0f0f5;border-radius:999px;place-items:center;width:38px;height:38px;display:inline-grid}.enroll-flow-modal-copy{gap:8px;display:grid}.enroll-flow-modal-copy h3{color:var(--landing-navy);font-family:var(--font-heading);margin:0;font-size:clamp(1.55rem,2.5vw,2rem)}.enroll-flow-modal-copy p{color:var(--landing-muted);margin:0;line-height:1.68}.enroll-otp-meta-grid,.enroll-otp-input-grid,.enroll-payment-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.enroll-otp-single-input{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.enroll-otp-meta-card,.enroll-payment-preview>div{background:#ffffffe0;border:1px solid #dce4f1f5;border-radius:20px;align-items:flex-start;gap:12px;padding:16px;display:flex}.enroll-otp-meta-card svg{color:var(--landing-red);flex-shrink:0}.enroll-otp-meta-card div,.enroll-payment-preview>div{gap:4px;display:grid}.enroll-otp-meta-card strong,.enroll-payment-preview strong{color:var(--landing-navy)}.enroll-otp-meta-card span,.enroll-payment-preview span{color:#5d7693;font-size:.82rem;font-weight:700}.enroll-otp-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.enroll-otp-timer{color:#426380;background:#f5f9ff;border:1px solid #dce8f5;border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:.92rem;display:inline-flex}.enroll-secondary-btn{min-height:44px;color:var(--landing-navy);cursor:pointer;background:#ffffffeb;border:1px solid #c2d0e5f5;border-radius:999px;padding:0 18px;font-weight:800}.enroll-secondary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.enroll-flow-actions{justify-content:flex-end;display:flex}.enroll-flow-success-card{color:#14653d;background:linear-gradient(145deg,#eefcf3 0%,#f7fffb 100%);border:1px solid #bce8cbf5;border-radius:22px;align-items:flex-start;gap:12px;padding:18px;display:flex}.enroll-flow-success-card svg{flex-shrink:0}.enroll-flow-success-card strong{display:block}.enroll-flow-success-card p{color:#47755a;margin:6px 0 0}.enroll-payment-modal{width:min(560px,100%)}.enroll-payment-state{text-align:center;justify-items:stretch;gap:22px;display:grid}.enroll-payment-state h3{color:var(--landing-navy);font-family:var(--font-heading);margin:0;font-size:clamp(1.55rem,2.8vw,2rem)}.enroll-payment-state p{max-width:420px;color:var(--landing-muted);margin:0;line-height:1.68}.enroll-payment-loader{width:64px;height:64px;color:var(--landing-red);background:linear-gradient(145deg,#fff5f3 0%,#fffaf5 100%);border:1px solid #ef3a342e;border-radius:999px;place-items:center;display:inline-grid}.enroll-payment-loader svg{animation:1s linear infinite enrollPaymentSpin}.enroll-payment-loader.success{color:#16a34a;background:linear-gradient(145deg,#eefcf3 0%,#f8fffb 100%);border-color:#22c55e2e}.enroll-payment-loader.success svg{animation:none}.enroll-payment-loader.error{color:#dc2626;background:linear-gradient(145deg,#fff1f2 0%,#fff8f8 100%);border-color:#ef44442e}.enroll-payment-loader.error svg{animation:none}@keyframes enrollPaymentSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-login-page{width:100%;height:100svh;min-height:100svh;font-family:var(--font-student);background:radial-gradient(circle at 92% 90%,#6ba5de29,#0000 34%),radial-gradient(circle at 10% 8%,#7aa7d81f,#0000 28%),linear-gradient(120deg,#f2e7db 0%,#f1e6d9 56%,#ede2d6 100%);grid-template-columns:minmax(520px,1.04fr) minmax(390px,.96fr);display:grid;overflow:hidden}.student-login-media-wrap{place-items:center;padding:clamp(18px,3vw,34px) clamp(18px,2.8vw,30px);display:grid}.student-login-video-frame{aspect-ratio:1;width:min(880px,100%);max-height:calc(100svh - 68px);box-shadow:none;background:0 0;border-radius:26px;position:relative;overflow:hidden}.student-login-video-frame:after{content:"";pointer-events:none;background:linear-gradient(#08192f00 70%,#08192f24 100%);position:absolute;inset:0}.student-login-artwork{object-fit:cover;transform-origin:50%;object-position:center center;filter:saturate(1.02)contrast(1.01);width:100%;height:100%;animation:.56s ease-out both studentArtworkAppear,6.6s ease-in-out .56s infinite studentArtworkFloat;display:block;transform:translateY(0)scale(1.02)}.student-login-media-note{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f1f7fed1;border:1px solid #abc7e27a;border-radius:20px;align-items:center;gap:12px;min-height:74px;padding:12px 14px;display:flex;position:absolute;bottom:clamp(12px,2.3vw,24px);left:clamp(12px,2.3vw,24px);right:clamp(12px,2.3vw,24px);box-shadow:0 10px 24px #1334541f}.student-login-media-note-icon{color:#1b4f84;background:linear-gradient(135deg,#eff6ff 0%,#d4e8fa 100%);border-radius:14px;place-items:center;width:44px;height:44px;display:inline-grid;box-shadow:inset 0 0 0 1px #89afd466}.student-login-media-note-copy{gap:2px;display:grid}.student-login-media-note-copy strong{color:#15497b;letter-spacing:.01em;font-size:1.05rem}.student-login-media-note-copy p{color:#3a6288;margin:0;font-size:.95rem}.student-login-chip{letter-spacing:.04em;text-transform:uppercase;color:#0f4f84;background:#d9ecfd;border:1px solid #b8d5ef;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0;padding:8px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.student-login-head{gap:6px;display:grid}.student-login-head h1{font-family:var(--font-student);letter-spacing:.01em;color:#134a80;margin:0;font-size:clamp(2.1rem,4vw,2.8rem);font-weight:800}.student-login-head p{color:#2f5f89;margin:0;font-size:1rem;line-height:1.4}.student-login-page .input-shell{background:#fff;border:1px solid #c2d3e3;border-radius:14px}.student-login-page .input-shell:focus-within{border-color:#4f90c4;box-shadow:0 0 0 4px #5492c72b}.student-submit-btn{min-height:52px;font-family:var(--font-student);background:linear-gradient(135deg,#0f86c2 0%,#0f75ab 48%,#0f5f8d 100%);border-radius:14px;font-size:1.04rem}.student-submit-btn:hover{box-shadow:0 13px 28px #0f75ab5c}.student-login-note{color:#45698b;margin:0;font-size:.92rem}.student-login-form-wrap{place-items:center;padding:clamp(18px,4vw,52px);display:grid}.student-login-form{background:#f8fbfff5;border:1px solid #b8d1e8d6;border-radius:32px;gap:18px;width:min(620px,100%);padding:clamp(24px,4.4vw,44px);display:grid;box-shadow:0 20px 40px #3e546c1f}@keyframes studentArtworkAppear{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes landingTypewriter{0%{border-right-color:var(--landing-red);max-width:0}40%{border-right-color:var(--landing-red);max-width:9.8ch}62%{border-right-color:#0000;max-width:9.8ch}70%{border-right-color:var(--landing-red);max-width:9.8ch}to{border-right-color:var(--landing-red);max-width:0}}@keyframes studentArtworkFloat{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.005)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.student-login-artwork{animation:none}}.student-shell{--student-sidebar-width:280px;grid-template-columns:var(--student-sidebar-width) minmax(0, 1fr);background:radial-gradient(circle at 8% 3%,#5a97ff38,#0000 28%),radial-gradient(circle at 88% 10%,#81d0ff33,#0000 26%),linear-gradient(#eef7ff 0%,#f8fbff 52%,#edf6ff 100%);min-height:100svh;transition:grid-template-columns .24s;display:grid}.student-shell.sidebar-collapsed{--student-sidebar-width:92px}.student-sidebar-backdrop{display:none}.student-sidebar{color:#eff8ff;background:linear-gradient(#0c366afa 0%,#124e8ffa 100%);border-right:1px solid #ffffff1f;align-content:start;gap:22px;height:100svh;padding:24px 18px;transition:padding .22s,transform .22s;display:grid;position:sticky;top:0;overflow:hidden}.student-sidebar-top,.student-brand,.student-sidebar-nav a,.student-logout-btn,.student-topbar{align-items:center;display:flex}.student-sidebar-top{justify-content:space-between;gap:16px}.student-brand{letter-spacing:.02em;gap:10px;min-width:0;font-weight:800}.student-brand-label,.student-sidebar-nav a span,.student-logout-btn span{white-space:nowrap;text-overflow:ellipsis;opacity:1;max-width:180px;transition:opacity .18s,max-width .18s,margin .18s;overflow:hidden}.student-sidebar-toggle,.student-mobile-menu{color:inherit;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,transform .18s;display:inline-flex}.student-sidebar-toggle:hover,.student-mobile-menu:hover,.student-logout-btn:hover{background:#ffffff29;transform:translateY(-1px)}.student-sidebar-kicker,.student-topbar-kicker,.student-page-intro span,.student-panel-head span,.student-question-head span:first-child,.student-quiz-hero span:first-child,.student-material-card-top small,.student-hero-glance span,.student-subject-head span,.student-stat-head span{letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}.student-sidebar-meta{letter-spacing:.12em;text-transform:uppercase;color:#ebf6ffb8;margin:0;font-size:.8rem}.student-sidebar-nav{gap:8px;display:grid}.student-sidebar-nav a,.student-logout-btn{color:inherit;border:1px solid #0000;border-radius:16px;gap:12px;padding:13px 14px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.student-sidebar-nav a.active{background:#ffffff24;border-color:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff0f}.student-logout-btn{color:inherit;background:#ffffff14;margin-top:auto}.student-shell.sidebar-collapsed .student-sidebar{padding:24px 12px}.student-shell.sidebar-collapsed .student-brand-label,.student-shell.sidebar-collapsed .student-sidebar-meta,.student-shell.sidebar-collapsed .student-sidebar-nav a span,.student-shell.sidebar-collapsed .student-logout-btn span{opacity:0;max-width:0}.student-shell.sidebar-collapsed .student-brand{justify-content:center}.student-shell.sidebar-collapsed .student-sidebar-nav a,.student-shell.sidebar-collapsed .student-logout-btn{justify-content:center;padding-inline:0}.student-main{align-content:start;gap:22px;padding:28px clamp(18px,3vw,34px) 34px;display:grid}.student-topbar{justify-content:space-between;gap:18px}.student-topbar-copy{gap:2px;display:grid}.student-topbar h1{color:#12385f;font-family:var(--font-student);margin:6px 0 0;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.05}.student-mobile-menu{color:#103b63;background:#ffffffc2;border-color:#11487d1f;display:none}.student-page-shell,.student-stats-grid,.student-dashboard-grid,.student-subject-grid,.student-material-grid,.student-quiz-grid,.student-question-stack,.student-result-options,.student-option-grid{display:grid}.student-page-shell{gap:22px}.student-panel,.student-hero-card,.student-stat-card,.student-subject-card,.student-material-card,.student-quiz-card,.student-question-card,.student-attempt-meta,.student-result-summary{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #91bce457;border-radius:28px;box-shadow:0 18px 48px #426e9d14}.student-panel{padding:clamp(18px,3vw,28px)}.student-hero-card{background:radial-gradient(circle at 100% 0,#6fb7ff33,#0000 34%),linear-gradient(135deg,#fffffff5,#edf6fff0);grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr);gap:22px;padding:clamp(22px,3.6vw,34px);display:grid}.student-hero-copy{align-content:start;gap:20px;display:grid}.student-hero-copy h2,.student-page-intro h2,.student-subject-head h3,.student-material-card-body h3,.student-quiz-card-head h3,.student-quiz-hero h2{font-family:var(--font-student);color:#12385f;margin:10px 0 0}.student-hero-copy h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1}.student-hero-copy p,.student-page-intro p,.student-learning-card span,.student-material-card-body p,.student-quiz-card p,.student-quiz-ready-hero p,.student-timeline-item span,.student-unit-card span{color:#5c7995;margin:0;line-height:1.6}.student-chip,.student-pill,.student-primary-link,.student-secondary-link,.student-resource-btn,.student-complete-btn,.student-filter-reset{border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.student-chip,.student-pill{color:#2860c6;background:#3d7dff14;border:1px solid #3d7dff24;width:fit-content;padding:9px 14px}.student-pill.is-complete{color:#128258;background:#28a7771f}.student-pill.is-danger{color:#cb4242;background:#f863631f}.student-pill.is-warning{color:#b37b00;background:#ffb72924;border-color:#ffb7293d}.student-hero-actions,.student-material-card-actions,.student-quiz-card-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.student-hero-actions{margin-top:2px}.student-primary-link,.student-secondary-link,.student-resource-btn,.student-complete-btn,.student-filter-reset{border:1px solid #3c7cff24;padding:13px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}.student-primary-link,.student-complete-btn{color:#fff;background:linear-gradient(135deg,#3f84ff 0%,#5ca8ff 100%);box-shadow:0 14px 24px #3f84ff38}.student-secondary-link,.student-resource-btn,.student-filter-reset{color:#1d4f81;background:#ffffffc7}.student-primary-link:hover,.student-secondary-link:hover,.student-resource-btn:hover,.student-complete-btn:hover,.student-filter-reset:hover{transform:translateY(-2px)}.student-primary-link.compact,.student-secondary-link.compact{padding:11px 16px}.student-resource-btn.is-disabled{opacity:.6;pointer-events:none}.student-complete-btn.is-complete{background:linear-gradient(135deg,#26aa74 0%,#4bc694 100%);box-shadow:0 14px 24px #26aa7438}.student-hero-side,.student-list-stack,.student-unit-stack,.student-preview-list,.student-timeline{gap:14px;display:grid}.student-hero-glance,.student-learning-card,.student-preview-card,.student-unit-card,.student-timeline-item{background:#f5faffdb;border:1px solid #91bce43d;border-radius:22px;padding:16px 18px}.student-hero-glance span,.student-hero-glance strong,.student-hero-glance p{display:block}.student-hero-glance strong{margin-top:8px;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.25}.student-hero-glance p{margin-top:10px}.student-hero-glance strong,.student-page-intro h2,.student-material-card-body h3,.student-quiz-card-head h3,.student-quiz-ready-hero h3,.student-question-body strong{color:#143d67}.student-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.student-stat-card{align-content:start;gap:18px;min-height:220px;padding:20px;display:grid}.student-stat-head{color:#527395;justify-content:space-between;align-items:center;gap:12px;display:flex}.student-stat-head i{color:#3372df;background:#3d7dff1f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.student-stat-card strong,.student-result-score strong{color:#12385f;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.student-stat-card p,.student-stat-card span,.student-mini-metrics span,.student-quiz-ready-grid span,.student-result-meta span,.student-material-card-meta span,.student-material-card-meta strong,.student-quiz-card-footer span,.student-quiz-card-footer strong,.student-score-point p{color:#587997}.student-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.student-dashboard-highlights{gap:14px;display:grid}.student-dashboard-stat-card{min-height:182px}.student-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.student-panel-head h3,.student-question-head strong{color:#163f68;margin:8px 0 0}.student-panel-head a{color:#3576e8;font-weight:700;text-decoration:none}.student-dashboard-highlight{background:linear-gradient(#f4f9fffa,#edf6fff0);border:1px solid #91bce438;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;display:grid;box-shadow:inset 0 1px #ffffffbf}.student-dashboard-highlight-copy,.student-dashboard-highlight-actions{min-width:0}.student-dashboard-highlight-copy{gap:6px;display:grid}.student-dashboard-highlight-copy strong{color:#143d67;font-size:1.15rem;line-height:1.25}.student-dashboard-highlight-copy span{color:#5b7b99;line-height:1.45}.student-dashboard-highlight-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.student-dashboard-duration{color:#2b63cb;background:#3d7dff1a;border:1px solid #3d7dff29;border-radius:999px;justify-content:center;align-items:center;min-width:86px;padding:10px 14px;font-weight:800;display:inline-flex}.student-bar-chart,.student-score-spark,.student-filter-grid,.student-subject-meta,.student-material-card-meta,.student-quiz-card-meta,.student-quiz-ready-grid,.student-result-meta,.student-quiz-summary-grid,.student-mini-metrics{display:grid}.student-bar-chart{gap:14px}.student-bar-row{grid-template-columns:minmax(140px,180px) minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.student-bar-track{background:#3d7dff1a;border-radius:999px;height:12px;position:relative;overflow:hidden}.student-bar-track.is-large{background:#3d7dff17;height:14px}.student-bar-track.is-secondary{background:#249bae1f}.student-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#4a89ff 0%,#8cc8ff 100%);position:absolute;inset:0 auto 0 0}.student-bar-fill.is-secondary{background:linear-gradient(90deg,#2a9cc0 0%,#79d7e9 100%)}.student-score-spark{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));align-items:end;gap:12px;min-height:220px}.student-chart-canvas{min-height:280px}.student-chart-canvas.student-chart-canvas-subject{min-height:320px}.student-score-point{justify-items:center;gap:10px;display:grid}.student-score-column{background:linear-gradient(#3c7dff 0%,#99d2ff 100%);border-radius:18px 18px 6px 6px;width:100%;min-height:18px;box-shadow:inset 0 -10px 18px #ffffff29}.student-score-point strong{color:#143c67}.student-score-point p{text-align:center;font-size:.76rem}.student-page-intro,.student-filter-panel,.student-quiz-ready,.student-quiz-workspace{gap:18px;display:grid}.student-page-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center}.student-mini-metrics{grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px}.student-page-intro .student-mini-metrics{grid-template-columns:minmax(140px,200px)}.student-mini-metrics div,.student-quiz-ready-grid div,.student-result-meta div,.student-quiz-summary-grid div{background:#f1f8ffdb;border:1px solid #91bce438;border-radius:18px;gap:5px;padding:14px 16px;display:grid}.student-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.student-filter-grid label{color:#234e78;gap:8px;font-weight:700;display:grid}.student-filter-grid select{color:#244d77;background:#ffffffeb;border:1px solid #91bce457;border-radius:16px;width:100%;min-height:48px;padding:0 14px}.student-question-stack{gap:16px}.student-question-body{color:#1e3a5f;font-size:1.05rem;line-height:1.7}.student-option-grid,.student-result-options{gap:12px}.student-option-card,.student-result-option{text-align:left;color:#274d74;background:#fff;border:1.5px solid #91bce44d;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.student-option-card{cursor:pointer;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.student-option-card:hover{background:#f0f7ffe6;border-color:#3d7dff59;box-shadow:0 4px 16px #3d7dff14}.student-option-card.is-selected{background:linear-gradient(135deg,#3372df0f,#3372df1f);border-color:#3372df;box-shadow:0 4px 20px #3372df1f}.student-result-option.is-correct{background:#edfcf6eb;border-color:#27b47775}.student-result-option.is-correct .quiz-option-label{color:#fff;background:#0f8255;border-color:#0f8255}.student-result-option.is-selected:not(.is-correct):not(.is-selected-correct){background:#fff5f5f2;border-color:#f0636366}.student-result-option.is-selected:not(.is-correct):not(.is-selected-correct) .quiz-option-label{color:#fff;background:#cb4242;border-color:#cb4242}.student-result-option.is-selected-correct:not(.is-correct){background:#edfcf6eb;border-color:#27b47775}.student-result-option.is-selected-correct:not(.is-correct) .quiz-option-label{color:#fff;background:#0f8255;border-color:#0f8255}.student-quiz-workspace,.student-result-summary,.student-attempt-meta{gap:16px}.student-quiz-toolbar{align-items:center}.student-quiz-toolbar-meta{flex-wrap:wrap;gap:10px;display:flex}.quiz-options-2x2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quiz-option-card-clean{color:#274d74;cursor:pointer;background:#fff;border:1.5px solid #91bce44d;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.quiz-option-card-clean:hover{background:#f0f7ffe6;border-color:#3d7dff59;transform:none;box-shadow:0 4px 16px #3d7dff14}.quiz-option-card-clean.is-selected{background:linear-gradient(135deg,#3372df0f,#3372df1f);border-color:#3372df;transform:none;box-shadow:0 4px 20px #3372df1f}.quiz-option-label{color:#3372df;background:#3d7dff14;border:1.5px solid #3d7dff24;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:.88rem;font-weight:800;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.quiz-option-label.is-selected{color:#fff;background:#3372df;border-color:#3372df}.quiz-option-text{min-width:0;font-family:var(--font-student);letter-spacing:.01em;color:#183c64;flex:1;font-size:1rem;font-weight:600;line-height:1.6}.quiz-option-check{color:#fff;background:#3372df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-left:auto;display:inline-flex}.quiz-option-saving{color:#3372df;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}@keyframes quiz-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-spin{animation:.8s linear infinite quiz-spin-anim}.quiz-live-question-card{border-radius:22px;gap:24px;padding:28px 30px}.quiz-question-head-clean{align-items:center}.quiz-question-counter{letter-spacing:.04em;text-transform:uppercase;color:#5b7b99;font-size:.82rem;font-weight:800}.quiz-nav-footer{border-top:1px solid #91bce429;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding-top:10px;display:flex}.quiz-submit-btn{background:linear-gradient(135deg,#e84d4d,#d63838)!important;border-color:#d63838!important}.quiz-submit-btn:hover{background:linear-gradient(135deg,#d63838,#c52e2e)!important}.quiz-timer-pill.is-warning{color:#b37b00;background:#ffb72924;border-color:#ffb7293d}.quiz-timer-pill.is-danger{color:#cb3333;background:#f044441f;border-color:#f0444438;animation:1s ease-in-out infinite quiz-timer-pulse}@keyframes quiz-timer-pulse{0%,to{opacity:1}50%{opacity:.72}}.quiz-map-legend{border-top:1px solid #91bce424;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding-top:8px;display:flex}.quiz-legend-item{color:#6988a7;align-items:center;gap:6px;font-size:.84rem;font-weight:600;display:inline-flex}.quiz-legend-dot{border-radius:4px;width:12px;height:12px;display:inline-block}.quiz-legend-answered{background:#0f8255}.quiz-legend-current{background:#3372df2e;border:1.5px solid #3372df}.quiz-legend-pending{background:#fff;border:1.5px solid #91bce457}@media (width<=640px){.quiz-options-2x2{grid-template-columns:1fr}}.quiz-nav-btn{letter-spacing:.01em;cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:10px 22px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .16s;display:inline-flex}.quiz-nav-btn--prev{color:#3b6d9e;background:#91bce41a;border-color:#91bce447}.quiz-nav-btn--prev:hover:not(:disabled){background:#91bce42e;border-color:#91bce46b}.quiz-nav-btn--prev:disabled{opacity:.4;cursor:not-allowed}.quiz-nav-btn--next{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb38}.quiz-nav-btn--next:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb52}.quiz-nav-btn--end{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;box-shadow:0 2px 8px #dc262638}.quiz-nav-btn--end:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-1px);box-shadow:0 4px 14px #dc262652}.quiz-nav-btn--end:disabled{opacity:.6;cursor:not-allowed}.quiz-back-link{color:#3b6d9e;align-items:center;gap:6px;font-size:.88rem;font-weight:700;text-decoration:none;transition:color .14s;display:inline-flex}.quiz-back-link:hover{color:#1d4ed8}.quiz-back-link--desktop{flex-shrink:0}.quiz-mobile-nav-toggle{color:#3b6d9e;cursor:pointer;background:#fff;border:1.5px solid #91bce447;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .14s;display:none}.quiz-mobile-nav-toggle:hover{background:#91bce41a;border-color:#91bce46b}.quiz-mobile-drawer-overlay{z-index:1000;background:#0a1e3280;justify-content:flex-end;animation:.2s forwards quiz-overlay-in;display:flex;position:fixed;inset:0}@keyframes quiz-overlay-in{0%{opacity:0}to{opacity:1}}.quiz-mobile-drawer{background:#f6f9fc;flex-direction:column;gap:16px;width:min(340px,85vw);height:100%;padding:20px;animation:.25s forwards quiz-drawer-in;display:flex;overflow-y:auto;box-shadow:-8px 0 30px #0a1e3229}@keyframes quiz-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.quiz-mobile-drawer-header{justify-content:space-between;align-items:center;display:flex}.quiz-mobile-drawer-header strong{color:#1e3a5f;font-size:1.05rem}.quiz-mobile-drawer-close{color:#5b7b99;cursor:pointer;background:#fff;border:1.5px solid #91bce43d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .14s;display:inline-flex}.quiz-mobile-drawer-close:hover{color:#dc2626;background:#f0444414;border-color:#f044444d}.quiz-mobile-drawer-timer{color:#5b7b99;background:#fff;border:1.5px solid #91bce438;border-radius:14px;align-items:center;gap:8px;padding:14px 16px;font-size:.88rem;font-weight:600;display:flex}.quiz-mobile-drawer-timer strong{color:#1e3a5f;margin-left:auto;font-size:1.05rem}.quiz-mobile-drawer-timer .quiz-timer-urgent{color:#dc2626}.quiz-mobile-drawer-timer .quiz-timer-warn{color:#b37b00}.quiz-mobile-drawer-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quiz-mobile-drawer-stats>div{background:#fff;border:1.5px solid #91bce438;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px;display:flex}.quiz-mobile-drawer-stats strong{color:#1e3a5f;font-size:1.25rem}.quiz-mobile-drawer-stats span{color:#6988a7;font-size:.78rem;font-weight:600}.quiz-sidebar-desktop{display:block}@media (width<=640px){.quiz-back-text{display:none}}@media (width<=1100px){.quiz-mobile-nav-toggle{display:inline-flex}.quiz-sidebar-desktop{display:none!important}.student-quiz-live-layout{grid-template-columns:1fr!important}}.student-quiz-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:18px;display:grid}.student-quiz-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=560px){.student-attempt-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.student-attempt-meta{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.student-quiz-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-quiz-overview-card{align-content:start;gap:18px;padding:24px;display:grid}.student-quiz-overview-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.student-quiz-overview-context{gap:8px;display:grid}.student-quiz-overview-context span,.student-quiz-live-kicker{color:#6a88a5;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:800}.student-quiz-overview-context h3,.student-quiz-live-copy h2{color:#143d67;margin:0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.08}.student-quiz-overview-context p,.student-quiz-live-copy p,.student-quiz-endbar-copy p{color:#5f7f9f;margin:0;line-height:1.55}.student-quiz-overview-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-quiz-overview-meta div,.student-quiz-live-summary-grid div,.student-quiz-live-sidebar-card{background:#f1f8ffe0;border:1px solid #91bce438;border-radius:18px;gap:6px;padding:15px 16px;display:grid}.student-quiz-overview-meta div{padding-left:44px;position:relative}.student-quiz-overview-meta div svg{color:#4a7fdc;position:absolute;top:16px;left:16px}.student-quiz-overview-meta span,.student-quiz-live-summary-grid span,.student-quiz-live-sidebar-card span,.student-quiz-endbar-copy span{color:#6988a7}.student-quiz-overview-meta strong,.student-quiz-live-summary-grid strong,.student-quiz-live-sidebar-card strong,.student-quiz-endbar-copy strong{color:#163f68;line-height:1.3}.student-quiz-overview-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.student-quiz-attempt-page{gap:18px}.student-quiz-live-shell,.student-quiz-result-sheet{gap:18px;padding:24px;display:grid}.student-quiz-live-shell--compact{padding-block:18px}.student-quiz-live-topbar,.student-quiz-result-topbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.student-quiz-live-pills,.student-quiz-ready-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.student-quiz-live-topbar-title{text-align:center;flex:1;justify-items:center;gap:4px;min-width:0;display:grid}.student-quiz-live-topbar-title h2{color:#143d67;font-family:var(--font-student);margin:0;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.08}.student-quiz-live-header,.student-quiz-result-banner{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:18px;display:grid}.student-quiz-live-copy{gap:10px;display:grid}.student-quiz-attempt-note{color:#5e7da0;font-size:.92rem;font-weight:600}.student-quiz-live-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-quiz-live-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.student-quiz-live-main,.student-quiz-live-sidebar{gap:18px;display:grid}.student-quiz-live-sidebar{position:sticky;top:18px}.student-quiz-result-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.student-answer-toggle{color:#25486c;align-items:center;gap:10px;font-weight:700;display:inline-flex}.student-answer-toggle input{accent-color:#3b82f6;width:18px;height:18px}.student-quiz-live-sidebar-card{gap:14px}.student-quiz-live-sidebar-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.student-quiz-live-sidebar-head strong{color:#163f68;font-size:1.08rem}.student-quiz-live-sidebar-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.student-quiz-live-sidebar-stats div{background:#ffffffbd;border:1px solid #91bce42e;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.student-quiz-question-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.student-quiz-question-status{color:#5b7b99;background:#fff;border:1.5px solid #91bce442;border-radius:12px;justify-content:center;align-items:center;min-height:46px;font-size:.88rem;font-weight:800;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,color .14s;display:inline-flex}.student-quiz-question-status:hover{background:#f0f7ffe6;border-color:#4a80c261;transform:translateY(-1px);box-shadow:0 6px 16px #5484be1a}.student-quiz-question-status.is-current{color:#3372df;background:#3372df14;border-color:#3372df;box-shadow:0 0 0 3px #3372df1f}.student-quiz-question-status.is-answered{color:#fff;background:#0f8255;border-color:#0f8255}.student-quiz-question-status.is-answered.is-current{color:#fff;background:#0d7049;border-color:#0d7049;box-shadow:0 0 0 3px #0f82552e}.student-question-card.is-active{border-color:#4a80c270;box-shadow:0 16px 28px #4279ba1f}.student-question-card{scroll-margin-top:22px}.student-quiz-endbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.student-quiz-endbar-copy{gap:6px;display:grid}.student-quiz-ready-screen{gap:20px;padding:24px}body.student-quiz-mode .student-shell{grid-template-columns:1fr}body.student-quiz-mode .student-sidebar,body.student-quiz-mode .student-topbar{display:none}body.student-quiz-mode .student-main{padding:0}body.student-quiz-mode .student-page-shell{max-width:none;padding:18px 24px 28px}.student-subject-grid,.student-material-grid,.student-quiz-grid{gap:18px}.student-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-subject-card,.student-material-card,.student-quiz-card,.student-question-card{gap:16px;padding:20px;display:grid}.student-subject-head,.student-material-card-top,.student-material-card-actions,.student-quiz-card-head,.student-question-head,.student-result-summary,.student-quiz-toolbar,.student-quiz-ready-hero,.student-quiz-card-footer,.student-learning-card,.student-timeline-item{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.student-progress-ring{place-items:center;width:86px;height:86px;display:grid}.student-progress-ring-fill{border-radius:999px;width:100%;height:100%;padding:5px}.student-progress-ring-fill strong{border-radius:inherit;color:#1c527f;background:#f8fbff;place-items:center;width:100%;height:100%;display:grid}.student-progress-ring-content{border-radius:inherit;color:#1c527f;text-align:center;background:#f8fbff;align-content:center;place-items:center;gap:1px;width:100%;height:100%;display:grid}.student-subject-meta,.student-material-card-meta,.student-quiz-card-meta,.student-quiz-summary-grid,.student-result-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-subject-meta div,.student-quiz-card-meta div{color:#386187;align-items:center;gap:8px;display:flex}.student-subject-meta-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.student-subject-meta-rich div{background:#f2f8ffe0;border:1px solid #91bce438;border-radius:18px;min-height:58px;padding:14px 16px}.student-subject-meta-rich span{line-height:1.4}.student-units-toolbar{gap:16px}.student-unit-filter-grid{grid-template-columns:minmax(0,320px)}.student-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.student-unit-overview-card{align-content:start}.student-unit-overview-footer{color:#5d7c99;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.student-materials-shell,.student-material-view-shell{gap:18px;max-width:min(1280px,100vw - 44px);margin:22px auto 28px;display:grid}.student-materials-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.student-materials-hero-top{grid-column:1/-1}.student-materials-hero-copy h2{color:#143d67;font-family:var(--font-student);margin:8px 0 0;font-size:clamp(1.7rem,2.3vw,2.3rem);line-height:1.05}.student-materials-hero-copy p{color:#6381a0;margin:6px 0 0}.student-materials-hero-stats{grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;display:grid}.student-materials-hero-stats div{background:#f4f9ffe6;border:1px solid #91bce43d;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.student-materials-hero-stats strong{color:#143d67;font-size:1.22rem}.student-materials-hero-stats span{color:#6381a0;font-size:.85rem}.student-materials-table-panel{gap:14px;display:grid}.student-materials-table-toolbar{align-items:center}.student-materials-table-wrap{background:linear-gradient(#f6fbfff0,#fffffffa);border:1px solid #91bce433;border-radius:22px;overflow-x:auto}.student-materials-table{border-collapse:separate;border-spacing:0;width:100%;min-width:880px}.student-materials-table th,.student-materials-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #91bce429;padding:14px 16px}.student-materials-table th:last-child,.student-materials-table td:last-child{white-space:nowrap;width:1%}.student-materials-table th{z-index:1;color:#507191;letter-spacing:.08em;text-transform:uppercase;background:#f0f7fff2;font-size:.8rem;position:sticky;top:0}.student-materials-table tbody tr:hover{background:#eff7ffad}.student-materials-table tbody tr:last-child td{border-bottom:0}.student-materials-table-title{min-width:0;display:block}.student-materials-table-title strong{color:#143d67;font-size:1.02rem;line-height:1.3}.student-material-type-pill{color:#2c63c8;white-space:nowrap;background:#3d7dff14;border:1px solid #3d7dff29;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.student-material-download-note{color:#4a6280;margin-top:6px;font-size:.76rem;font-weight:600;display:block}.student-materials-back-btn,.student-material-back-btn{gap:6px;min-height:34px;padding:8px 13px;font-size:.88rem}.student-materials-table td[data-label=Action] .student-primary-link.compact{white-space:nowrap;border-radius:14px;gap:6px;width:auto;min-height:34px;padding:8px 12px;font-size:.86rem;line-height:1}.student-materials-table td[data-label=Action] .student-primary-link.compact svg{flex-shrink:0}.student-material-meta-toggle{color:#1f5f95;cursor:pointer;background:#ffffffe6;border:1px solid #88b0d847;border-radius:12px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex}.student-material-meta-toggle:hover{background:#fff;border-color:#5c8dc770;transform:translateY(-1px);box-shadow:0 10px 22px #5f8cbe24}.student-material-meta-backdrop{opacity:0;pointer-events:none;z-index:52;background:#0a1d3457;border:0;transition:opacity .22s;position:fixed;inset:0}.student-material-meta-backdrop.is-visible{opacity:1;pointer-events:auto}.student-material-meta-drawer{z-index:53;background:linear-gradient(#deebfb 0%,#d1e3fa 52%,#d9e9fd 100%);border-right:1px solid #7ca8d857;grid-template-rows:auto minmax(0,1fr);width:min(86vw,322px);transition:transform .22s;display:grid;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:inset -1px 0 #ffffff9e,20px 0 36px #577dab33}.student-material-meta-drawer.is-open{transform:translate(0)}.student-material-meta-drawer-head{border-bottom:1px solid #7ca8d847;justify-content:space-between;align-items:center;gap:10px;padding:14px 12px;display:flex}.student-material-meta-drawer-head strong{color:#173f66;letter-spacing:.06em;text-transform:uppercase;font-size:.94rem}.student-material-meta-close{color:#1f5d92;cursor:pointer;background:#ffffffdb;border:1px solid #7ca8d84d;border-radius:11px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:inline-flex}.student-material-meta-drawer-content{align-content:start;gap:12px;padding:14px 12px 18px;display:grid;overflow-y:auto}.student-material-meta-drawer-content h3{color:#143d67;font-family:var(--font-student);margin:0;font-size:1.34rem;line-height:1.1}.student-material-meta-drawer-content p{color:#5f809f;margin:0;line-height:1.45}.student-material-meta-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.student-material-meta-stats div{background:#ffffffc7;border:1px solid #7ca8d83d;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.student-material-meta-stats strong{color:#143d67;font-size:1.08rem}.student-material-meta-stats span{color:#6081a0;font-size:.82rem}.student-material-mobile-bar{display:none}.student-material-mobile-copy{text-align:center;justify-items:center;gap:2px;min-width:0;display:grid}.student-material-mobile-copy strong{color:#143d67;font-family:var(--font-student);white-space:nowrap;text-overflow:ellipsis;font-size:1.04rem;line-height:1.15;overflow:hidden}.student-material-mobile-progress-pill{min-height:32px;padding:7px 11px;font-size:.82rem}.student-material-view-topbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 18px;display:grid}.student-material-view-topbar-left{align-items:center;display:flex}.student-material-view-topbar-copy{min-width:0}.student-material-view-topbar-copy h2{color:#143d67;font-family:var(--font-student);margin:8px 0 0;font-size:clamp(1.55rem,2vw,2.05rem);line-height:1.1}.student-material-view-topbar-copy p{color:#6381a0;margin:6px 0 0}.student-unit-study-shell{--unit-study-sidebar-width:320px;grid-template-columns:var(--unit-study-sidebar-width) minmax(0, 1fr);background:radial-gradient(circle at 6% 2%,#62a4ff29,#0000 28%),radial-gradient(circle at 92% 8%,#8fcdff29,#0000 26%),linear-gradient(#eef7ff 0%,#f8fbff 52%,#edf6ff 100%);min-height:100svh;transition:grid-template-columns .22s;display:grid;overflow-x:hidden}.student-unit-study-backdrop,.student-unit-study-mobile-bar{display:none}.student-unit-study-shell.sidebar-collapsed{--unit-study-sidebar-width:88px}.student-unit-study-sidebar{color:#173f66;background:linear-gradient(#ddeafb 0%,#d0e2fa 52%,#d8e9fd 100%);border-right:1px solid #78a5d64d;align-content:start;gap:18px;min-width:0;height:100svh;padding:18px 14px;transition:padding .22s,background .22s,color .22s;display:grid;position:sticky;top:0;overflow:hidden;box-shadow:inset -1px 0 #ffffff9e,22px 0 36px #587fb026}.student-unit-study-sidebar.is-collapsed{padding-inline:8px}.student-unit-study-sidebar-top{gap:14px;display:grid}.student-unit-study-sidebar-actions{align-items:center;gap:8px;display:flex}.student-unit-study-back-link{color:#1f568a;background:#ffffffdb;border-color:#719fd338;min-height:36px;padding-inline:12px;font-size:.92rem;box-shadow:0 10px 20px #7599bf14}.student-unit-study-back-link.is-collapsed{width:36px;min-width:36px;padding-inline:0}.student-unit-study-collapse-toggle{color:#23588a;cursor:pointer;background:#ffffffe0;border:1px solid #719fd342;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex}.student-unit-study-collapse-toggle:hover{background:#fff;border-color:#4c83c56b;transform:translateY(-1px);box-shadow:0 12px 22px #5484be1f}.student-unit-study-sidebar-top h2{color:#143d67;font-family:var(--font-student);margin:8px 0 0;font-size:clamp(1.6rem,2vw,2.15rem);line-height:1.02}.student-unit-study-sidebar-top p{color:#6482a0;margin:6px 0 0}.student-unit-study-sidebar-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.student-unit-study-sidebar-meta div{background:#ffffffb8;border:1px solid #719fd338;border-radius:16px;gap:4px;padding:12px 14px;display:grid;box-shadow:0 10px 22px #5c8bc014}.student-unit-study-sidebar-meta strong{color:#143d67;font-size:1.2rem}.student-unit-study-sidebar-meta span{color:#6482a0;font-size:.85rem}.student-unit-study-resource-list{gap:10px;padding-right:2px;display:grid;overflow:hidden auto}.student-unit-study-resource-list p{color:#6482a0}.student-unit-study-resource{width:100%;min-width:0;color:inherit;text-align:left;background:#ffffffc7;border:1px solid #719fd338;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 10px 22px #5c8bc014}.student-unit-study-resource:hover,.student-unit-study-resource.is-active{background:#fff;border-color:#4a80c257;transform:translateY(-1px);box-shadow:0 14px 28px #5484be24}.student-unit-study-resource strong{color:#143d67}.student-unit-study-resource-copy span{color:#6482a0;margin-top:6px;line-height:1.5;display:block}.student-unit-study-resource-main{align-items:center;gap:12px;min-width:0;display:flex}.student-unit-study-resource-copy{min-width:0}.student-unit-study-resource-copy strong{line-height:1.25;display:block}.student-unit-study-resource-icon{color:#3268c9;background:linear-gradient(#5c93e21f,#5c93e20f);border:1px solid #5c93e224;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:0;line-height:0;display:inline-flex}.student-unit-study-resource-icon svg{margin:0;display:block}.student-unit-study-resource .student-pill{color:#2e65c5;background:#487eca1a;border-color:#487eca2e}.student-unit-study-resource .student-pill.is-complete{color:#0f8255;background:#1393601f;border-color:#1393602e}.student-unit-study-sidebar.is-collapsed .student-topbar-kicker,.student-unit-study-sidebar.is-collapsed .student-unit-study-sidebar-top p,.student-unit-study-sidebar.is-collapsed .student-unit-study-sidebar-meta{display:none}.student-unit-study-sidebar.is-collapsed .student-unit-study-sidebar-top{justify-items:center}.student-unit-study-sidebar.is-collapsed .student-unit-study-sidebar-actions{justify-content:center;gap:4px;width:100%}.student-unit-study-sidebar.is-collapsed .student-unit-study-sidebar-top h2{display:none}.student-unit-study-sidebar.is-collapsed .student-unit-study-back-link.is-collapsed,.student-unit-study-sidebar.is-collapsed .student-unit-study-collapse-toggle{border-radius:12px;width:34px;min-width:34px;height:34px}.student-unit-study-sidebar.is-collapsed .student-unit-study-resource-list{justify-items:center;gap:12px;padding-right:0}.student-unit-study-sidebar.is-collapsed .student-unit-study-resource{aspect-ratio:1;border-radius:16px;justify-content:center;justify-self:center;width:54px;min-width:54px;min-height:54px;padding:0;overflow:hidden;box-shadow:0 8px 18px #5c8bc01a}.student-unit-study-sidebar.is-collapsed .student-unit-study-resource-main{justify-content:center;width:100%;height:100%}.student-unit-study-sidebar.is-collapsed .student-unit-study-resource-copy{display:none}.student-unit-study-sidebar.is-collapsed .student-unit-study-resource-icon{border-radius:10px;width:30px;height:30px}.student-unit-study-sidebar.is-collapsed .student-unit-study-resource .student-pill{display:none}.student-unit-study-main{align-content:start;gap:18px;padding:24px clamp(18px,3vw,34px) 32px;display:grid}.student-unit-study-header{padding-block:10px}.student-unit-study-header-top{justify-content:flex-start;align-items:center;display:flex}.student-unit-study-header-row{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.student-unit-study-header-copy{text-align:center;width:100%;min-width:0;max-width:720px;margin-inline:auto}.student-unit-study-header h2{color:#143d67;font-family:var(--font-student);margin:0;line-height:1.15}.student-unit-study-header p{color:#5c7995;margin:4px 0 0;line-height:1.45}.student-unit-study-progress-ring-wrap{flex-shrink:0;justify-items:center;gap:4px;min-width:118px;display:grid}.student-progress-ring-large{width:90px;height:90px}.student-progress-ring-large .student-progress-ring-fill{place-items:center;width:100%;height:100%;padding:4px;display:grid}.student-progress-ring-large .student-progress-ring-content{background:linear-gradient(#fff,#f7fbff);gap:0;width:calc(100% - 8px);height:calc(100% - 8px);padding:8px 6px}.student-progress-ring-large strong{color:#143d67;background:0 0;width:auto;height:auto;font-size:1.24rem;font-weight:800;line-height:1}.student-progress-ring-large span{color:#6a86a1;text-transform:uppercase;letter-spacing:.06em;margin-top:0;font-size:.68rem;font-weight:700;line-height:1.05;display:block}.student-unit-study-progress-ring-wrap small{color:#5c7995;text-align:center;font-size:.8rem}.student-pdf-workspace,.student-video-workspace{gap:18px;display:grid}.student-pdf-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.student-pdf-toolbar-copy{min-width:0}.student-pdf-toolbar h3{color:#143d67;margin:8px 0 0}.student-pdf-toolbar-actions{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.student-pdf-toolbar-actions .student-primary-link.compact,.student-pdf-toolbar-actions .student-secondary-link.compact,.student-pdf-toolbar-actions .student-pill{white-space:nowrap;flex-shrink:0;width:auto;min-width:0}.student-pdf-frame{background:linear-gradient(#f5fafff0,#fffffffa);border:1px solid #91bce43d;border-radius:24px;place-items:start center;min-height:72vh;padding:14px;display:grid;overflow:auto}.student-pdf-native-frame{background:#fff;border:0;border-radius:18px;width:100%;min-height:calc(72vh - 28px)}.student-pdf-frame .react-pdf__Document{place-items:start center;width:100%;display:grid}.student-pdf-frame .react-pdf__Page{max-width:100%}.student-pdf-frame canvas{border-radius:18px;box-shadow:0 18px 34px #3458831f;max-width:100%!important;height:auto!important}.student-video-frame{background:linear-gradient(#f5fafff0,#fffffffa);border:1px solid #91bce43d;border-radius:24px;place-items:center;min-height:58vh;padding:14px;display:grid}.student-video-frame:fullscreen{background:#06111f;border:0;border-radius:0;width:100vw;max-width:none;height:100vh;min-height:100vh;padding:18px}.student-video-frame:fullscreen .student-youtube-player{height:calc(100vh - 36px);min-height:calc(100vh - 36px);box-shadow:none;border-radius:0}.student-video-frame:fullscreen .student-youtube-player iframe{height:calc(100vh - 36px);min-height:calc(100vh - 36px);box-shadow:none;border-radius:0}.student-youtube-player,.student-youtube-player iframe{border:0;border-radius:18px;width:100%;max-width:100%;min-height:min(68vh,720px);box-shadow:0 18px 34px #3458831f}.student-unit-resource-placeholder{justify-items:start;gap:14px;display:grid}.student-unit-resource-placeholder h3{color:#143d67;margin:0}.student-unit-resource-placeholder p,.student-unit-resource-placeholder small{color:#5c7995;margin:0;line-height:1.6}.student-unit-resource-placeholder.is-danger{background:#fff5f5f2;border-color:#f063632e}.student-material-card-meta div{background:#f0f7ffdb;border:1px solid #91bce438;border-radius:18px;padding:14px}.student-quiz-card-footer strong,.student-material-card-meta strong,.student-question-body,.student-result-score span{color:#153e68}.student-result-summary{align-items:stretch}.student-result-score{background:linear-gradient(#3d7dff1f,#7cc6ff14);border-radius:24px;gap:8px;min-width:180px;padding:18px;display:grid}.student-timeline{gap:14px}.student-timeline-item small{color:#6a89a4;white-space:nowrap}.student-timeline-dot{background:linear-gradient(135deg,#4b89ff 0%,#7fd0ff 100%);border-radius:999px;width:12px;height:12px;margin-top:6px;box-shadow:0 0 0 6px #4b89ff1f}@media (width<=1180px){.student-shell{grid-template-columns:244px minmax(0,1fr)}.student-stats-grid,.student-dashboard-grid,.student-subject-grid,.student-unit-grid,.student-quiz-overview-grid,.student-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-hero-card,.student-quiz-hero,.student-quiz-live-header,.student-quiz-result-banner,.student-quiz-live-layout{grid-template-columns:1fr}.student-unit-study-shell{grid-template-columns:292px minmax(0,1fr)}.student-unit-study-shell.sidebar-collapsed{--unit-study-sidebar-width:90px}.student-materials-shell,.student-material-view-shell{max-width:min(1240px,100vw - 30px)}}@media (width<=1024px){.student-shell{grid-template-columns:1fr}.student-shell.sidebar-collapsed{--student-sidebar-width:1fr}.student-shell.sidebar-collapsed .student-sidebar{padding:24px 18px}.student-shell.sidebar-collapsed .student-brand-label,.student-shell.sidebar-collapsed .student-sidebar-meta,.student-shell.sidebar-collapsed .student-sidebar-nav a span,.student-shell.sidebar-collapsed .student-logout-btn span{opacity:1;max-width:180px}.student-shell.sidebar-collapsed .student-brand,.student-shell.sidebar-collapsed .student-sidebar-nav a,.student-shell.sidebar-collapsed .student-logout-btn{justify-content:flex-start;padding-inline:14px}.student-sidebar-backdrop{opacity:0;pointer-events:none;z-index:34;background:#0c1e355c;border:0;transition:opacity .22s;position:fixed;inset:0}.student-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto;display:block}.student-sidebar{z-index:40;width:min(84vw,300px);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.student-sidebar.is-open{transform:translate(0)}.student-mobile-menu{display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.student-mobile-menu:hover{transform:translateY(calc(-50% - 1px))}.student-main{padding-top:18px}.student-topbar{text-align:center;justify-content:center;min-height:42px;position:relative}.student-topbar-copy{justify-items:center;width:100%;padding-inline:56px}.student-materials-shell.is-compact,.student-material-view-shell.is-compact{gap:14px}.student-materials-shell.is-compact .student-materials-table-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:0;display:grid}.student-materials-shell.is-compact .student-materials-table-toolbar h3{margin-top:4px;font-size:1.22rem;line-height:1.24}.student-materials-shell.is-compact .student-panel-head>.student-secondary-link{display:none}.student-materials-shell.is-compact .student-materials-table{min-width:720px}.student-materials-shell.is-compact .student-materials-table td,.student-materials-shell.is-compact .student-materials-table th{padding-inline:12px}.student-materials-shell.is-compact .student-materials-table td[data-label=Action] .student-primary-link.compact{min-height:31px;padding:7px 10px;font-size:.8rem}.student-material-view-shell.is-compact .student-material-mobile-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.student-material-view-shell.is-compact .student-unit-study-header{display:none}.student-unit-study-shell,.student-unit-study-shell.sidebar-collapsed{grid-template-columns:1fr}.student-unit-study-backdrop{opacity:0;pointer-events:none;z-index:44;background:#0c1e3557;border:0;transition:opacity .22s;position:fixed;inset:0}.student-unit-study-backdrop.is-visible{opacity:1;pointer-events:auto;display:block}.student-unit-study-mobile-bar{text-align:center;justify-content:center;align-items:center;gap:12px;min-height:44px;margin-bottom:4px;display:flex;position:relative}.student-unit-study-mobile-menu{flex-shrink:0;justify-self:start;position:absolute;top:50%;left:0;transform:translateY(-50%)}.student-unit-study-mobile-menu:hover{transform:translateY(calc(-50% - 1px))}.student-unit-study-mobile-copy{text-align:center;justify-items:center;gap:4px;width:100%;max-width:420px;padding-inline:56px;display:grid}.student-unit-study-mobile-copy strong{color:#143d67;font-family:var(--font-student);font-size:1.1rem;line-height:1.1}.student-unit-study-sidebar.is-drawer{z-index:46;border-bottom:0;border-right:1px solid #78a5d64d;width:min(84vw,320px);height:100svh;min-height:100svh;padding-bottom:20px;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%)}.student-unit-study-sidebar.is-drawer.is-open{transform:translate(0)}.student-unit-study-main{padding-top:18px}.student-unit-study-header-row{text-align:center;grid-template-columns:1fr;align-items:center}.student-unit-study-header-copy{width:100%;max-width:560px}.student-unit-study-progress-ring-wrap{justify-self:center;margin-inline:auto}}@media (width<=860px){.student-shell{grid-template-columns:1fr}.student-shell.sidebar-collapsed{--student-sidebar-width:1fr}.student-shell.sidebar-collapsed .student-sidebar{padding:24px 18px}.student-shell.sidebar-collapsed .student-brand-label,.student-shell.sidebar-collapsed .student-sidebar-meta,.student-shell.sidebar-collapsed .student-sidebar-nav a span,.student-shell.sidebar-collapsed .student-logout-btn span{opacity:1;max-width:180px}.student-shell.sidebar-collapsed .student-brand,.student-shell.sidebar-collapsed .student-sidebar-nav a,.student-shell.sidebar-collapsed .student-logout-btn{justify-content:flex-start;padding-inline:14px}.student-sidebar-backdrop{opacity:0;pointer-events:none;z-index:34;background:#0c1e355c;border:0;transition:opacity .22s;position:fixed;inset:0}.student-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto;display:block}.student-sidebar{z-index:40;width:min(88vw,290px);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.student-sidebar.is-open{transform:translate(0)}.student-mobile-menu{display:inline-flex}.student-main{padding-top:18px}.student-topbar{text-align:center;justify-content:center;min-height:42px;position:relative}.student-topbar-copy{justify-items:center;width:100%}.student-mobile-menu{position:absolute;top:0;left:0}.student-page-intro,.student-stats-grid,.student-dashboard-grid,.student-subject-grid,.student-unit-grid,.student-quiz-overview-grid,.student-filter-grid,.student-quiz-summary-grid,.student-result-meta,.student-attempt-meta,.student-material-card-meta,.student-quiz-card-meta,.student-quiz-overview-meta,.student-quiz-live-summary-grid,.student-quiz-live-sidebar-stats,.student-bar-row{grid-template-columns:1fr}.student-score-spark{grid-template-columns:repeat(2,minmax(0,1fr))}.student-timeline-item,.student-learning-card,.student-material-card-actions,.student-quiz-card-footer,.student-question-head,.student-result-summary,.student-quiz-toolbar,.student-unit-overview-footer,.student-dashboard-highlight,.student-dashboard-highlight-actions,.student-quiz-result-topbar,.student-quiz-overview-head,.student-quiz-overview-footer,.student-quiz-ready-actions,.student-quiz-endbar{flex-direction:column;align-items:stretch}.student-dashboard-highlight,.student-unit-study-shell,.student-unit-study-shell.sidebar-collapsed{grid-template-columns:1fr}.student-unit-study-main{padding-top:18px}.student-quiz-live-sidebar{position:static}.student-materials-shell,.student-material-view-shell{max-width:calc(100vw - 20px);margin-top:16px}.student-materials-table{min-width:740px}.student-materials-table td[data-label=Action] .student-primary-link.compact{border-radius:13px;min-height:31px;padding:7px 10px;font-size:.8rem}.student-unit-study-header-row{align-items:flex-start}.student-quiz-live-topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title timer";align-items:center;gap:12px;display:grid}.quiz-back-link--desktop{grid-area:back;justify-self:start}.student-quiz-live-topbar-title{text-align:center;grid-area:title;justify-items:center}.student-quiz-live-pills{flex-wrap:nowrap;grid-area:timer;justify-content:flex-end}.quiz-mobile-nav-toggle{justify-self:auto}.student-pdf-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;display:grid}.student-pdf-toolbar-copy{text-align:center;width:100%}.student-pdf-toolbar-actions{justify-content:flex-end}.student-pdf-toolbar h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=640px){.student-materials-shell,.student-material-view-shell{gap:14px;max-width:calc(100vw - 14px);margin-top:14px}.student-materials-table-wrap{-webkit-overflow-scrolling:touch;border-radius:18px;overflow-x:auto}.student-materials-table{min-width:660px}.student-materials-table th,.student-materials-table td{padding:11px 9px}.student-materials-table th{letter-spacing:.06em;font-size:.72rem}.student-materials-table td{font-size:.88rem}.student-materials-table td[data-label=Action] .student-primary-link.compact{border-radius:12px;min-height:30px;padding:6px 9px;font-size:.76rem}}@media (width<=560px){.student-main{padding-inline:14px}.student-hero-copy,.student-hero-side,.student-panel-head,.student-page-intro,.student-quiz-overview-context,.student-quiz-live-copy,.student-quiz-endbar-copy{text-align:center}.student-hero-actions,.student-panel-head,.student-material-card-actions,.student-quiz-card-footer,.student-dashboard-highlight-actions,.student-quiz-ready-actions,.student-quiz-overview-footer,.student-quiz-result-topbar,.student-quiz-endbar{justify-content:center}.student-hero-glance,.student-stat-card,.student-panel{padding-inline:16px}.student-panel,.student-hero-card,.student-stat-card,.student-subject-card,.student-material-card,.student-quiz-card,.student-question-card,.student-attempt-meta,.student-result-summary{border-radius:22px}.student-score-spark{grid-template-columns:1fr;min-height:auto}.student-quiz-question-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-chart-canvas{min-height:240px}.student-filter-grid select,.student-primary-link,.student-secondary-link,.student-resource-btn,.student-complete-btn,.student-filter-reset,.student-dashboard-duration{width:100%}.student-materials-back-btn,.student-material-back-btn{width:auto}.student-materials-shell.is-compact .student-materials-table-toolbar{text-align:left;justify-content:space-between}.student-materials-shell.is-compact .student-materials-table-toolbar h3{margin-top:4px;font-size:1.04rem;line-height:1.3}.student-materials-shell.is-compact .student-material-meta-toggle{justify-self:end}.student-materials-table td[data-label=Action] .student-primary-link.compact{width:auto}.student-dashboard-highlight-copy{text-align:center}.student-quiz-live-shell,.student-quiz-result-sheet,.student-quiz-ready-screen,.student-quiz-overview-card{padding:18px}.student-quiz-live-topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title timer";justify-items:stretch;gap:10px}.student-quiz-live-topbar-title{text-align:center;justify-items:center}.quiz-back-link--desktop{background:#fff;border:1.5px solid #91bce447;border-radius:12px;justify-content:center;justify-self:start;min-width:38px;min-height:38px;padding:0}.student-quiz-live-pills{flex-wrap:nowrap;justify-content:flex-end;justify-self:end}.quiz-mobile-nav-toggle{justify-self:auto}.student-quiz-live-topbar-title h2{font-size:1.16rem}.student-quiz-live-sidebar-card{padding:16px 14px}.student-quiz-live-sidebar-head{text-align:center;justify-content:center}.student-quiz-question-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.student-quiz-question-status{min-height:44px}.student-unit-study-main{padding-inline:14px}.student-unit-study-sidebar-meta{grid-template-columns:1fr}.student-unit-study-sidebar.is-drawer{width:min(88vw,300px);padding-inline:12px}.student-pdf-toolbar{grid-template-columns:1fr;align-items:stretch}.student-pdf-toolbar-actions{justify-content:space-between;gap:8px;width:100%}.student-pdf-toolbar-actions .student-primary-link.compact,.student-pdf-toolbar-actions .student-secondary-link.compact{gap:6px;width:auto;min-height:34px;padding-inline:12px;font-size:.82rem}.student-pdf-toolbar-actions .student-pill{width:auto;padding-inline:12px;font-size:.82rem}.student-pdf-frame{min-height:56vh;padding:10px}.student-pdf-native-frame{min-height:calc(56vh - 20px)}body.student-quiz-mode .student-page-shell{padding:14px}}@media (width<=640px){.student-quiz-live-shell--compact{padding:16px 14px}.student-quiz-live-topbar{gap:8px}.student-quiz-live-topbar-title h2{font-size:1.02rem;line-height:1.12}.student-quiz-live-kicker{letter-spacing:.12em;font-size:.68rem}.student-quiz-live-pills .student-pill{padding:8px 11px;font-size:.88rem}.student-quiz-live-pills .quiz-timer-pill{display:none}.quiz-mobile-nav-toggle,.quiz-back-link--desktop{width:38px;min-width:38px;height:38px}}.admin-dashboard{--sidebar-width:280px;grid-template-columns:var(--sidebar-width) 1fr;background:radial-gradient(circle at 5% 0,#0f766e33,#0000 33%),linear-gradient(145deg,#edf4ff 0%,#f5fbff 55%,#eef7ff 100%);min-height:100svh;transition:grid-template-columns .24s;display:grid}.admin-dashboard.sidebar-collapsed{--sidebar-width:88px}.teacher-dashboard{background:radial-gradient(circle at 4% 2%,#0e74902e,#0000 32%),linear-gradient(145deg,#ecf7ff 0%,#f4fbff 58%,#ebf5ff 100%)}.admin-sidebar{color:#f8fafc;background:linear-gradient(#10263f 0%,#133554 100%);border-right:1px solid #ffffff26;flex-direction:column;gap:18px;padding:24px 18px;transition:padding .24s;display:flex;overflow:hidden}.admin-sidebar-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-brand{color:#f8fafc;font-family:var(--font-heading);align-items:center;gap:10px;min-width:0;font-size:1rem;display:inline-flex}.brand-label,.nav-label,.logout-label{white-space:nowrap;text-overflow:ellipsis;opacity:1;max-width:180px;transition:opacity .18s,max-width .18s,margin .18s;overflow:hidden}.sidebar-toggle-btn{color:#f8fafc;cursor:pointer;background:#e2e8f024;border:1px solid #e2e8f04d;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .14s,border-color .14s,transform .14s;display:inline-grid}.sidebar-toggle-btn:hover{background:#e2e8f03d;border-color:#e2e8f066;transform:translateY(-1px)}.admin-sidebar-meta{letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0bf;margin:0;font-size:.8rem}.admin-sidebar-nav{gap:6px;display:grid}.admin-sidebar-nav a{color:#d7e5f3;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.admin-sidebar-nav a svg{flex-shrink:0}.admin-sidebar-nav a:hover{color:#fff;background:#e2e8f024}.admin-sidebar-nav a.active{color:#fff;background:#0ea5e938}.admin-sidebar-actions{margin-top:auto}.teacher-sidebar{background:linear-gradient(#0f3656 0%,#145374 100%)}.sidebar-logout{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #f8fafc52;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:700;display:inline-flex}.admin-dashboard.sidebar-collapsed .admin-sidebar{padding:24px 12px}.admin-dashboard.sidebar-collapsed .admin-sidebar-meta,.admin-dashboard.sidebar-collapsed .brand-label,.admin-dashboard.sidebar-collapsed .nav-label,.admin-dashboard.sidebar-collapsed .logout-label{opacity:0;max-width:0}.admin-dashboard.sidebar-collapsed .admin-brand{justify-content:center}.admin-dashboard.sidebar-collapsed .admin-sidebar-nav a,.admin-dashboard.sidebar-collapsed .sidebar-logout{justify-content:center;padding-inline:0}.admin-main{align-content:start;gap:16px;padding:24px;display:grid}.admin-main-header{background:#fff;border:1px solid #d9e6f2;border-radius:18px;gap:16px;padding:18px;display:grid;box-shadow:0 15px 30px #0f172a14}.admin-main-header h1{color:#122b47;margin:0 0 6px;font-size:clamp(1.4rem,2.8vw,2rem)}.admin-main-header p{color:#536579;margin:0}.admin-main-header-split{grid-template-columns:minmax(0,1fr) auto;align-items:center}.admin-mini-btn{color:#fff;cursor:pointer;background:#0e7490;border:1px solid #0c5d74;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.admin-mini-btn:hover{background:#0b657f;transform:translateY(-1px);box-shadow:0 8px 18px #0e749038}.admin-mini-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.admin-kpi-card{background:#f8fbff;border:1px solid #d8e3ee;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.admin-kpi-card span{color:#57718b;font-size:.8rem}.admin-kpi-card strong{color:#0f3358;font-size:1.4rem}.admin-panels-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;display:grid}.teacher-activity-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.admin-panel{background:#fff;border:1px solid #dbe4ef;border-radius:16px;gap:14px;padding:18px;display:grid}.admin-panel h2{color:#113459;font-family:var(--font-heading);margin:0;font-size:1.02rem}.admin-note{color:#4f6479;margin:0;font-size:.9rem}.admin-table-card{padding:14px}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #deebf6;padding:12px 10px}.admin-table th{letter-spacing:.04em;text-transform:uppercase;color:#4e6880;background:#f4f9ff;font-size:.84rem}.admin-table tbody tr:hover{background:#f9fcff}.admin-table tbody tr.is-drag-over{background:#e7f3ff}.admin-table tbody tr.is-inactive{background:#fbfcfd}.admin-table tbody tr.is-inactive td{color:#6b7f92}.admin-table-empty{color:#61798f;font-weight:600;text-align:center!important}.unit-drag-handle{color:#1e3a8a;cursor:grab;background:#f8fbff;border:1px dashed #93c5fd;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 8px;font-weight:700;display:inline-flex}.unit-drag-handle:active{cursor:grabbing}.unit-drag-handle:disabled{cursor:not-allowed;opacity:.5;border-style:solid}.admin-chip-list{flex-wrap:wrap;gap:6px;display:flex}.admin-chip{color:#11506a;background:#e5f4fb;border:1px solid #c0e3f2;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700}.quiz-status-toggle{color:#476279;cursor:pointer;background:#eef4f9;border:1px solid #d7e6f2;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 10px 0 6px;font-size:.78rem;font-weight:700;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.quiz-status-toggle.is-on{color:#14653d;background:#e7f8ee;border-color:#b7e8ce}.quiz-status-toggle:disabled{opacity:.7;cursor:wait}.quiz-status-knob{background:#8fa4b9;border-radius:999px;width:16px;height:16px;transition:background .14s;box-shadow:inset 0 0 0 1px #fff9}.quiz-status-toggle.is-on .quiz-status-knob{background:#1f9f59}.quiz-status-text{letter-spacing:.01em}.table-empty-pill{color:#56677a;background:#eef2f7;border:1px solid #d8e1ea;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:600;display:inline-block}.admin-section-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-section-note strong{color:#123a60}.admin-section-note span{color:#5c7286;font-size:.92rem}.admin-data-stack{gap:4px;display:grid}.admin-data-stack strong{color:#153c61}.admin-data-stack span{color:#5e7388;word-break:break-word;font-size:.86rem}.admin-status-pill{border:1px solid #0000;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.admin-status-pill.paid{color:#14653d;background:#e7f8ee;border-color:#b7e8ce}.admin-status-pill.pending{color:#8a5b09;background:#fff5db;border-color:#f9d88c}.admin-status-pill.failed{color:#9f1d1d;background:#ffecec;border-color:#ffd0d0}.admin-table-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-filter-shell{background:#f8fbff;border:1px solid #d8e3ee;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.admin-segmented-control{background:#eef3f8;border:1px solid #d5e2ef;border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.admin-segment-btn{color:#1f3448;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-weight:600}.admin-segment-btn.is-active{color:#0f3f78;background:linear-gradient(135deg,#d7e8ff 0%,#bed8ff 100%)}.admin-filter-dropdown{min-width:200px}.custom-select{min-width:200px;position:relative}.custom-select.is-disabled{opacity:.6}.custom-select-trigger{color:#1c3349;width:100%;min-height:42px;font-size:.92rem;font-family:var(--font-base);cursor:pointer;background:linear-gradient(#fff 0%,#f5faff 100%);border:1px solid #c3d2e1;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;transition:border-color .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #08182c0a}.custom-select-trigger:hover{background:linear-gradient(#fff 0%,#f0f7ff 100%);border-color:#afc3d8}.custom-select.is-open .custom-select-trigger{border-color:#0e7490;box-shadow:0 0 0 4px #0e74901f,0 10px 24px #0a21391f}.custom-select-label{text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}.custom-select-menu{z-index:30;background:#fff;border:1px solid #c6d8ea;border-radius:12px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px #0e223829}.custom-select-option{color:#1f374e;text-align:left;width:100%;min-height:36px;font-size:.9rem;font-family:var(--font-base);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px}.custom-select-option:hover{background:#edf5ff}.custom-select-option.is-active{color:#0f3f78;background:linear-gradient(135deg,#d7e8ff 0%,#c6defd 100%);font-weight:700}.date-picker{position:relative}.date-picker-trigger{color:#1b3550;width:100%;min-height:44px;font-size:.95rem;font-family:var(--font-base);cursor:pointer;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #c9d6e3;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;transition:border-color .14s,box-shadow .14s,background .14s;display:inline-flex}.date-picker-trigger:hover{background:linear-gradient(#fff 0%,#f2f8ff 100%);border-color:#b5c6d8}.date-picker.is-open .date-picker-trigger{border-color:#0e7490;box-shadow:0 0 0 4px #0e749024,0 10px 24px #0824441a}.date-picker-label.is-placeholder{color:#6c8197}.date-picker-popover{z-index:30;background:#fff;border:1px solid #c6d8ea;border-radius:14px;gap:8px;width:min(320px,100%);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 38px #0a213929}.date-picker-header{justify-content:space-between;align-items:center;display:flex}.date-picker-header strong{color:#123b60;font-size:.95rem}.date-picker-nav{color:#30506f;cursor:pointer;background:#f8fbff;border:1px solid #d2dfeb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.date-picker-weekdays{text-align:center;color:#607890;grid-template-columns:repeat(7,minmax(0,1fr));font-size:.78rem;font-weight:700;display:grid}.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.date-picker-day{color:#173a5c;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:32px;font-size:.86rem}.date-picker-day:hover{background:#eaf4ff}.date-picker-day.is-muted{color:#91a4b7}.date-picker-day.is-selected{color:#fff;background:linear-gradient(135deg,#0e7490 0%,#0b5f75 100%);font-weight:700}.date-picker-actions{justify-content:flex-end;display:flex}.admin-filter-dropdown select{min-height:40px;font-size:.92rem;font-family:var(--font-base);appearance:none;cursor:pointer;background-image:linear-gradient(#fff 0%,#f5faff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23556b82' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:0 0,right 14px center;background-repeat:no-repeat,no-repeat;border:1px solid #c3d2e1;border-radius:14px;padding:0 40px 0 12px;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #08182c0a}.admin-filter-dropdown select:focus{border-color:#0e7490;outline:none;box-shadow:0 0 0 4px #0e74901f}.admin-filter-dropdown select:hover{border-color:#afc3d8}.admin-filter-dropdown select:focus-visible,.admin-field select:focus-visible{border-color:#0e7490;box-shadow:0 0 0 4px #0e749024,0 8px 20px #08244414}:is(.admin-filter-dropdown select:open,.admin-field select:open){background-image:linear-gradient(#fff 0%,#eef7ff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f5f93' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 15 12 9 18 15'/%3E%3C/svg%3E");border-color:#0e7490;box-shadow:0 0 0 4px #0e74901f,0 12px 28px #0a21391f}.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}.table-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-weight:700;display:inline-flex}.table-action-btn.view{color:#134b84;background:#e8f2ff;border-color:#c9def8}.table-action-btn.edit{color:#1d6b41;background:#e8f9f0;border-color:#c4ecd5}.table-action-btn.delete{color:#9f1d1d;background:#ffecec;border-color:#ffd0d0}.top-modal-backdrop{z-index:40;background:#05142785;justify-content:center;align-items:flex-start;padding:18px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.top-modal-panel{background:#fff;border:1px solid #d6e4f1;border-radius:16px;gap:14px;width:min(720px,100%);padding:16px;animation:.18s forwards topModalEnter;display:grid;box-shadow:0 28px 50px #0411224d}.top-modal-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.top-modal-header h3{color:#102f4f;font-family:var(--font-heading);margin:0;font-size:1.05rem}.top-modal-close{color:#2a4562;cursor:pointer;background:#f8fbff;border:1px solid #d6e2ef;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.modal-details-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;display:grid}.modal-details-grid label{color:#5f7288;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.8rem;display:block}.modal-details-grid p{color:#1d344c;margin:0;font-weight:600}.modal-details-row{grid-column:1/-1}.student-modal-status{padding-top:2px}.teacher-progress-modal{flex-direction:column;width:min(1180px,100vw - 32px);max-height:min(92vh,980px);display:flex;overflow:hidden}.teacher-progress-modal-header{align-items:flex-start;gap:16px}.teacher-progress-modal-heading{gap:12px;display:grid}.teacher-progress-modal-subtitle{color:#607a95;margin:6px 0 0;font-size:.92rem}.teacher-progress-body{gap:18px;padding-right:4px;display:grid;overflow-y:auto}.teacher-progress-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.teacher-progress-filters{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.teacher-progress-filter-field{gap:6px;min-width:200px;display:grid}.teacher-progress-filter-field span{color:#67839e;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800}.teacher-progress-filter-field select{color:#173f66;min-height:42px;font:inherit;background:#f5faffeb;border:1px solid #8ab1d847;border-radius:14px;outline:none;padding:9px 12px;font-size:.94rem;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s}.teacher-progress-filter-field select:hover,.teacher-progress-filter-field select:focus{background:#fff;border-color:#4d8eff6b;box-shadow:0 0 0 3px #4d8eff1a}.teacher-progress-summary-card,.teacher-progress-card,.teacher-progress-chart-card{background:linear-gradient(#fffffffa 0%,#f5fafff5 100%);border:1px solid #dbe7f3;border-radius:20px;box-shadow:0 18px 36px #0f294514}.teacher-progress-summary-card{gap:6px;padding:18px;display:grid}.teacher-progress-summary-icon{color:#2360d2;background:#4d8eff1f;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.teacher-progress-summary-icon.is-green{color:#148a61;background:#1fb8861f}.teacher-progress-summary-icon.is-gold{color:#c67b18;background:#ffb44929}.teacher-progress-summary-icon.is-purple{color:#7057da;background:#8475ff24}.teacher-progress-summary-card strong{color:#12385f;font-size:1.6rem;line-height:1}.teacher-progress-summary-card p,.teacher-progress-summary-card small{margin:0}.teacher-progress-summary-card p{color:#37536e;font-weight:700}.teacher-progress-summary-card small{color:#6d87a2}.teacher-progress-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.teacher-progress-chart-card,.teacher-progress-card{padding:18px}.teacher-progress-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.teacher-progress-card-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.teacher-progress-card-head span{color:#67839e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:800;display:block}.teacher-progress-card-head h4{color:#1a4067;margin:0;font-size:1rem;line-height:1.35}.teacher-progress-chart-shell{height:280px}.teacher-progress-chart-filter{align-items:center;min-width:142px;display:flex}.teacher-progress-chart-filter span{color:#6d88a3;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.teacher-progress-chart-filter select{color:#173f66;min-height:40px;font:inherit;background:#f5faffeb;border:1px solid #8ab1d847;border-radius:14px;outline:none;padding:9px 12px;font-size:.92rem;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s}.teacher-progress-chart-filter select:hover,.teacher-progress-chart-filter select:focus{background:#fff;border-color:#4d8eff6b;box-shadow:0 0 0 3px #4d8eff1a}.teacher-progress-table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.teacher-progress-card-span{grid-column:1/-1}.teacher-progress-data-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.teacher-progress-data-tile{background:linear-gradient(#f8fbff 0%,#eef6ff 100%);border:1px solid #d8e5f1;border-radius:16px;padding:14px}.teacher-progress-data-tile strong,.teacher-progress-data-tile p,.teacher-progress-data-tile small{margin:0;display:block}.teacher-progress-data-tile strong{color:#183c61;font-size:1rem}.teacher-progress-data-tile p{color:#2560cb;margin-top:6px;font-weight:800}.teacher-progress-data-tile small{color:#6b86a2;margin-top:6px;line-height:1.5}.teacher-progress-scroll{overflow-x:auto}.teacher-progress-table{border-collapse:collapse;width:100%;min-width:620px}.teacher-progress-table th,.teacher-progress-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e0ebf5;padding:14px 12px}.teacher-progress-table th{color:#67839e;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:800}.teacher-progress-table td{color:#213c57}.teacher-progress-table tbody tr:last-child td{border-bottom:0}.teacher-progress-page{gap:18px;display:grid}.teacher-progress-page .teacher-progress-modal-header{padding:0}.teacher-progress-page .teacher-progress-body{padding-right:0;overflow:visible}.teacher-progress-reset-btn{white-space:nowrap}.teacher-progress-muted{color:#6b86a2;font-size:.86rem;font-weight:600}@keyframes topModalEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-panel-wide{grid-column:1/-1}.admin-form{gap:12px;display:grid}.admin-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));align-items:end;gap:12px;display:grid}.teacher-filter-row{grid-template-columns:repeat(2,minmax(220px,1fr))}.teacher-questions-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-field{gap:6px;display:grid}.admin-field label{color:#1f2937;font-size:.92rem;font-weight:600}.admin-field-help{color:#63758a;font-size:.82rem;line-height:1.5}.admin-field input,.admin-field select,.admin-field textarea{min-height:44px;font-size:.95rem;font-family:var(--font-base);background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #c9d6e3;border-radius:14px;padding:0 12px;transition:border-color .14s,box-shadow .14s,background .14s}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:#0e7490;outline:none;box-shadow:0 0 0 4px #0e74901f}.admin-field textarea{resize:vertical;padding:10px 12px}.admin-field input[type=date]{cursor:pointer;letter-spacing:.01em;color:#1b3550;background-image:linear-gradient(#fff 0%,#f5faff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23556b82' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-position:0 0,right 14px center;background-repeat:no-repeat,no-repeat;padding-right:42px;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #08182c0a}.admin-field input[type=date]:hover{background-image:linear-gradient(#fff 0%,#eef6ff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b5978' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");border-color:#b5c6d8}.admin-field input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.admin-field input[type=date]::-webkit-datetime-edit{color:#1b3550}.admin-field input[type=date]::-webkit-datetime-edit-text{color:#1b3550}.admin-field input[type=date]::-webkit-datetime-edit-day-field{color:#1b3550}.admin-field input[type=date]::-webkit-datetime-edit-month-field{color:#1b3550}.admin-field input[type=date]::-webkit-datetime-edit-year-field{color:#1b3550}.admin-field input[type=date]:focus-visible{background-image:linear-gradient(#fff 0%,#eaf6ff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f5f93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");border-color:#0e7490;box-shadow:0 0 0 4px #0e749024,0 8px 20px #08244414}.admin-field select{appearance:none;cursor:pointer;background-image:linear-gradient(#fff 0%,#f8fbff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23556b82' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:0 0,right 14px center;background-repeat:no-repeat,no-repeat;padding-right:42px;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #08182c0a}.admin-field select:hover{background-image:linear-gradient(#fff 0%,#f2f8ff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b5978' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");border-color:#b5c6d8}.admin-field select option,.admin-filter-dropdown select option{color:#1c3349;background:#fff;padding:8px 10px}.admin-field select optgroup,.admin-filter-dropdown select optgroup{color:#3d5f80;font-style:normal;font-weight:700}.subject-selector{border:1px solid #d2dfeb;border-radius:12px;margin:0;padding:12px}.subject-selector legend{color:#2e475f;padding:0 8px;font-size:.9rem;font-weight:700}.subject-selector-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;display:grid}.subject-empty{color:#587288;margin:0;font-size:.9rem}.assignment-groups-panel{gap:10px;display:grid}.assignment-groups-panel>label{color:#1f2937;font-size:.92rem;font-weight:700}.assignment-class-selector{margin:0}.assignment-class-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.assignment-class-column{background:#fbfdff;border:1px solid #d7e5f1;border-radius:10px;gap:8px;padding:10px;display:grid}.assignment-class-column h4{color:#164266;margin:0;font-size:.9rem}.assignment-class-list{gap:6px;display:grid}.assignment-groups-list{gap:10px;display:grid}.assignment-group-card{background:#fbfdff;border:1px solid #d7e5f1;border-radius:12px;gap:10px;padding:12px;display:grid}.assignment-group-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.assignment-group-header h4{color:#164266;margin:0;font-size:.95rem}.assignment-view-list{gap:8px;display:grid}.assignment-view-item{background:#f8fbff;border:1px solid #d6e3ef;border-radius:10px;gap:8px;padding:10px;display:grid}.assignment-view-item h4{color:#153d62;margin:0;font-size:.92rem}.checkbox-row{color:#334155;align-items:center;gap:8px;font-weight:500;display:inline-flex}.admin-form .submit-btn{justify-content:center;justify-self:start;align-items:center;gap:8px;width:auto;min-width:180px;padding-inline:18px;display:inline-flex}.admin-lists-grid{margin-top:2px}.admin-list{color:#2f4053;gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-list li{background:#f8fbff;border:1px solid #dce6f1;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.admin-list li span{color:#5b7187;font-size:.86rem}.teacher-list{gap:10px;display:grid}.teacher-item{background:#fff;border:1px solid #d5e0ea;border-radius:12px;padding:12px}.teacher-item header{margin-bottom:8px}.teacher-item h4{color:#0f2a44;margin:0 0 4px}.teacher-item p{color:#4b6178;margin:0;font-size:.9rem}.teacher-item ul{color:#324c64;gap:4px;margin:0;padding-left:18px;display:grid}.teacher-shell-card{width:min(920px,100%)}.teacher-assignment-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;display:grid}.teacher-assignment-card{background:#f8fbff;border:1px solid #d8e4ef;border-radius:14px;padding:14px}.teacher-assignment-card h3{color:#12395b;margin:0 0 6px}.teacher-assignment-class{color:#2f597a;font-weight:700}.teacher-assignment-subjects{color:#4c6278}.teacher-subjects-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;display:grid}.teacher-subject-card{background:#fff;border:1px solid #d8e4f0;border-radius:16px;overflow:hidden;box-shadow:0 14px 24px #0f172a14}.teacher-subject-card-head{color:#fff;background:linear-gradient(135deg,#2f69c8 0%,#4283d8 100%);padding:18px}.teacher-subject-card-head h3{font-size:1.65rem;font-family:var(--font-heading);margin:0}.teacher-subject-card-head p{opacity:.92;margin:4px 0 0;font-weight:600}.teacher-subject-metrics{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;padding:16px 18px;display:grid}.teacher-subject-metrics div{background:#f9fcff;border:1px solid #dbe7f2;border-radius:10px;gap:4px;padding:10px;display:grid}.teacher-subject-metrics span{color:#56708a;font-size:.85rem}.teacher-subject-metrics strong{color:#173c62;font-size:1.65rem;line-height:1}.teacher-subject-footer{border-top:1px solid #e2edf7;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.teacher-subject-footer p{color:#56708a;margin:0;font-weight:700}.teacher-subject-footer strong{color:#0a7b3f}.teacher-view-units-btn{min-height:38px}.teacher-kpi-note{font-size:1rem!important}.teacher-link-btn{width:fit-content;text-decoration:none}.teacher-checkbox-field{margin-top:26px}.teacher-question-modal{width:min(980px,100%)}.teacher-question-form{background:#f9fcff;border:1px solid #d8e4f0;border-radius:12px;padding:12px}.teacher-question-actions{align-items:center;gap:10px;display:flex}.teacher-nav-group{gap:6px;display:grid}.teacher-nav-subitem{margin-left:18px}.teacher-dashboard .admin-sidebar-nav .teacher-nav-subitem{color:#ffffffd1;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:0 12px;text-decoration:none;display:flex}.teacher-dashboard .admin-sidebar-nav .teacher-nav-subitem.active{color:#fff;background:#ffffff29}.teacher-assignment-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacher-assignment-overview-card{background:radial-gradient(circle at 100% 0,#1f7a8c1f,#0000 32%),linear-gradient(#fff 0%,#f6fbff 100%);border:1px solid #dbe6f2;border-radius:18px;gap:8px;padding:18px;display:grid;box-shadow:0 16px 28px #0f172a12}.teacher-assignment-overview-card span{color:#5f7d98;text-transform:uppercase;letter-spacing:.06em;font-size:.84rem;font-weight:700}.teacher-assignment-overview-card strong{color:#123b5e;font-size:clamp(1.8rem,2.4vw,2.4rem);line-height:1}.teacher-assignment-overview-card p{color:#65819b;margin:0;font-size:.92rem}.teacher-assignment-table-copy{gap:4px;display:grid}.teacher-assignment-table-copy strong{color:#193c60}.teacher-assignment-table-copy span{color:#68839d;font-size:.86rem}.teacher-assignment-status-stack{gap:4px;display:grid}.teacher-assignment-status-stack span{color:#365471;font-size:.86rem;font-weight:600}.teacher-assignment-modal-stats{flex-wrap:wrap;gap:10px;display:flex}.teacher-assignment-modal-stats span{color:#1d527f;background:#eef7ff;border:1px solid #d2e4f3;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:700}.teacher-assignment-builder-shell{background:radial-gradient(circle at 0 0,#0f766e14,#0000 34%),linear-gradient(145deg,#f8fcff 0%,#edf6ff 100%);border:1px solid #d7e5f2;border-radius:18px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px;padding:16px;display:grid}.teacher-assignment-builder-copy{align-content:start;gap:10px;display:grid}.teacher-assignment-builder-chip{color:#0c5a73;letter-spacing:.04em;text-transform:uppercase;background:#0d6e8f14;border:1px solid #0d6e8f24;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.teacher-assignment-builder-copy h4{color:#143d61;margin:0;font-size:1.1rem}.teacher-assignment-builder-copy p{color:#607a95;margin:0;line-height:1.6}.teacher-assignment-builder-upload{background:#fffc;border:1px dashed #9dc2db;border-radius:16px;align-content:center;gap:10px;padding:16px;display:grid}.teacher-assignment-builder-upload label{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#0f7490 0%,#1d8ca4 100%);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:0 14px;font-weight:700;display:inline-flex}.teacher-assignment-builder-upload input{width:100%}.teacher-assignment-builder-upload small{color:#6c849a;line-height:1.5}.teacher-assignment-filter-stack{gap:12px;display:grid}.teacher-submission-toolbar{grid-template-columns:minmax(220px,260px) minmax(0,320px);justify-content:space-between;align-items:end;gap:16px;display:grid}.teacher-submission-status-field{min-width:0}.teacher-submission-back-btn{justify-self:end}.teacher-assignment-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.teacher-assignment-searchbar{width:min(320px,100%);margin-left:auto;position:relative}.teacher-assignment-search-icon{color:#6b829a;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.teacher-assignment-searchbar input{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #c9d6e3;border-radius:14px;width:100%;min-height:44px;padding:0 12px 0 38px}.teacher-assignment-searchbar input:disabled{cursor:not-allowed;opacity:.7;background:linear-gradient(#f4f8fc 0%,#edf3f9 100%)}.teacher-assignment-searchbar input:focus{border-color:#0e7490;outline:none;box-shadow:0 0 0 4px #0e74901f}.teacher-submission-chip{letter-spacing:.03em;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.teacher-submission-chip.is-pending{color:#475569;background:#f1f5f9}.teacher-submission-chip.is-submitted{color:#c2410c;background:#fff7ed}.teacher-submission-chip.is-graded{color:#047857;background:#ecfdf5}.teacher-submission-pagination{border-top:1px solid #d8e5f1;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.teacher-submission-pagination p{color:#61798f;margin:0;font-weight:600}.teacher-submission-pagination-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.teacher-submission-pagination-actions span{color:#234766;font-weight:700}.teacher-pagination-btn:disabled{opacity:.55;cursor:not-allowed}.teacher-assignment-readonly{color:#36546f;background:linear-gradient(#fbfdff 0%,#f1f7fd 100%);border:1px solid #d3e0ec;border-radius:14px;align-items:center;min-height:44px;padding:0 12px;font-weight:700;display:flex}.teacher-announcement-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.teacher-announcement-stat-card{background:radial-gradient(circle at 100% 0,#22c55e1f,#0000 28%),linear-gradient(#fff 0%,#f6fbff 100%);border:1px solid #d7e5f2;border-radius:20px;gap:8px;padding:18px;display:grid;box-shadow:0 16px 30px #0f172a12}.teacher-announcement-stat-card span{color:#5f7d98;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.teacher-announcement-stat-card strong{color:#123b5e;font-size:clamp(1.8rem,2.4vw,2.35rem);line-height:1}.teacher-announcement-stat-card p{color:#65819b;margin:0;font-size:.92rem}.teacher-announcement-shell{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;display:grid}.teacher-announcement-compose,.teacher-announcement-roster{align-content:start;display:grid}.teacher-announcement-hero{background:radial-gradient(circle at 0 0,#0f766e14,#0000 34%),linear-gradient(145deg,#f8fcff 0%,#edf6ff 100%);border:1px solid #d7e5f2;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;display:grid}.teacher-announcement-hero-copy{gap:10px;display:grid}.teacher-announcement-hero-copy h3{color:#143d61;margin:0;font-size:1.12rem}.teacher-announcement-hero-copy p{color:#607a95;margin:0;line-height:1.6}.teacher-announcement-mode-toggle{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.teacher-announcement-mode-btn{color:#27506f;cursor:pointer;background:#fff;border:1px solid #c9d9e8;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s;display:inline-flex}.teacher-announcement-mode-btn.active{color:#fff;background:linear-gradient(135deg,#0f7490 0%,#1d8ca4 100%);border-color:#0e7490;box-shadow:0 14px 24px #0e74902e}.teacher-announcement-mode-btn:hover{transform:translateY(-1px)}.teacher-announcement-attachment{background:#f9fcff;border:1px dashed #b4cadf;border-radius:18px;gap:10px;padding:16px;display:grid}.teacher-announcement-attachment strong{color:#173d5d}.teacher-announcement-attachment p{color:#6a839a;margin:4px 0 0;line-height:1.55}.teacher-announcement-attachment input[type=file]{display:none}.teacher-announcement-attachment-btn{color:#214f75;cursor:pointer;background:#fff;border:1px solid #cbd9e6;border-radius:14px;align-items:center;gap:8px;width:fit-content;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.teacher-announcement-attachment-pill{color:#1e4670;background:#eff6ff;border:1px solid #c4d8ef;border-radius:999px;align-items:center;gap:10px;width:fit-content;min-height:38px;padding:0 12px;display:inline-flex}.teacher-announcement-attachment-list{flex-wrap:wrap;gap:10px;display:flex}.teacher-announcement-attachment-pill button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.teacher-announcement-submit{justify-content:center;align-items:center;gap:8px;display:inline-flex}.teacher-announcement-roster-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.teacher-announcement-roster-head h3{color:#143d61;margin:0}.teacher-announcement-roster-head p{color:#607a95;margin:6px 0 0;line-height:1.6}.teacher-announcement-roster-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teacher-announcement-searchbar{margin-bottom:14px;position:relative}.teacher-announcement-searchbar svg{color:#6c8298;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.teacher-announcement-searchbar input{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #c9d6e3;border-radius:14px;width:100%;min-height:44px;padding:0 12px 0 40px}.teacher-announcement-searchbar input:disabled{opacity:.7;cursor:not-allowed;background:#f5f8fc}.teacher-announcement-searchbar input:focus{border-color:#0e7490;outline:none;box-shadow:0 0 0 4px #0e74901f}.teacher-announcement-all-state{text-align:center;color:#4b6988;background:linear-gradient(#fbfdff 0%,#f4f9ff 100%);border:1px dashed #bfd4e7;border-radius:20px;place-items:center;gap:8px;min-height:240px;padding:24px;display:grid}.teacher-announcement-all-state strong{color:#173d5d;font-size:1rem}.teacher-announcement-all-state p{max-width:280px;margin:0;line-height:1.6}.teacher-announcement-student-list{gap:10px;max-height:560px;padding-right:4px;display:grid;overflow-y:auto}.teacher-announcement-student-card{cursor:pointer;background:#fff;border:1px solid #d5e1ed;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 14px 12px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid}.teacher-announcement-student-card:hover{transform:translateY(-1px);box-shadow:0 12px 20px #0f172a0f}.teacher-announcement-student-card.selected{background:linear-gradient(#f1fbff 0%,#ebf8ff 100%);border-color:#0e7490}.teacher-announcement-student-card input{accent-color:#0e7490;width:16px;height:16px}.teacher-announcement-student-card div{gap:2px;min-width:0;display:grid}.teacher-announcement-student-card strong{color:#183e60}.teacher-announcement-student-card span,.teacher-announcement-student-card small{color:#68819b}.ta-confirm-modal{width:min(480px,100vw - 32px)}.ta-confirm-body{text-align:center;justify-items:center;gap:12px;padding:8px 0 16px;display:grid}.ta-confirm-icon{color:#3f84ff;background:linear-gradient(135deg,#3f84ff1f 0%,#3f84ff0f 100%);border:1px solid #3f84ff24;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.ta-confirm-body h4{color:#15395d;margin:0;font-size:1.15rem;line-height:1.35}.ta-confirm-body p{color:#6b839c;margin:0;font-size:.92rem;line-height:1.55}.ta-confirm-actions{flex-direction:column;gap:10px;padding-top:4px;display:flex}.ta-confirm-actions .submit-btn{justify-content:center;width:100%}.ta-select-btn{color:#27506f;cursor:pointer;background:#fff;border:1px solid #c9d9e8;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:.9rem;font-weight:700;transition:transform .14s,box-shadow .14s;display:inline-flex}.ta-select-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.ta-picker-modal{flex-direction:column;width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);display:flex}.ta-picker-search{background:#f5faffcc;border:1px solid #b3c7db73;border-radius:14px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 16px;display:flex}.ta-picker-search svg{color:#7a94ad;flex-shrink:0}.ta-picker-search input{color:#15395d;background:0 0;border:none;outline:none;flex:1;font-size:.92rem}.ta-picker-search input::placeholder{color:#9cb3c9}.ta-picker-info{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:6px 0;display:flex}.ta-picker-info span{color:#4a6d8c;font-size:.84rem;font-weight:700}.ta-picker-list{flex:1;gap:6px;max-height:360px;padding:2px 0;display:grid;overflow-y:auto}.ta-picker-empty{color:#6b839c;text-align:center;justify-items:center;padding:32px 16px;display:grid}.ta-picker-card{cursor:pointer;background:#f9fcfff2;border:1px solid #b3c7db59;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.ta-picker-card:hover{background:#eff7fffa;border-color:#3f84ff40}.ta-picker-card.selected{background:linear-gradient(#eff7fffa 0%,#e0effff5 100%);border-color:#3f84ff59}.ta-picker-card input[type=checkbox]{accent-color:#3f84ff;cursor:pointer;flex-shrink:0;width:18px;height:18px}.ta-picker-card-info{flex:1;gap:2px;min-width:0;display:grid}.ta-picker-card-info strong{color:#15395d;font-size:.92rem}.ta-picker-card-info span{color:#6b839c;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.ta-picker-card small{color:#7a94ad;white-space:nowrap;flex-shrink:0;font-size:.78rem}.ta-picker-footer{border-top:1px solid #b3c7db4d;margin-top:10px;padding-top:14px}.ta-picker-footer .submit-btn{justify-content:center;width:100%}.student-assignment-intro-meta{text-align:right;gap:4px;display:grid}.student-assignment-intro-meta strong{color:#17385b;font-size:1rem}.student-assignment-intro-meta span{color:#68819b;font-size:.92rem}.student-assignment-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-assignment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.student-assignment-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #91bce452;border-radius:24px;flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #1a3f650f,0 1px 3px #1a3f650a}.student-assignment-card:hover{border-color:#91bce485;transform:translateY(-4px);box-shadow:0 20px 48px #1a3f651f,0 4px 12px #1a3f650f}.sa-accent-bar{background:linear-gradient(90deg,#4a89ff 0%,#8cc8ff 100%);flex-shrink:0;width:100%;height:5px;transition:opacity .2s}.student-assignment-card.is-awaiting_submission .sa-accent-bar{background:linear-gradient(90deg,#4a89ff 0%,#8cc8ff 100%)}.student-assignment-card.is-submitted .sa-accent-bar{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.student-assignment-card.is-graded .sa-accent-bar{background:linear-gradient(90deg,#10b981 0%,#6ee7b7 100%)}.sa-ribbon{text-align:center;z-index:2;width:140px;padding:6px 0;position:absolute;top:18px;right:-36px;transform:rotate(45deg);box-shadow:0 4px 12px #00000026}.sa-ribbon span{letter-spacing:.06em;text-transform:uppercase;color:#fff;font-size:.62rem;font-weight:800}.sa-ribbon.is-awaiting_submission{background:linear-gradient(135deg,#3f84ff 0%,#5ca8ff 100%)}.sa-ribbon.is-submitted{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.sa-ribbon.is-graded{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.sa-card-head{align-items:center;gap:14px;padding:20px 100px 0 22px;display:flex}.sa-card-icon{color:#3f84ff;background:linear-gradient(135deg,#3f84ff1f 0%,#3f84ff0f 100%);border:1px solid #3f84ff24;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.student-assignment-card.is-submitted .sa-card-icon{color:#d97706;background:linear-gradient(135deg,#f59e0b1f 0%,#f59e0b0f 100%);border-color:#f59e0b29}.student-assignment-card.is-graded .sa-card-icon{color:#059669;background:linear-gradient(135deg,#10b9811f 0%,#10b9810f 100%);border-color:#10b98129}.sa-card-head-text{flex:1;gap:6px;min-width:0;display:grid}.sa-title{color:#12385f;font-family:var(--font-student);letter-spacing:-.01em;margin:0;font-size:1.15rem;line-height:1.3}.sa-subject-tag{color:#3d6a94;white-space:nowrap;background:#eff7fff5;border:1px solid #aac2dc61;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:4px 11px;font-size:.76rem;font-weight:700;display:inline-flex}.sa-card-body{gap:6px;padding:14px 22px 0;display:grid}.sa-detail-line{color:#5c7995;margin:0;font-size:.88rem;line-height:1.55}.sa-detail-line strong{color:#1d4f81;font-weight:700}.sa-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:18px 22px 20px;display:flex}.sa-card-actions{flex-wrap:wrap;gap:10px;display:flex}.sa-score-badge{text-align:center;background:linear-gradient(#f8fcfffa 0%,#edf6fff2 100%);border:1px solid #a3c6e366;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:72px;padding:8px 18px;display:flex;box-shadow:0 4px 14px #24548114}.sa-score-badge span{color:#6a83a0;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:800}.sa-score-badge strong{color:#12385f;white-space:nowrap;font-size:1.25rem;line-height:1.1}.sa-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.sa-btn:hover{transform:translateY(-1px)}.sa-btn-primary{color:#fff;background:linear-gradient(135deg,#3f84ff 0%,#5ca8ff 100%);box-shadow:0 8px 20px #3f84ff33}.sa-btn-primary:hover{box-shadow:0 12px 28px #3f84ff4d}.sa-btn-neutral{color:#24598d;background:#f1f7fff2;border-color:#abc2da73}.sa-btn-neutral:hover{background:#e8f2fffa;box-shadow:0 4px 14px #3f84ff1a}.sa-btn-outline{color:#24598d;background:#ffffffe6;border-color:#abc2da80}.sa-btn-outline:hover{background:#f1f7fffa;box-shadow:0 4px 14px #3f84ff1a}.student-assignment-empty{text-align:center;color:#5e7993;grid-column:1/-1;justify-items:center;gap:12px;padding:48px 24px;display:grid}.student-assignment-detail-modal{width:min(760px,100vw - 32px)}.student-assignment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.student-assignment-detail-card{background:linear-gradient(#f9fcfffa 0%,#f1f7fff5 100%);border:1px solid #b3c7db59;border-radius:16px;gap:6px;padding:16px 18px;transition:border-color .2s;display:grid}.student-assignment-detail-card:hover{border-color:#91bce48c}.student-assignment-detail-highlight{background:linear-gradient(#eff7fffa 0%,#e0effff5 100%);border-color:#3f84ff38}.student-assignment-detail-grid label{color:#69839d;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.student-assignment-detail-grid p{color:#15395d;margin:0;font-size:.96rem;font-weight:500;line-height:1.6}.student-assignment-detail-wide{grid-column:1/-1}@media (width<=980px){.auth-page{grid-template-columns:1fr;height:auto;overflow:visible}.auth-panel{padding:42px 24px 24px}.auth-hero-media{border-radius:14px;padding:8px}.auth-form-wrap{align-items:flex-start;padding:20px}.auth-form{padding:24px}.admin-dashboard{grid-template-columns:1fr}.admin-sidebar{border-bottom:1px solid #fff3;border-right:0;padding:16px}.admin-dashboard.sidebar-collapsed{--sidebar-width:1fr}.admin-dashboard.sidebar-collapsed .admin-sidebar{padding:16px}.admin-dashboard.sidebar-collapsed .admin-sidebar-meta,.admin-dashboard.sidebar-collapsed .brand-label,.admin-dashboard.sidebar-collapsed .nav-label,.admin-dashboard.sidebar-collapsed .logout-label{opacity:1;max-width:240px}.admin-dashboard.sidebar-collapsed .admin-sidebar-nav a,.admin-dashboard.sidebar-collapsed .sidebar-logout{justify-content:flex-start;padding-inline:12px}.admin-sidebar-nav{grid-auto-columns:max-content;grid-auto-flow:column;padding-bottom:2px;overflow-x:auto}.admin-main{padding:16px}.admin-main-header-split{grid-template-columns:1fr;justify-items:start}.admin-kpi-grid,.admin-panels-grid,.teacher-activity-grid,.admin-form-grid,.subject-selector-grid,.assignment-class-grid,.teacher-assignment-grid{grid-template-columns:1fr}.teacher-assignment-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-assignment-builder-shell,.teacher-announcement-stats,.teacher-announcement-shell,.teacher-assignment-filter-grid,.student-assignment-filter-grid{grid-template-columns:1fr}.teacher-assignment-searchbar{width:100%;margin-left:0}.teacher-submission-toolbar,.teacher-announcement-hero{grid-template-columns:1fr}.teacher-submission-back-btn{justify-self:start}.teacher-submission-pagination{flex-direction:column;align-items:flex-start}.teacher-announcement-roster-head{flex-direction:column}.student-assignment-grid{grid-template-columns:1fr}.student-assignment-intro-meta{text-align:left}.teacher-subjects-grid,.teacher-filter-row{grid-template-columns:1fr}.teacher-question-actions{flex-direction:column;align-items:stretch}.admin-form .submit-btn{justify-self:stretch;width:100%}.modal-details-grid{grid-template-columns:1fr}.landing-header{padding-inline:16px}.landing-header-inner{padding:12px 14px}.landing-nav,.landing-login-link,.landing-cta-btn{display:none}.landing-mobile-toggle{display:inline-flex}.landing-page main{padding-inline:16px;gap:56px;padding-bottom:64px}.landing-hero{grid-template-columns:1fr;gap:28px}.landing-showcase,.landing-showcase-shell{min-height:460px}.landing-stats-strip,.landing-benefits-grid,.landing-program-grid,.landing-experience-grid,.landing-enroll-section,.classes-hero,.classes-tier-grid,.enroll-page-shell,.enroll-form-grid,.landing-form-grid{grid-template-columns:1fr}.classes-hero{min-height:auto}.classes-archive-header,.classes-tier-cta{flex-direction:column;align-items:flex-start}.enroll-flow-modal{padding:18px}.enroll-otp-meta-grid,.enroll-otp-input-grid,.enroll-otp-single-input,.enroll-payment-preview{grid-template-columns:1fr}.enroll-flow-actions{width:100%}.enroll-flow-actions .landing-submit-btn,.enroll-secondary-btn{justify-content:center;width:100%}.classes-archive-tabs{justify-content:stretch;width:100%}.classes-archive-tabs button{flex:1 1 0}.classes-tier-card-bottom{flex-direction:column;align-items:flex-start}.landing-footer{flex-direction:column;width:calc(100% - 32px)}.student-login-page{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:auto}.student-login-media-wrap{order:-1;padding:16px}.student-login-video-frame{border-radius:22px;width:100%;min-height:280px;max-height:none}.student-login-artwork{object-fit:cover;min-height:280px}.student-login-form-wrap{align-items:start;padding:16px}.student-login-form{border-radius:24px;width:100%}.student-login-media-note{border-radius:14px;min-height:64px;padding:10px 12px;bottom:10px;left:10px;right:10px}.student-login-media-note-copy strong{font-size:.98rem}.student-login-media-note-copy p{font-size:.86rem}}@media (width<=680px){.landing-dashed-curve{display:none}.landing-hero-copy h1{font-size:clamp(2.25rem,10vw,3.3rem)}.landing-showcase,.landing-showcase-shell{min-height:390px}.landing-hero-visual{border-radius:28px;inset:0}.landing-hero-visual:before{border-radius:24px;inset:14px}.landing-hero-visual-chip{min-height:34px;padding:0 12px;font-size:.74rem}.landing-hero-visual-chip-top{top:16px;left:14px}.landing-hero-visual-chip-bottom{bottom:16px;right:14px}.landing-stat-card,.landing-benefit-card,.landing-program-card,.landing-step-card,.classes-summary-card,.classes-tier-card,.classes-tier-panel,.classes-archive-shell,.enroll-page-copy,.enroll-form-card,.enroll-highlight-card{border-radius:22px}.landing-enroll-section{border-radius:28px}.landing-enroll-form{border-radius:24px}.landing-submit-btn{justify-content:center;width:100%}.classes-archive-tabs{border-radius:22px;flex-direction:column}.classes-hero-copy h1{font-size:clamp(2.15rem,10vw,3rem)}}@media (width<=1100px){.teacher-progress-summary-grid,.teacher-progress-chart-grid,.teacher-progress-table-grid{grid-template-columns:1fr}.teacher-progress-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-progress-filters{flex-direction:column;align-items:stretch}.teacher-progress-filter-field{min-width:0}.teacher-progress-chart-shell{height:240px}.teacher-progress-card-head-actions{justify-content:flex-start;width:100%}}@media (width<=900px){.student-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.teacher-progress-summary-grid,.teacher-progress-data-grid,.teacher-assignment-overview-grid{grid-template-columns:1fr}.teacher-announcement-mode-toggle,.teacher-announcement-roster-actions{width:100%}.teacher-announcement-mode-btn{flex:100%;justify-content:center}.teacher-announcement-student-card{grid-template-columns:auto minmax(0,1fr)}.teacher-announcement-student-card small{grid-column:2}.teacher-progress-card,.teacher-progress-chart-card,.teacher-progress-summary-card{padding:16px}.student-assignment-grid{grid-template-columns:1fr}.sa-card-head{padding-right:22px}.sa-ribbon{width:140px;top:14px;right:-40px}.sa-card-footer{flex-direction:column;align-items:flex-start}.sa-card-actions{width:100%}.sa-btn{flex:1;justify-content:center}.student-assignment-detail-grid{grid-template-columns:1fr}.teacher-progress-table{min-width:560px}}.enroll-paypal-link{color:#174a81;background:linear-gradient(#eff7ff 0%,#e5f0ff 100%);border:1px solid #bfd6f3;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:700;display:inline-flex}.enroll-file-upload-wrap{color:#1a4f84;background:#f0f7ff;border:2px dashed #8ba9c9;border-radius:16px;align-items:center;min-height:52px;padding:0 16px;font-size:.94rem;font-weight:700;transition:all .16s;display:flex;position:relative}.enroll-file-upload-wrap:hover{border-color:var(--landing-red);background:#e6f1ff;transform:translateY(-1px)}.enroll-payment-form-grid{gap:16px;width:100%;margin:8px 0;display:grid}.enroll-file-upload-wrap input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.enroll-file-upload-wrap span{align-items:center;gap:8px;display:inline-flex}.enrollment-request-tabs{background:#f3f8ff;border:1px solid #d5e2ef;border-radius:14px;flex-wrap:wrap;gap:8px;padding:6px;display:inline-flex}.enrollment-request-tabs button{color:#335777;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:38px;padding:0 14px;font-weight:700}.enrollment-request-tabs button.is-active{color:#133f6c;background:#fff;border-color:#bfd2e8;box-shadow:0 6px 14px #113d681a}.table-action-btn.approve{color:#1f7a49;background:#e9f9ef;border-color:#c8edd6}.table-action-btn.reject{color:#a72323;background:#ffeded;border-color:#ffd1d1}.enrollment-request-actions{gap:8px;display:inline-flex}.enrollment-proof-modal{width:min(840px,100%)}.enrollment-proof-image-wrap{background:#f6fbff;border:1px solid #d7e4ef;border-radius:12px;width:100%;overflow:hidden}.enrollment-proof-image-wrap img{object-fit:contain;width:100%;height:auto;max-height:72vh;display:block}:root{--font-base:"Manrope", "Segoe UI", sans-serif;--font-heading:"Sora", "Manrope", sans-serif;--font-student:"Nunito", "Manrope", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-base);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;margin:0;line-height:1.45;overflow-x:hidden}
