@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap";.ab-hero-midnight{color:#fff;text-align:center;background:radial-gradient(120% 90% at 50% -10%,#1e1b4b 0%,#0f172a 50%,#020617 100%);padding:80px 0 92px;position:relative;overflow:hidden}.ab-hero-midnight:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 18% 25%,#3b82f629 0%,#0000 45%),radial-gradient(circle at 82% 20%,#8b5cf629 0%,#0000 45%),radial-gradient(circle at 50% 80%,#10b98114 0%,#0000 50%);position:absolute;inset:0}.ab-hero-midnight:after{content:"";pointer-events:none;opacity:.75;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.ab-hero-manifesto-content{z-index:2;max-width:900px;margin:0 auto;position:relative}.ab-manifesto-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#93c5fd;background:#ffffff14;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 20px -2px #0000004d}.ab-badge-pulse{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite abPulse;box-shadow:0 0 10px #38bdf8}.ab-hero-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#fff;letter-spacing:-.025em;margin-bottom:22px;font-size:clamp(34px,4.6vw,54px);font-weight:700;line-height:1.16}.ab-hero-gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#c084fc 50%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:6px;display:block}.ab-hero-subtitle{color:#cbd5e1;max-width:720px;margin:0 auto 30px;font-size:17.5px;line-height:1.75}.ab-hero-subtitle strong{color:#fff}.ab-nav-anchors{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:50px;display:flex}.ab-anchor-pill{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.ab-anchor-pill:hover{color:#fff;background:#ffffff29;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 14px #60a5fa33}.ab-contrast-stage{z-index:2;text-align:left;grid-template-columns:1fr;gap:20px;max-width:1040px;margin:0 auto;display:grid;position:relative}@media (width>=860px){.ab-contrast-stage{grid-template-columns:1fr 1fr;gap:24px}}.ab-contrast-card{border-radius:24px;padding:30px 28px;transition:all .25s;position:relative;overflow:hidden}.ab-contrast-card--problem{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1.5px solid #ef444440;box-shadow:0 16px 36px -8px #0006}.ab-contrast-card--problem:hover{border-color:#ef444473;transform:translateY(-3px)}.ab-contrast-card--solution{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#1e1b4bd9 0%,#0f172af2 100%);border:1.5px solid #3b82f666;box-shadow:0 20px 45px -8px #3b82f640,0 0 0 1px #6366f126}.ab-contrast-card--solution:hover{border-color:#60a5fab3;transform:translateY(-3px);box-shadow:0 24px 50px -8px #3b82f659}.ab-contrast-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.ab-contrast-badge--problem{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.ab-contrast-badge--solution{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.ab-contrast-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#fff;margin-bottom:8px;font-size:21px;font-weight:700}.ab-contrast-desc{color:#94a3b8;margin-bottom:20px;font-size:13.5px;line-height:1.6}.ab-contrast-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ab-contrast-item{align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.ab-contrast-item--problem{color:#cbd5e1}.ab-contrast-item--problem strong{color:#fca5a5}.ab-contrast-item--solution{color:#e2e8f0}.ab-contrast-item--solution strong{color:#93c5fd}.ab-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:800;display:flex}.ab-item-icon--x{color:#f87171;background:#ef444433}.ab-item-icon--check{color:#4ade80;background:#22c55e33}.ab-stats-section{padding:24px 0 60px}.ab-stats-card-wrap{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border:1px solid #ffffff1a;border-radius:28px;grid-template-columns:repeat(2,1fr);gap:28px;padding:38px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 48px -10px #0f172a59}.ab-stats-card-wrap:after{content:"";pointer-events:none;background:radial-gradient(circle at 100%,#6366f138 0%,#0000 70%);width:320px;height:100%;position:absolute;top:0;right:0}@media (width>=900px){.ab-stats-card-wrap{grid-template-columns:repeat(4,1fr);gap:24px}}.ab-stat-item{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.ab-stat-item:not(:last-child):after{content:"";background:#ffffff1a;width:1px;height:70%;display:none;position:absolute;top:15%;right:-12px}@media (width>=900px){.ab-stat-item:not(:last-child):after{display:block}}.ab-stat-icon-wrap{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.ab-stat-value{font-family:var(--f-display,"Fredoka", sans-serif);color:#fff;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:clamp(30px,3.2vw,42px);font-weight:700;line-height:1.1}.ab-stat-label{color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:13.5px;font-weight:700}.ab-stat-sub{color:#94a3b8;font-size:12px}.ab-story-section{padding:40px 0 80px}.ab-story-layout{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (width>=992px){.ab-story-layout{grid-template-columns:1.1fr .9fr;gap:60px}}.ab-sec-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.ab-sec-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.25}.ab-story-text{color:#475569;margin-bottom:18px;font-size:15.5px;line-height:1.8}.ab-story-text strong{color:#0f172a;font-weight:700}.ab-questions-box{background:linear-gradient(135deg,#f8faff 0%,#f1f5f9 100%);border:1.5px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:16px;margin:24px 0;padding:20px}.ab-questions-grid{grid-template-columns:repeat(1,1fr);gap:12px;margin-top:12px;display:grid}@media (width>=600px){.ab-questions-grid{grid-template-columns:repeat(2,1fr)}}.ab-q-item{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:700;display:flex;box-shadow:0 1px 3px #00000008}.ab-q-num{color:#1e40af;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.ab-journey-visual-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:28px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 20px 45px -12px #0f172a14}.ab-journey-visual-card:before{content:"";background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 50%,#10b981 100%);height:6px;position:absolute;top:0;left:0;right:0}.ab-journey-node-list{flex-direction:column;gap:20px;margin-top:16px;display:flex;position:relative}.ab-journey-node-list:before{content:"";background:linear-gradient(#3b82f6 0%,#8b5cf6 50%,#22c55e 100%);border-radius:9999px;width:3px;position:absolute;top:24px;bottom:24px;left:20px}.ab-node-item{align-items:flex-start;gap:16px;display:flex;position:relative}.ab-node-bullet{color:#1d4ed8;z-index:1;background:#fff;border:3px solid #3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:flex;box-shadow:0 0 0 4px #3b82f626}.ab-node-item.node-active .ab-node-bullet{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-color:#fff;box-shadow:0 0 0 4px #7c3aed40}.ab-node-item.node-complete .ab-node-bullet{color:#fff;background:#10b981;border-color:#fff;box-shadow:0 0 0 4px #10b98133}.ab-node-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex:1;padding:14px 18px;transition:all .2s}.ab-node-item:hover .ab-node-content{background:#fff;border-color:#3b82f6;transform:translate(4px);box-shadow:0 6px 18px #3b82f61a}.ab-node-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:16px;font-weight:700;display:flex}.ab-node-desc{color:#64748b;margin:0;font-size:13px;line-height:1.5}.ab-triangle-section{background:linear-gradient(#f8fafc 0%,#fff 100%);padding:60px 0 80px}.ab-triangle-grid{grid-template-columns:1fr;gap:28px;margin-top:40px;display:grid}@media (width>=900px){.ab-triangle-grid{grid-template-columns:repeat(3,1fr)}}.ab-tri-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;flex-direction:column;padding:32px 26px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 24px -4px #0f172a0d}.ab-tri-card:hover{border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 20px 40px -8px #3b82f629}.ab-tri-icon{border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex;box-shadow:0 4px 14px #0000000f}.ab-tri-icon--student{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%)}.ab-tri-icon--teacher{color:#7c3aed;background:linear-gradient(135deg,#ede9fe 0%,#f5f3ff 100%)}.ab-tri-icon--parent{color:#047857;background:linear-gradient(135deg,#d1fae5 0%,#ecfdf5 100%)}.ab-tri-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;margin-bottom:8px;font-size:21px;font-weight:700}.ab-tri-role{text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:13px;font-weight:700}.ab-tri-role--student{color:#2563eb}.ab-tri-role--teacher{color:#7c3aed}.ab-tri-role--parent{color:#059669}.ab-tri-p{color:#475569;flex:1;margin-bottom:20px;font-size:14px;line-height:1.65}.ab-tri-list{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;margin:0;padding:16px 0 0;list-style:none;display:flex}.ab-tri-item{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ab-values-section{padding:80px 0}.ab-values-grid{grid-template-columns:1fr;gap:24px;margin-top:44px;display:grid}@media (width>=640px){.ab-values-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.ab-values-grid{grid-template-columns:repeat(4,1fr)}}.ab-value-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;padding:28px 22px;transition:all .22s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.ab-value-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 16px 32px -6px #3b82f61f}.ab-value-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.ab-val-1{color:#2563eb;background:#eff6ff}.ab-val-2{color:#7c3aed;background:#f5f3ff}.ab-val-3{color:#059669;background:#ecfdf5}.ab-val-4{color:#d97706;background:#fef3c7}.ab-value-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;margin-bottom:10px;font-size:18px;font-weight:700}.ab-value-p{color:#64748b;margin:0;font-size:13.5px;line-height:1.6}.ab-arch-section{background:#fff;padding:60px 0 80px}.ab-arch-grid{grid-template-columns:repeat(1,1fr);gap:18px;margin-top:36px;display:grid}@media (width>=640px){.ab-arch-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.ab-arch-grid{grid-template-columns:repeat(5,1fr)}}.ab-arch-card{text-align:center;background:linear-gradient(135deg,#f8faff 0%,#f1f5f9 100%);border:1.5px solid #e2e8f0;border-radius:18px;padding:20px 16px;transition:all .2s;position:relative}.ab-arch-card:hover{background:#fff;border-color:#2563eb;transform:translateY(-3px);box-shadow:0 10px 24px -4px #2563eb1f}.ab-arch-step-num{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px;font-weight:800}.ab-arch-name{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;margin-bottom:6px;font-size:17px;font-weight:700}.ab-arch-desc{color:#64748b;margin:0;font-size:12px;line-height:1.45}.ab-cta-section{padding:40px 0 80px}.ab-cta-box{text-align:center;background:linear-gradient(135deg,#1e3a8a 0%,#1e1b4b 50%,#0f172a 100%);border:1px solid #ffffff26;border-radius:32px;padding:60px 36px;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a59}.ab-cta-box:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(#6366f14d 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.ab-cta-content{z-index:1;max-width:680px;margin:0 auto;position:relative}.ab-cta-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#fff;margin-bottom:18px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.2}.ab-cta-p{color:#cbd5e1;margin-bottom:32px;font-size:16px;line-height:1.65}.ab-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.btn-cta-white{color:#0f172a;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 8px 24px #00000026}.btn-cta-white:hover{color:#1e40af;transform:translateY(-3px)scale(1.02);box-shadow:0 14px 32px #00000040}.btn-cta-glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:14px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-cta-glass:hover{color:#fff;background:#ffffff2e;border-color:#fff;transform:translateY(-2px)}.auth-topbar{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.auth-logo{align-items:center;gap:8px;display:flex}.auth-logo span{font-family:var(--f-display);color:var(--b);font-size:19px;font-weight:600}.auth-form-panel{flex-direction:column;padding:0 24px 50px;display:flex}.auth-card{width:100%;max-width:400px;margin:0 auto;padding-top:20px}.auth-head .eyebrow{margin-bottom:14px}.auth-head h1{margin-bottom:8px;font-size:28px}.seg-toggle{background:var(--g1);border-radius:var(--rlg);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.seg-toggle input:focus-visible+.seg-opt{outline:2.5px solid var(--b);outline-offset:2px}.field-wrap svg.field-icon{color:var(--g4);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field-wrap .input.has-icon{padding-left:42px}select.input{appearance:none;background-image: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='%2394A3B8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.pw-toggle{color:var(--g4);border-radius:var(--rs);background:0 0;border:none;padding:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.form-toprow{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.forgot-link{color:var(--b);font-size:13px;font-weight:700}.btn-submit{border-radius:var(--rlg);width:100%;padding:14px;font-size:15px;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{color:var(--g4);align-items:center;gap:12px;margin:22px 0;font-size:12.5px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--g2);flex:1;height:1px}.btn-social{background:var(--w);border:1.5px solid var(--g2);border-radius:var(--rlg);width:100%;color:var(--n);transition:var(--tr);justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:700;display:flex}.btn-social:hover{border-color:var(--g3);background:var(--g1)}.auth-switch{text-align:center;color:var(--g5);margin-top:26px;font-size:13.5px}.auth-switch a{color:var(--b);font-weight:700}.auth-success{text-align:center;padding:30px 0 10px;display:none}.auth-success.show{display:block}.auth-success .icon-circle{border-radius:var(--rf);background:var(--gl);width:64px;height:64px;color:var(--g);justify-content:center;align-items:center;margin:0 auto 18px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop;display:flex}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.auth-success h2{margin-bottom:8px;font-size:21px}.auth-success p{color:var(--g5);margin-bottom:22px;font-size:14px;line-height:1.5}.auth-visual-panel{background:var(--n);flex-direction:column;justify-content:space-between;padding:44px;display:none;position:relative;overflow:hidden}.avp-badge{color:#fff;border-radius:var(--rf);background:#ffffff1f;align-items:center;gap:7px;width:fit-content;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.avp-mid{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.avp-mid h3{color:#fff;max-width:320px;font-size:22px;line-height:1.3}.avp-card{border-radius:var(--rxl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff24;width:100%;max-width:320px;padding:18px}.avp-quote{color:#e2e8f0;margin-bottom:14px;font-size:13.5px;line-height:1.55}.avp-av{border-radius:var(--rf);background:var(--b);color:#fff;width:32px;height:32px;font-family:var(--f-display);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.avp-stats div{flex-direction:column;gap:2px;display:flex}.avp-stats b{font-family:var(--f-display);color:#fff;font-size:21px;font-weight:600}.toast{background:var(--n);color:#fff;border-radius:var(--rlg);box-shadow:var(--sl);opacity:0;pointer-events:none;z-index:400;align-items:center;gap:9px;padding:13px 20px;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}@media (width>=960px){.auth-shell{grid-template-columns:1fr 1fr}.auth-form-panel{justify-content:center;padding:0 60px}.auth-topbar{grid-column:1/2}.auth-visual-panel{display:flex}}@media (width<=480px){.field-row{grid-template-columns:1fr}}.crumb span.sep{color:var(--g3)}.crumb span.cur{color:var(--n);font-weight:700}.pd-hero{padding:20px 0 40px}.pd-hero-grid{gap:30px;display:grid}.pd-world-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--rf);align-items:center;gap:7px;margin-bottom:14px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.pd-world-tag.c-math{background:var(--bl);color:var(--b)}.pd-world-tag.c-sci{background:var(--gl);color:var(--g)}.pd-world-tag.c-eng{background:var(--rl);color:var(--r)}.pd-title{margin-bottom:14px;font-size:clamp(28px,4vw,40px)}.pd-desc{color:var(--g6);max-width:560px;margin-bottom:22px;font-size:15.5px;line-height:1.65}.pd-meta-row{flex-wrap:wrap;gap:22px;margin-bottom:24px;display:flex}.pd-meta-item{color:var(--g6);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.pd-meta-item svg{color:var(--g4);flex-shrink:0}.pd-meta-item.rating svg{color:var(--y)}.pd-teacher-chip{background:var(--g1);border-radius:var(--rf);align-items:center;gap:10px;padding:8px 14px 8px 8px;display:inline-flex}.pd-teacher-chip .av{border-radius:var(--rf);background:var(--n);color:#fff;width:32px;height:32px;font-family:var(--f-display);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.pd-teacher-chip div span{display:block}.pd-teacher-chip .tn{color:var(--n);font-size:13px;font-weight:700}.pd-teacher-chip .tr{color:var(--g5);font-size:11.5px}.pd-price-card{background:var(--w);border:1.5px solid var(--g2);border-radius:var(--r2);box-shadow:var(--sl);padding:24px;position:sticky;top:90px}.pd-price-card .amount{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.pd-price-card .amount b{font-family:var(--f-display);color:var(--n);font-size:32px;font-weight:600}.pd-price-card .amount span{color:var(--g5);font-size:13px}.pd-price-card .sub{color:var(--g5);margin-bottom:20px;font-size:12.5px}.pd-price-list{flex-direction:column;gap:10px;margin:18px 0 22px;display:flex}.pd-price-list li{color:var(--g6);align-items:center;gap:9px;font-size:13.5px;display:flex}.pd-price-list svg{color:var(--g);flex-shrink:0}.pd-guarantee{text-align:center;color:var(--g5);margin-top:12px;font-size:11.5px}.pd-section{border-top:1px solid var(--g1);padding:44px 0}.pd-section-head{margin-bottom:26px}.pd-section-head h2{margin-bottom:8px;font-size:24px}.pd-section-head p{color:var(--g5);font-size:14.5px}.pd-highlights{gap:12px;display:grid}.pd-highlight{border-radius:var(--rlg);background:var(--g1);align-items:flex-start;gap:12px;padding:14px;display:flex}.pd-highlight svg{color:var(--g);flex-shrink:0;margin-top:2px}.pd-highlight span{color:var(--n);font-size:14px;font-weight:500;line-height:1.45}.curr-level{border:1px solid var(--g2);border-radius:var(--rxl);margin-bottom:14px;overflow:hidden}.curr-level-head{cursor:pointer;background:var(--w);transition:var(--tr);align-items:center;gap:14px;padding:18px 20px;display:flex}.curr-level-head:hover{background:var(--g1)}.curr-level-badge{border-radius:var(--rf);width:34px;height:34px;font-family:var(--f-display);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.curr-level-info{flex:1}.curr-level-info h4{margin-bottom:2px;font-size:15.5px}.curr-level-info span{color:var(--g5);font-size:12.5px}.curr-chevron{color:var(--g4);flex-shrink:0;transition:transform .25s}.curr-level.open .curr-chevron{transform:rotate(180deg)}.curr-sessions{background:var(--g1);max-height:0;transition:max-height .35s;overflow:hidden}.curr-level.open .curr-sessions{max-height:900px}.curr-session{border-top:1px solid var(--g2);color:var(--g6);align-items:center;gap:12px;padding:13px 20px 13px 68px;font-size:13.5px;display:flex}.curr-session svg{color:var(--g4);flex-shrink:0}.curr-session.preview{color:var(--n);font-weight:600}.curr-session.preview svg{color:var(--b)}.curr-session .badge-preview{color:var(--b);background:var(--bl);border-radius:var(--rf);margin-left:auto;padding:3px 9px;font-size:10.5px;font-weight:700}.teacher-card{background:var(--g1);border-radius:var(--r2);flex-wrap:wrap;align-items:flex-start;gap:20px;padding:26px;display:flex}.teacher-card .av-lg{border-radius:var(--rf);background:var(--n);color:#fff;width:68px;height:68px;font-family:var(--f-display);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex}.teacher-info{flex:1;min-width:220px}.teacher-info h4{margin-bottom:4px;font-size:18px}.teacher-info .role{color:var(--g5);margin-bottom:12px;font-size:13px}.teacher-info p.bio{color:var(--g6);max-width:480px;margin-bottom:14px;font-size:13.5px;line-height:1.6}.teacher-stats div{flex-direction:column;display:flex}.teacher-stats b{font-family:var(--f-display);color:var(--n);font-size:17px;font-weight:600}.teacher-stats span{color:var(--g5);font-size:11.5px}.reviews-grid{gap:14px;display:grid}.review-card{border:1px solid var(--g2);border-radius:var(--rxl);background:var(--w);padding:20px}.review-stars{color:var(--y);gap:2px;margin-bottom:12px;display:flex}.review-quote{color:var(--n);margin-bottom:16px;font-size:13.5px;line-height:1.6}.review-who{align-items:center;gap:9px;display:flex}.review-av{border-radius:var(--rf);background:var(--b);color:#fff;width:28px;height:28px;font-family:var(--f-display);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.review-name{font-size:12.5px;font-weight:700}.review-role{color:var(--g5);font-size:11px}.faq-q{text-align:left;width:100%;font-family:var(--f-body);color:var(--n);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:18px 4px;font-size:14.5px;font-weight:700;display:flex}.related-grid{gap:16px;display:grid}.pd-mobile-bar{background:var(--w);border-top:1px solid var(--g2);z-index:150;align-items:center;gap:14px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 20px -8px #0f172a1a}.pd-mobile-bar .amt{flex-direction:column;display:flex}.pd-mobile-bar .amt b{font-family:var(--f-display);color:var(--n);font-size:17px;font-weight:600}.pd-mobile-bar .amt span{color:var(--g5);font-size:10.5px}.pd-mobile-bar .btn{flex:1}.not-found{text-align:center;padding:100px 20px;display:none}.not-found.show{display:block}.not-found .mascot{margin-bottom:14px;font-size:46px}@media (width>=860px){.pd-highlights{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=960px){.pd-hero-grid{grid-template-columns:1.6fr 1fr;align-items:start}.pd-mobile-bar{display:none}body{padding-bottom:0!important}}@media (width<=959px){body{padding-bottom:78px}}:root{--blue-900:#0f1b3d;--blue-700:#1e3a8a;--blue-600:#3556e6;--blue-500:#3d6bff;--blue-100:#e4ecff;--blue-50:#f2f6ff;--red-500:#ff4757;--red-100:#ffe3e6;--green-500:#1fae6a;--green-100:#dff6eb;--yellow-400:#ffc94d;--ink:#101b3b;--ink-soft:#5b6785;--ink-faint:#8993ac;--line:#e4e9f5;--white:#fff;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow-card:0 14px 32px -18px #101b3b47;--shadow-pop:0 22px 48px -20px #101b3b59;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif}.page-hero{background:radial-gradient(1100px 480px at 15% -10%, #24408f 0%, var(--blue-900) 60%);padding:75px;position:relative;overflow:hidden}.page-hero:before,.page-hero:after{content:"";opacity:.5;border-radius:50%;position:absolute}.page-hero:before{background:radial-gradient(circle,#3d6bff 0%,#0000 70%);width:340px;height:340px;top:-140px;right:-60px}.page-hero:after{background:radial-gradient(circle,#ff4757 0%,#0000 70%);width:260px;height:260px;bottom:-140px;left:8%}.page-hero .wrap,.page-hero .container{position:relative}.container{padding:50px}.hero-copy-programs{max-width:620px}.hero-copy-programs h1{color:var(--white);font-size:40px;line-height:1.15;font-family:var(--font-display);margin-bottom:14px}.hero-copy-programs p{color:#c7d3f5;max-width:520px;font-size:16.5px;line-height:1.6}.eyebrow{color:var(--blue-600);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow .dot{background:var(--red-500);border-radius:50%;width:6px;height:6px}.pill{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.pill-blue{background:var(--blue-100);color:var(--blue-700)}.pill-white{color:var(--ink);background:#ffffffeb}.pill-red{background:var(--red-100);color:#c4283a}.pill-green{background:var(--green-100);color:#0f7a48}.icon-circle{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.search-bar{max-width:560px;box-shadow:var(--shadow-pop);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:6px 6px 6px 20px;display:flex}.search-bar svg{color:var(--ink-faint);flex-shrink:0}.search-bar input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14.5px}.search-bar input::placeholder{color:var(--ink-faint)}.search-bar button{border-radius:999px}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;padding:26px 0 6px;display:flex}.chip{border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.filter-select{font-family:var(--font-body);color:var(--ink-soft);border:1.5px solid var(--line);appearance:none;cursor:pointer;background:#fff 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='%235B6785' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center no-repeat;border-radius:999px;padding:9px 34px 9px 16px;font-size:13.5px;font-weight:700;transition:border-color .15s}.filter-select:hover{border-color:#b9c4e6}.filter-select:focus{border-color:var(--blue-500);outline:none}.results-row,.results-head{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:22px 0 20px;font-size:14.5px;display:flex}.results-row strong,.results-head strong{color:var(--ink);font-family:var(--font-display);font-size:16px}.program-grid,.progs-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:56px;display:grid}@media (width<=980px){.program-grid,.progs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.program-grid,.progs-grid{grid-template-columns:1fr}}.program-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.program-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-6px)}.cover{align-items:flex-end;height:132px;display:flex;position:relative;overflow:hidden}.cover .glyphs{position:absolute;inset:0;overflow:hidden}.cover .glyphs span{font-family:var(--font-display);color:#ffffff29;-webkit-user-select:none;user-select:none;font-weight:600;position:absolute}.cover-tags{z-index:2;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.cover-math{background:linear-gradient(135deg,#16265b 0%,#3556e6 100%)}.cover-science{background:linear-gradient(135deg,#0e3b45 0%,#1b8f8f 100%)}.cover-english{background:linear-gradient(135deg,#5a1030 0%,#c4283a 100%)}.cover-generic{background:linear-gradient(135deg,#0f1b3d 0%,#3d6bff 100%)}.card-body{flex-direction:column;flex:1;gap:14px;padding:20px 22px 22px;display:flex}.card-body h3{color:var(--ink);font-size:19px;line-height:1.3;font-family:var(--font-display)}.card-body .desc{color:var(--ink-soft);font-size:14px;line-height:1.5}.instructor-row{align-items:center;gap:10px;padding-top:2px;display:flex}.avatar{background:var(--blue-900);color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.instructor-row .who strong{color:var(--ink);font-size:13.5px;display:block}.instructor-row .who span{color:var(--ink-faint);font-size:12px;display:block}.meta-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;padding-top:14px;display:flex}.meta-item{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.meta-item svg{color:var(--blue-500);flex-shrink:0}.card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:2px;display:flex}.card-footer .price{color:var(--ink-faint);font-size:12.5px;font-weight:600}.card-footer .price strong{color:var(--ink);font-family:var(--font-display);font-size:15px}.explore-link{color:var(--blue-600);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.teach-cta{background:linear-gradient(120deg, var(--blue-900), #223b84 70%);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 72px;padding:44px 48px;display:flex;position:relative;overflow:hidden}.teach-cta:after{content:"";background:radial-gradient(circle,#ffc74d59,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-40px}.teach-cta h2{color:#fff;font-size:26px;font-family:var(--font-display);margin-bottom:8px;position:relative}.teach-cta p{color:#c7d3f5;max-width:440px;position:relative}.teach-cta .btn{position:relative}.view{padding:76px 35px}.breadcrumb{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px;padding:22px 0 4px;font-size:13.5px;display:flex}.breadcrumb a{color:var(--ink-faint);font-weight:600}.breadcrumb a:hover{color:var(--blue-600)}.breadcrumb .current{color:var(--ink);font-weight:700}.detail-layout{grid-template-columns:1fr 336px;align-items:start;gap:28px;padding:20px 0 72px;display:grid}@media (width<=900px){.detail-layout{grid-template-columns:1fr}}.detail-main{flex-direction:column;gap:22px;display:flex}.hero-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.hero-card .cover{height:200px}.hero-card .cover-body{padding:26px 28px 30px}.hero-card .cover-body h1{color:var(--ink);font-size:30px;font-family:var(--font-display);margin-bottom:12px}.hero-card .cover-body p{color:var(--ink-soft);max-width:640px;font-size:15px;line-height:1.6}.stat-pills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;padding:28px 30px}.panel .eyebrow{margin-bottom:10px}.panel h2{color:var(--ink);font-size:22px;font-family:var(--font-display);margin-bottom:18px}.teacher-card{align-items:flex-start;gap:18px;display:flex}.teacher-card .avatar{border-radius:20px;width:64px;height:64px;font-size:20px}.teacher-card h3{color:var(--ink);font-size:18px;font-family:var(--font-display);margin-bottom:2px}.teacher-card .role{color:var(--blue-600);margin-bottom:10px;font-size:13.5px;font-weight:700;display:block}.teacher-card p.bio{color:var(--ink-soft);margin-bottom:16px;font-size:14.5px;line-height:1.5}.teacher-stats{flex-wrap:wrap;gap:22px;display:flex}.teacher-stats div{color:var(--ink);align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:flex}.teacher-stats svg{color:var(--yellow-400)}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=760px){.steps{grid-template-columns:1fr}}.step{border-radius:var(--radius-md);background:var(--blue-50);padding:20px;position:relative}.step .icon-circle{margin-bottom:14px}.step .num{font-family:var(--font-display);color:var(--ink-faint);font-size:13px;font-weight:600;position:absolute;top:16px;right:18px}.step h4{color:var(--ink);font-size:15.5px;font-family:var(--font-display);margin-bottom:6px}.step p{color:var(--ink-soft);font-size:13.5px;line-height:1.5}.step:first-child .icon-circle{background:var(--blue-100);color:var(--blue-600)}.step:nth-child(2) .icon-circle{background:var(--red-100);color:#c4283a}.step:nth-child(3) .icon-circle{background:var(--green-100);color:#0f7a48}.course-count{color:var(--ink-faint);margin-bottom:18px;font-size:13.5px;font-weight:600;display:block}.journey{flex-direction:column;gap:22px;display:flex;position:relative}.journey:before{content:"";background:repeating-linear-gradient(to bottom, var(--blue-100) 0 6px, transparent 6px 12px);width:2px;position:absolute;top:22px;bottom:22px;left:21px}.journey-item{gap:18px;display:flex;position:relative}.node{border:2px solid var(--blue-500);width:44px;height:44px;color:var(--blue-600);font-family:var(--font-display);z-index:1;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.course-card{background:var(--blue-50);border-radius:var(--radius-md);flex:1;align-items:center;gap:16px;padding:14px 18px;transition:background .15s,transform .15s;display:flex}.course-card:hover{background:var(--blue-100);transform:translate(2px)}.course-thumb{color:#fff;width:52px;height:52px;font-family:var(--font-display);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;overflow:hidden}.course-thumb img{object-fit:cover;width:100%;height:100%}.course-info{flex:1;min-width:0}.course-info h4{color:var(--ink);font-size:15.5px;font-family:var(--font-display);margin-bottom:3px}.course-info span{color:var(--ink-faint);font-size:12.5px;font-weight:600}.course-card .explore-link{flex-shrink:0}.sidebar-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);background:#fff;flex-direction:column;gap:18px;padding:26px;display:flex;position:sticky;top:96px}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.sidebar-top span.label{color:var(--ink-faint);font-size:12.5px;font-weight:700}.price-row{align-items:baseline;gap:6px;display:flex}.price-row .amount{font-family:var(--font-display);color:var(--ink);font-size:32px}.price-row .period{color:var(--ink-faint);font-size:13.5px;font-weight:600}.price-note{color:var(--ink-faint);margin-top:-10px;font-size:12.5px}.stat-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:16px 0;display:flex}.stat-list li{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.stat-list li span:first-child{color:var(--ink-soft);align-items:center;gap:8px;font-weight:600;display:flex}.stat-list li span:first-child svg{color:var(--blue-500)}.stat-list li strong{color:var(--ink);font-weight:700}.reassurance{color:var(--ink-soft);background:var(--green-100);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.4;display:flex}.reassurance svg{color:#0f7a48;flex-shrink:0;margin-top:1px}.tp-hero{background:linear-gradient(180deg, var(--bg) 0%, var(--w) 100%);text-align:center;padding:44px 0 34px}.tp-hero h1{margin-bottom:12px;font-size:clamp(28px,4.4vw,42px)}.tp-hero p{color:var(--g5);max-width:560px;margin:0 auto 30px;font-size:15.5px;line-height:1.6}.tp-stats{flex-wrap:wrap;justify-content:center;gap:36px;margin-bottom:32px;display:flex}.tp-stats div{flex-direction:column;align-items:center;display:flex}.tp-stats b{font-family:var(--f-display);color:var(--n);font-size:26px;font-weight:600}.tp-stats span{color:var(--g5);font-size:12px;font-weight:600}.teacher-grid{gap:18px;margin-bottom:20px;display:grid}.t-card{background:var(--w);border:1px solid var(--g2);border-radius:var(--rxl);transition:var(--tr);flex-direction:column;padding:24px;display:flex}.t-card:hover{box-shadow:var(--sl);border-color:#0000;transform:translateY(-3px)}.t-top{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.t-av{border-radius:var(--rf);color:#fff;width:54px;height:54px;font-family:var(--f-display);flex-shrink:0;justify-content:center;align-items:center;font-size:19px;font-weight:600;display:flex}.t-av.c-math{background:var(--b)}.t-av.c-sci{background:var(--g)}.t-av.c-eng{background:var(--r)}.t-name{margin-bottom:3px;font-size:16.5px}.t-world{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--rf);align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.t-world.c-math{background:var(--bl);color:var(--b)}.t-world.c-sci{background:var(--gl);color:var(--g)}.t-world.c-eng{background:var(--rl);color:var(--r)}.t-bio{color:var(--g6);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.t-stats{border-top:1px solid var(--g1);border-bottom:1px solid var(--g1);gap:18px;margin-bottom:16px;padding:14px 0;display:flex}.t-stat{flex-direction:column;gap:2px;display:flex}.t-stat b{color:var(--n);font-size:14px;font-weight:700}.t-stat span{color:var(--g5);font-size:10.5px}.t-programs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.t-programs span{color:var(--g6);background:var(--g1);border-radius:var(--rf);padding:4px 10px;font-size:11px;font-weight:600}.t-card .btn{width:100%;margin-top:auto}.teach-cta{border-radius:var(--r2);text-align:center;background:var(--bg);border:1.5px dashed var(--b);padding:46px 32px}.teach-cta h2{margin-bottom:10px;font-size:clamp(22px,3vw,28px)}.teach-cta p{color:var(--g6);max-width:460px;margin-bottom:22px;margin-left:auto;margin-right:auto;font-size:14.5px}@media (width>=640px){.teacher-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.teacher-grid{grid-template-columns:repeat(3,1fr)}}:root{--b:#3b82f6;--bd:#1d4ed8;--bl:#e0f2fe;--r:#ef4444;--rd:#dc2626;--rl:#fee2e2;--g:#22c55e;--gl:#dcfce7;--y:#f59e0b;--yl:#fef3c7;--n:#0f172a;--g1:#f1f5f9;--g2:#e2e8f0;--g3:#cbd5e1;--g4:#94a3b8;--g5:#64748b;--g6:#475569;--w:#fff;--bg:#f0f9ff;--f-display:"Fredoka", system-ui, sans-serif;--f-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--rs:10px;--rm:14px;--rlg:18px;--rxl:24px;--r2:28px;--rf:9999px;--ss:0 1px 2px #0f172a0f;--sm:0 6px 16px -4px #0f172a1a, 0 2px 6px -2px #0f172a0f;--sl:0 20px 40px -12px #0f172a29, 0 8px 16px -6px #0f172a14;--tr:all .2s cubic-bezier(.4, 0, .2, 1);--wrap:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--f-body);color:var(--n);background:var(--w);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{cursor:pointer}ul{list-style:none}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.ph-nav{max-width:var(--wrap);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 20px;display:flex}.ph-links a{color:var(--g6);transition:var(--tr);font-size:14.5px;font-weight:600;position:relative}.ph-links a:hover{color:var(--b)}.btn{border-radius:var(--rlg);font-family:var(--f-body);transition:var(--tr);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:700;display:inline-flex}.btn-ghost{color:var(--g6);background:0 0}.btn-ghost:hover{color:var(--n)}.mob-menu{background:var(--w);z-index:99999;flex-direction:column;padding:18px 20px 40px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.hero{background:linear-gradient(180deg, var(--bg) 0%, var(--w) 100%);margin-bottom:70px;padding:64px 0}.hero-grid{align-items:center;gap:40px;display:grid}.hero-copy h1{color:var(--n);margin-bottom:18px;font-size:clamp(34px,5.4vw,56px)}.hero-copy h1 em{color:var(--b);font-style:normal;position:relative}.hero-copy p{color:var(--g6);max-width:480px;margin-bottom:28px;font-size:17px;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.hero-stats{flex-wrap:wrap;gap:28px;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats b{font-family:var(--f-display);color:var(--n);font-size:24px;font-weight:600}.hero-stats span{color:var(--g5);font-size:12.5px;font-weight:600}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-illustration-wrap{background:#0f172a;border-radius:24px;width:100%;max-width:520px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #3b82f647,0 0 0 1px #0000000f}.hero-illustration-wrap:hover{transform:translateY(-6px)scale(1.015);box-shadow:0 32px 64px -14px #3b82f659,0 0 0 1px #3b82f640}.hero-illustration-img{object-fit:cover;background-color:var(--w);border-radius:24px;width:100%;height:auto;display:block}.hero-path-card{background:var(--w);border-radius:var(--r2);border:1px solid var(--g2);box-shadow:var(--sl);padding:20px 14px 10px;position:relative;overflow:hidden}.hero-path-card .tag{color:var(--g5);background:var(--g1);border-radius:var(--rf);z-index:3;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:18px;left:18px}.hero-xpfloat{background:var(--n);color:var(--w);font-family:var(--f-display);border-radius:var(--rf);box-shadow:var(--sm);z-index:3;padding:7px 13px;font-size:13px;font-weight:600;animation:3.2s ease-in-out infinite floaty;position:absolute;top:54px;right:26px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:0;transform:scale(1.35)}}.loop-strip{gap:14px;display:grid}.loop-step{background:var(--w);border:1px solid var(--g2);border-radius:var(--rxl);transition:var(--tr);padding:22px 20px;position:relative}.loop-step:hover{box-shadow:var(--sm);border-color:var(--bl);transform:translateY(-3px)}.loop-num{font-family:var(--f-display);color:var(--b);background:var(--bl);border-radius:var(--rf);justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.loop-step h4{margin-bottom:6px;font-size:16.5px}.loop-step p{color:var(--g5);font-size:13.5px;line-height:1.5}.loop-arrow{color:var(--g3);display:none}.worlds-section{padding:60px 0 70px}.worlds-intro-banner{background:linear-gradient(135deg,#0b1120 0%,#1e1b4b 50%,#0f172a 100%);border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:1fr;align-items:center;gap:32px;margin-bottom:36px;padding:36px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px -15px #0f172a59}.worlds-intro-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f659 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}@media (width>=900px){.worlds-intro-banner{grid-template-columns:1.15fr .85fr;gap:40px;padding:44px 50px}}.worlds-intro-text{z-index:2;position:relative}.worlds-intro-title{color:#fff;letter-spacing:-.5px;margin:10px 0 14px;font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:1.18}.worlds-intro-title em{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.worlds-intro-desc{color:#cbd5e1;max-width:500px;margin-bottom:20px;font-size:15.5px;line-height:1.6}.worlds-intro-features{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.world-badge{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.worlds-intro-visual{z-index:2;justify-content:center;display:flex;position:relative}.worlds-intro-img{border-radius:20px;width:100%;max-width:440px;height:auto;transition:transform .4s;box-shadow:0 16px 36px -10px #0009,0 0 0 1px #ffffff26}.worlds-intro-img:hover{transform:scale(1.02)rotate(.5deg)}.worlds-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.world-card{border:1px solid #fff3;border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:240px;padding:28px 24px;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -6px #00000026;color:#fff!important}.world-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000000d 0%,#00000059 50%,#000000d1 100%);position:absolute;inset:0}.world-card>*{z-index:2;position:relative}.world-card:hover{border-color:#ffffff73;transform:translateY(-5px)scale(1.015);box-shadow:0 22px 40px -10px #00000047}.world-tech{background:linear-gradient(135deg,#431407 0%,#d97706 50%,#f59e0b 100%)}.world-art{background:linear-gradient(135deg,#581c87 0%,#9333ea 50%,#c084fc 100%)}.world-hist{background:linear-gradient(135deg,#134e4a 0%,#0d9488 50%,#2dd4bf 100%)}.world-card .world-tag{text-transform:uppercase;letter-spacing:.7px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff3d;border:1px solid #fff6;border-radius:9999px;align-self:flex-start;margin-bottom:12px;padding:5px 12px;font-size:11px;font-weight:800}.world-card h4{text-shadow:0 2px 6px #00000073;letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.25;color:#fff!important}.world-card p{text-shadow:0 1px 3px #0006;margin:0 0 14px;font-size:13.5px;font-weight:500;line-height:1.5;color:#fffffff2!important}.world-tags span{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000052;border:1px solid #ffffff47;border-radius:9999px;padding:4px 10px;font-size:11.5px;font-weight:700}.world-deco{opacity:.18;color:#fff;pointer-events:none;z-index:1;font-size:80px;transition:transform .4s,opacity .4s;position:absolute;top:-12px;right:-12px}.world-card:hover .world-deco{opacity:.28;transform:scale(1.1)rotate(6deg)}.feat-grid{gap:16px;display:grid}.testi-row{scroll-snap-type:x mandatory;gap:16px;margin:0 -20px;padding-bottom:8px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.testi-row::-webkit-scrollbar{display:none}.testi-card{scroll-snap-align:start;background:var(--bg);border-radius:var(--r2);border:1px solid var(--g2);flex:0 0 82%;padding:26px}.testi-quote{color:var(--n);margin-bottom:18px;font-size:15.5px;line-height:1.6}.testi-who{align-items:center;gap:10px;display:flex}.testi-av{border-radius:var(--rf);background:var(--b);width:38px;height:38px;color:var(--w);font-family:var(--f-display);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.testi-name{font-size:13.5px;font-weight:700}.testi-role{color:var(--g5);font-size:12px}.pricing-grid{gap:18px;display:grid}.price-card{background:var(--w);border:1.5px solid var(--g2);border-radius:var(--r2);transition:var(--tr);padding:30px 26px}.price-card:hover{box-shadow:var(--sm);transform:translateY(-3px)}.price-card.hi{border-color:var(--b);background:linear-gradient(160deg, var(--w) 0%, var(--bl) 130%);position:relative}.price-badge{background:var(--b);color:var(--w);border-radius:var(--rf);padding:5px 12px;font-size:11.5px;font-weight:700;position:absolute;top:-13px;right:24px}.price-card h4{margin-bottom:4px;font-size:18px}.price-card .sub{color:var(--g5);margin-bottom:18px;font-size:13px}.price-num{align-items:baseline;gap:6px;margin-bottom:20px;display:flex}.price-num b{font-family:var(--f-display);font-size:36px;font-weight:600}.price-num span{color:var(--g5);font-size:13px}.price-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.price-list li{color:var(--g6);align-items:center;gap:9px;font-size:13.5px;display:flex}.price-list svg{color:var(--g);flex-shrink:0}.cta-mascot{margin-bottom:14px;font-size:44px}@media (width<=768px){.hero-visual{display:none!important}.hero{margin-bottom:24px;padding:36px 0}}@media (width>=680px){.loop-strip,.worlds-grid,.feat-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:640px;margin:0 auto}.testi-card{flex:0 0 60%}}@media (width>=860px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}@media (width>=960px){.ph-links{display:flex}.ph-burger{display:none}.hero-grid{grid-template-columns:1.05fr .95fr}.loop-strip{grid-template-columns:repeat(5,1fr)}.loop-arrow{display:flex}.worlds-grid,.feat-grid{grid-template-columns:repeat(3,1fr)}.testi-row{overflow:visible}.testi-card{flex:1}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2.5px solid var(--b);outline-offset:2px}.home-hero-wrap{background:radial-gradient(120% 80% at 50% 0,#eff6ff 0%,#fff 65%,#f8fafc 100%);padding:56px 0 72px;position:relative;overflow:hidden}.home-hero-wrap:before{content:"";filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(#3b82f62e 0%,#8b5cf61a 45%,#0000 70%);width:900px;height:480px;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.home-hero-grid{z-index:1;grid-template-columns:1fr;align-items:center;gap:48px;display:grid;position:relative}@media (width>=992px){.home-hero-grid{grid-template-columns:1.15fr .95fr;gap:56px}}.hero-pill-badge{color:#1e40af;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #3b82f647;border-radius:9999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px -3px #3b82f629}.hero-pill-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite heroPulseDot;box-shadow:0 0 0 3px #10b98140}@keyframes heroPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.home-hero-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(34px,5.2vw,56px);font-weight:700;line-height:1.12}.home-hero-title em{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 55%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal;display:inline-block}.home-hero-subtitle{color:#475569;max-width:530px;margin-bottom:32px;font-size:17.5px;line-height:1.68}.home-hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:38px;display:flex}.btn-hero-primary{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:16px;align-items:center;gap:10px;padding:14px 28px;font-size:15.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 25px -5px #2563eb73,inset 0 0 0 1px #fff3;color:#fff!important}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -6px #2563eb8c}.btn-hero-secondary{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:14px 26px;font-size:15.5px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #0f172a0d;color:#1e293b!important}.btn-hero-secondary:hover{background:#f8fafc;border-color:#93c5fd;transform:translateY(-2px);color:#1d4ed8!important}.home-hero-stats{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;display:grid}.hero-stat-card{flex-direction:column;display:flex}.hero-stat-num{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.2}.hero-stat-label{color:#64748b;margin-top:3px;font-size:12.5px;font-weight:600}.home-hero-visual{justify-content:center;display:flex;position:relative}.hero-media-card{background:#fff;border-radius:28px;width:100%;max-width:500px;padding:12px;transition:transform .4s;position:relative;box-shadow:0 25px 60px -15px #1e3a8a40,0 0 0 1px #e2e8f0cc}.hero-media-card:hover{transform:translateY(-4px)}.hero-media-image{border-radius:20px;width:100%;height:auto;display:block}.hero-float-live{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aeb;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;animation:4s ease-in-out infinite floaty;display:flex;position:absolute;top:24px;left:-12px;box-shadow:0 12px 28px -6px #0f172a66}.hero-float-live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite heroPulseDot;box-shadow:0 0 0 3px #ef444459}.hero-float-xp{background:#fff;border-radius:18px;align-items:center;gap:10px;padding:10px 16px;animation:3.6s ease-in-out 1.8s infinite floaty;display:flex;position:absolute;bottom:24px;right:-14px;box-shadow:0 16px 36px -8px #0f172a2e,0 0 0 1px #e2e8f0e6}.hero-float-xp-icon{background:#fef3c7;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hero-float-xp-title{color:#0f172a;font-size:13px;font-weight:800}.hero-float-xp-sub{color:#d97706;font-size:11.5px;font-weight:700}.home-section{padding:72px 0;position:relative}.home-section-head{text-align:center;max-width:680px;margin:0 auto 48px}.home-section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:800;display:inline-flex}.home-section-title{font-family:var(--f-display,"Fredoka", sans-serif);color:#0f172a;margin-bottom:12px;font-size:clamp(28px,3.8vw,40px);line-height:1.2}.home-section-desc{color:#64748b;font-size:16.5px;line-height:1.65}.persona-switcher{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:36px 30px;box-shadow:0 16px 40px -10px #0f172a14}.persona-nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.persona-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.persona-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 14px #2563eb59}.persona-content-grid{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}@media (width>=860px){.persona-content-grid{grid-template-columns:1.1fr .9fr;gap:48px}}.persona-feature-list{flex-direction:column;gap:16px;display:flex}.persona-feature-item{align-items:flex-start;gap:14px;display:flex}.persona-feat-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;display:flex}.persona-feat-text h5{color:#0f172a;margin-bottom:3px;font-size:15.5px;font-weight:700}.persona-feat-text p{color:#64748b;font-size:13.5px;line-height:1.5}.superpower-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.superpower-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;padding:30px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 16px #0f172a0a}.superpower-card:hover{border-color:#93c5fd;transform:translateY(-6px);box-shadow:0 20px 40px -12px #2563eb2e}.superpower-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.sp-blue{color:#2563eb;background:#eff6ff}.sp-emerald{color:#059669;background:#ecfdf5}.sp-purple{color:#7c3aed;background:#f5f3ff}.sp-amber{color:#d97706;background:#fffbeb}.superpower-card h3{color:#0f172a;margin-bottom:10px;font-size:18.5px;font-weight:700;line-height:1.3}.superpower-card p{color:#64748b;margin-bottom:18px;font-size:14px;line-height:1.6}.superpower-badge{color:#2563eb;background:#f1f5f9;border-radius:9999px;align-self:flex-start;margin-top:auto;padding:4px 10px;font-size:12px;font-weight:700}.curriculum-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;display:grid}.curriculum-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;padding:24px;transition:all .3s;display:flex}.curriculum-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 36px -8px #0f172a1f}.curriculum-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.curriculum-stage-tag{text-transform:uppercase;border-radius:9999px;padding:4px 10px;font-size:11.5px;font-weight:800}.tag-primary{color:#0369a1;background:#e0f2fe}.tag-prep{color:#b45309;background:#fef3c7}.tag-sec{color:#7e22ce;background:#f3e8ff}.curriculum-card-title{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:700}.curriculum-card-desc{color:#64748b;flex:1;margin-bottom:18px;font-size:13.5px;line-height:1.55}.curriculum-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.curriculum-stat-pill{color:#475569;font-size:12.5px;font-weight:600}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.achievement-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:16px;padding:22px 20px;transition:all .25s;display:flex;box-shadow:0 4px 12px #0f172a0a}.achievement-card:hover{border-color:#f59e0b;transform:translateY(-3px);box-shadow:0 12px 24px -6px #f59e0b33}.achievement-badge-img{object-fit:contain;flex-shrink:0;width:54px;height:54px}.achievement-details h4{color:#0f172a;margin-bottom:3px;font-size:14.5px;font-weight:700}.achievement-details p{color:#64748b;margin-bottom:4px;font-size:12px;line-height:1.4}.achievement-xp-tag{color:#d97706;background:#fef3c7;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-block}.parent-spotlight-box{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 60%,#172554 100%);border-radius:32px;padding:44px 32px;position:relative;overflow:hidden;box-shadow:0 24px 60px -15px #0f172a66}.parent-spotlight-grid{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}@media (width>=900px){.parent-spotlight-grid{grid-template-columns:1fr 1fr;gap:48px}}.parent-report-card-mockup{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff29;border-radius:24px;padding:24px;box-shadow:0 20px 40px #00000059}.report-mock-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.report-mock-title{color:#fff;font-size:14.5px;font-weight:800}.report-mock-badge{color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:9999px;padding:3px 9px;font-size:11px;font-weight:700}.report-metrics-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.report-metric-box{text-align:center;background:#ffffff0f;border-radius:14px;padding:12px}.report-metric-val{font-family:var(--f-display,"Fredoka", sans-serif);color:#60a5fa;font-size:20px;font-weight:700}.report-metric-sub{color:#94a3b8;margin-top:2px;font-size:11px}.report-teacher-quote{color:#cbd5e1;background:#ffffff0d;border-left:3px solid #3b82f6;border-radius:0 10px 10px 0;padding:10px 14px;font-size:12.5px;font-style:italic;line-height:1.5}.grand-cta-section{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1e1b4b 50%,#0f172a 100%);border-radius:32px;padding:60px 32px;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #1e3a8a73}.grand-cta-section:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#60a5fa4d 0%,#0000 70%);width:500px;height:250px;position:absolute;top:0;left:50%;transform:translate(-50%)}.grand-cta-content{z-index:1;max-width:620px;margin:0 auto;position:relative}.grand-cta-title{font-family:var(--f-display,"Fredoka", sans-serif);margin-bottom:16px;font-size:clamp(30px,4.4vw,46px);font-weight:700;line-height:1.18}.grand-cta-desc{color:#cbd5e1;margin-bottom:32px;font-size:17px;line-height:1.6}.grand-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn-cta-white{background:#fff;border-radius:16px;align-items:center;gap:8px;padding:14px 28px;font-size:15.5px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #0000002e;color:#1d4ed8!important}.btn-cta-white:hover{background:#f0f9ff;transform:translateY(-2px);box-shadow:0 14px 32px #00000040}.btn-cta-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff47;border-radius:16px;align-items:center;gap:8px;padding:14px 26px;font-size:15.5px;font-weight:700;transition:all .25s;display:inline-flex;color:#fff!important}.btn-cta-glass:hover{background:#fff3;border-color:#fff;transform:translateY(-2px)}:root{--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--b:#3b82f6;--bd:#1d4ed8;--bl:#eff6ff;--b-rgb:59, 130, 246;--r:#ef4444;--rd:#dc2626;--rl:#fef2f2;--g:#22c55e;--gd:#16a34a;--gl:#f0fdf4;--y:#f59e0b;--yd:#d97706;--yl:#fffbeb;--n:#0f172a;--nd:#020617;--g1:#f8fafc;--g2:#e2e8f0;--g3:#cbd5e1;--g4:#94a3b8;--g5:#64748b;--g6:#475569;--w:#fff;--bg:#f0f9ff;--f-display:"Fredoka", system-ui, sans-serif;--f-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs:12px;--fs-sm:13.5px;--fs-base:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-5xl:48px;--rs:10px;--rm:14px;--rlg:18px;--rxl:24px;--r2:28px;--rf:9999px;--ss:0 1px 2px #0f172a0f;--sm:0 6px 16px -4px #0f172a1a, 0 2px 6px -2px #0f172a0f;--sl:0 20px 40px -12px #0f172a29, 0 8px 16px -6px #0f172a14;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--tr:all .2s cubic-bezier(.4, 0, .2, 1);--tr-slow:all .35s ease;--wrap:1180px;--wrap-narrow:760px;--z-header:100;--z-filterbar:90;--z-mobilebar:150;--z-mobilemenu:300;--z-toast:400;--z-modal:500;--admin-accent:#ef4444;--supervisor-accent:#3b82f6;--teacher-accent:#0ea5e9;--assistant-accent:#6366f1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--f-body);font-size:var(--fs-base);color:var(--n);background:var(--w);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul,ol{list-style:none}input,select,textarea{font-family:inherit}h1,h2,h3,h4{font-family:var(--f-display);color:var(--n);letter-spacing:-.01em;font-weight:600;line-height:1.15}:focus-visible{outline:2.5px solid var(--b);outline-offset:2px;border-radius:var(--rs)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}.wrap-narrow{max-width:var(--wrap-narrow);margin-inline:auto;padding-inline:20px}section{padding:76px 0}.section-tint{background:var(--g1);border-block:1px solid var(--g2)}.hero-svg-canvas{margin-top:36px}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-head h2{margin-bottom:12px;font-size:clamp(28px,4vw,38px)}.section-head p{color:var(--g5);font-size:16px;line-height:1.6}.rv{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.rv.in{opacity:1;transform:translateY(0)}.eyebrow{font-family:var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--b);background:var(--bl);border-radius:var(--rf);align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow.r{color:var(--r);background:var(--rl)}.eyebrow.g{color:var(--gd);background:var(--gl)}.eyebrow.y{color:var(--yd);background:var(--yl)}.eyebrow.n{color:var(--g5);background:var(--g1)}.profile-hero-card{border-radius:var(--r2);border:1px solid #ffffff2e;grid-template-columns:1fr 340px;align-items:center;gap:24px;margin-bottom:24px;padding:24px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 36px -8px #0f172a73;color:#fff!important;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 40%,#312e81 100%)!important}@media (width<=900px){.profile-hero-card{grid-template-columns:1fr;gap:18px;padding:20px}}.profile-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b40 0%,#f59e0b00 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-50%;right:-10%}.profile-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f159 0%,#6366f100 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-50%;left:30%}.profile-hero-card>*{z-index:1;position:relative}.profile-hero-card h1,.profile-hero-card h2,.profile-hero-card h3,.profile-hero-card h4,.profile-hero-card p,.profile-hero-card span,.profile-hero-card div,.profile-hero-card a{color:#fff!important}.profile-hero-card .hero-title{text-shadow:0 2px 4px #0000004d;color:#fff!important;font-weight:900!important}.profile-hero-card .hero-subtitle{color:#cbd5e1!important;font-weight:600!important}.profile-hero-card .hero-level-badge{color:#0f172a!important;background:#f59e0b!important;font-weight:900!important}.profile-hero-card .hero-btn{border-radius:12px;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:inline-flex;color:#fff!important;background:#ffffff26!important;border:1px solid #ffffff59!important;font-weight:700!important}.profile-hero-card .hero-btn:hover{background:#ffffff47!important;border-color:#fff9!important}.hero-xp-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:18px 22px;background:#0f172abf!important;border:1px solid #fff3!important}.hero-xp-box span,.hero-xp-box div{color:#fff!important}.hero-xp-box .xp-label{color:#fbbf24!important;font-weight:800!important}.hero-xp-box .xp-val{color:#fff!important;font-weight:900!important}.hero-xp-box .xp-next{color:#fbbf24!important;font-weight:800!important}.stat-widget-card{border:1px solid var(--g2);background:#fff;border-radius:18px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000008}.stat-widget-card:hover{border-color:#3b82f64d;transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000014}.badge-trophy-card{border:1px solid var(--g2);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:20px 16px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.badge-trophy-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -6px #0000001a}.badge-trophy-card.unlocked{background:linear-gradient(#fffdf5 0%,#fff 100%);border-color:#fcd34d}.badge-trophy-card.locked{opacity:.75;background:#fafafa;border-color:#e2e8f0}.badge-icon-glow{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:flex;position:relative;box-shadow:0 6px 16px -3px #0000001f}.welcome-bar{border-radius:var(--r2);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:32px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0f172a4d}.welcome-bar:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#3b82f600 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-5%}.welcome-bar:after{content:"";pointer-events:none;background:radial-gradient(circle,#ef44441f 0%,#ef444400 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-40%;left:20%}.welcome-bar>*{z-index:1;position:relative}.welcome-text{flex:1;min-width:260px}.welcome-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lh-hero{background:var(--n);border-radius:var(--r2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:28px 28px 24px;display:flex;position:relative;overflow:hidden}.lh-hero:before{content:"";pointer-events:none;background:#3b82f61f;border-radius:50%;width:280px;height:280px;position:absolute;inset-block-start:-30%;inset-inline-end:-4%}.lh-hero:after{content:"";pointer-events:none;background:#ef444412;border-radius:50%;width:200px;height:200px;position:absolute;inset-block-end:-30%;inset-inline-start:30%}.lh-hero>*{z-index:1;position:relative}.lh-greeting{flex:1;min-width:0}.lh-greeting .lh-time{letter-spacing:.07em;text-transform:uppercase;color:var(--g4);margin-bottom:6px;font-size:11.5px;font-weight:700}.lh-greeting h1{color:#fff;margin:0 0 3px;font-size:clamp(22px,3.5vw,30px);line-height:1.15}.lh-greeting p{color:var(--g4);margin:0;font-size:14px}.lh-badges{z-index:1;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.continue-card{border:2px solid var(--b);border-radius:var(--r2);background:#fff;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 24px -6px #3b82f62e}.continue-card:before{content:"";background:linear-gradient(90deg, var(--b), var(--bd));border-radius:var(--r2) var(--r2) 0 0;height:3px;position:absolute;inset-block-start:0;inset-inline:0}.continue-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px -8px #3b82f647}.continue-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.continue-card__meta{flex:1;min-width:0}.continue-card__meta .program-crumb{color:var(--b);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11.5px;font-weight:700}.continue-card__meta h3{color:var(--n);margin:0 0 2px;font-size:18px}.continue-card__meta .session-line{color:var(--g5);font-size:13px}.continue-card__progress{margin:16px 0 20px}.continue-card__actions{flex-wrap:wrap;gap:10px;display:flex}.section-card{border-radius:var(--r2);border:1px solid var(--g2);background:#fff;padding:24px;box-shadow:0 1px 3px #0000000a}.section-card--highlight{border-color:var(--b);background:linear-gradient(135deg,#3b82f608 0%,#fff 100%)}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.section-header h2{color:var(--n);margin:4px 0 0;font-size:18px}.mission-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.mission-item{background:var(--g1);border-radius:var(--rm);border:1.5px solid #0000;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.mission-item:not(.mission-item--done):hover{border-color:var(--b);background:var(--bl)}.mission-item--done{opacity:.6}.mission-item__icon{flex-shrink:0;margin-top:1px;font-size:18px;line-height:1}.mission-item__body{flex:1;min-width:0}.mission-item__body b{color:var(--n);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.mission-item__body .mission-context{color:var(--g5);margin-bottom:5px;font-size:11.5px;font-style:italic;display:block}.mission-item__footer{justify-content:space-between;align-items:center;gap:6px;display:flex}.missions-summary{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.missions-summary .ms-count{color:var(--g5);font-size:12.5px;font-weight:700}.missions-summary .ms-progress{gap:4px;display:flex}.ms-dot{background:var(--g2);border-radius:50%;width:8px;height:8px;transition:background .2s}.ms-dot.done{background:var(--g)}.growth-card{border:1px solid var(--g2);border-radius:var(--r2);background:#fff;padding:24px}.growth-card__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.growth-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.growth-stat{text-align:center;background:var(--g1);border-radius:var(--rxl);padding:14px 8px}.growth-stat .value{font-family:var(--f-display);color:var(--n);margin-bottom:2px;font-size:22px;font-weight:700;display:block}.growth-stat .label{color:var(--g5);font-size:11.5px;font-weight:600}.xp-section{margin-bottom:16px}.xp-label-row{color:var(--n);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.xp-label-row span{color:var(--g5);font-weight:500}.dashboard-grid{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{position:static}}.dashboard-main{flex-direction:column;gap:20px;display:flex}.dashboard-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:80px}.programs-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.programs-page-header h1{margin:4px 0;font-size:clamp(20px,3vw,26px)}.programs-page-header p{color:var(--g5);margin:0;font-size:14px}.my-program-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.my-program-card{border:1.5px solid var(--g2);border-radius:var(--r2);background:#fff;flex-direction:column;gap:0;padding:22px;transition:border-color .2s,box-shadow .2s;display:flex}.my-program-card:hover{border-color:var(--b);box-shadow:0 4px 20px -6px #3b82f626}.my-program-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.my-program-card h3{color:var(--n);margin:0 0 4px;font-size:17px}.my-program-card__desc{color:var(--g5);margin:0 0 16px;font-size:13px;line-height:1.5}.my-program-card__progress{margin-bottom:16px}.my-program-card__progress-label{color:var(--n);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.my-program-card__progress-label span{color:var(--g5);font-weight:500}.program-courses-toggle{border-radius:var(--rm);width:100%;font-family:var(--f-body);color:var(--g6);cursor:pointer;background:0 0;background:var(--g1);text-align:start;border:none;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:flex}.program-courses-toggle:hover{background:var(--bl);color:var(--b)}.program-courses-toggle svg{flex-shrink:0;transition:transform .2s}.program-courses-toggle.open svg{transform:rotate(180deg)}.program-course-row{background:var(--g1);border-radius:var(--rm);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;display:flex}.program-course-row .course-name{color:var(--n);flex:1;min-width:0;font-size:13px;font-weight:600}.my-program-card__actions{border-top:1px solid var(--g2);margin-top:auto;padding-top:16px}.explore-header{margin-bottom:24px}.explore-header h1{margin:4px 0 8px;font-size:clamp(20px,3vw,26px)}.explore-header p{color:var(--g5);margin:0 0 16px;font-size:14px}.explore-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.explore-card{border:1.5px solid var(--g2);border-radius:var(--r2);background:#fff;flex-direction:column;padding:22px;transition:border-color .2s,box-shadow .2s;display:flex}.explore-card:hover{border-color:var(--b);box-shadow:0 4px 20px -6px #3b82f61f}.explore-card--enrolled{border-color:var(--gl);background:linear-gradient(135deg,#22c55e08,#fff)}.explore-card--enrolled:hover{border-color:var(--g);box-shadow:0 4px 20px -6px #22c55e26}.explore-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.explore-card h3{color:var(--n);margin:0 0 6px;font-size:16px}.explore-card__desc{color:var(--g5);flex:1;margin:0 0 14px;font-size:13px;line-height:1.5}.explore-card__stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.explore-card__stat{color:var(--g5);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.explore-card__footer{border-top:1px solid var(--g2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.missions-page{max-width:640px;margin:0 auto}.missions-page-hero{background:linear-gradient(135deg, var(--r) 0%, #dc2626 100%);border-radius:var(--r2);color:#fff;margin-bottom:24px;padding:28px 24px;position:relative;overflow:hidden}.missions-page-hero:before{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:200px;height:200px;position:absolute;inset-block-start:-30%;inset-inline-end:-5%}.missions-page-hero h1{color:#fff;margin:8px 0 4px;font-size:26px}.missions-page-hero p{color:#fffc;margin:0;font-size:14px}.missions-hero-meta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.missions-hero-badge{border-radius:var(--rlg);color:#fff;background:#ffffff26;border:1px solid #fff3;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.missions-full-list{flex-direction:column;gap:10px;display:flex}.mission-full-item{border:1.5px solid var(--g2);border-radius:var(--rxl);background:#fff;align-items:flex-start;gap:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.mission-full-item:not(.mission-full-item--done):hover{border-color:var(--b);box-shadow:0 4px 12px -4px #3b82f62e}.mission-full-item--done{opacity:.65}.mission-full-icon{border-radius:var(--rlg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mission-full-icon--session{background:var(--bl);color:var(--b)}.mission-full-icon--homework{background:var(--yl);color:var(--yd)}.mission-full-icon--assessment{background:var(--rl);color:var(--r)}.mission-full-icon--done{background:var(--gl);color:var(--gd)}.mission-full-body{flex:1;min-width:0}.mission-full-body h4{color:var(--n);margin:0 0 2px;font-size:15px}.mission-full-body .mission-full-context{color:var(--g5);margin:0 0 8px;font-size:12.5px;font-style:italic}.mission-full-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.course-list{flex-direction:column;gap:14px;display:flex}.course-row{background:var(--g1);border-radius:var(--rm);grid-template-columns:1fr 240px;align-items:center;gap:20px;padding:18px;transition:transform .15s,box-shadow .15s;display:grid}.course-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.course-row__info h4{color:var(--n);margin:0 0 4px;font-size:15.5px}.course-row__info p{color:var(--g5);margin:0 0 10px;font-size:13px;line-height:1.45}.course-row__meta{flex-wrap:wrap;gap:6px;display:flex}.course-row__progress{min-width:0}.progress-header{color:var(--n);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.program-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.program-card{border:1.5px solid var(--g2);border-radius:var(--rm);background:var(--w);flex-direction:column;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex}.program-card:hover{border-color:var(--b);box-shadow:0 2px 8px #0000000a}.program-card h4{color:var(--n);margin:8px 0 4px;font-size:15px}.program-card p{color:var(--g5);flex:1;margin:0 0 14px;font-size:12.5px}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid;position:static}}@media (width<=768px){.lh-hero{flex-direction:column;align-items:flex-start;padding:22px 20px 20px}.lh-badges{width:100%}.continue-card__actions{flex-direction:column}.continue-card__actions .btn{justify-content:center;width:100%}.my-program-cards,.explore-grid{grid-template-columns:1fr}.growth-stats{grid-template-columns:1fr 1fr}.course-row{grid-template-columns:1fr}.programs-page-header{flex-direction:column;align-items:flex-start}.explore-card__footer{flex-direction:column;align-items:stretch}.explore-card__footer .btn{justify-content:center;width:100%}}@media (width<=480px){.growth-stats{grid-template-columns:1fr 1fr}.missions-hero-meta{flex-direction:column}}.btn{border-radius:var(--rlg);font-family:var(--f-body);transition:var(--tr);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.btn svg{flex-shrink:0}.btn-sm{border-radius:var(--rm);padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--rxl);padding:14px 28px;font-size:15.5px}.btn-xs{border-radius:var(--rs);padding:4px 10px;font-size:11.5px}.btn-icon{border-radius:var(--rm);padding:9px}.btn-primary{background:var(--b);color:var(--w);box-shadow:0 4px 12px -2px #3b82f666}.btn-primary:hover{background:var(--bd);transform:translateY(-2px);box-shadow:0 8px 18px -4px #3b82f673}.btn-outline{background:var(--w);color:var(--n);border:1.5px solid var(--g2)}.btn-outline:hover{border-color:var(--b);color:var(--b)}.btn-ghost{color:var(--g6);background:0 0;border:none}.btn-ghost:hover{background:var(--g1);color:var(--n)}.btn-red{background:var(--r);color:var(--w);box-shadow:0 4px 12px -2px #ef444459}.btn-red:hover{background:var(--rd);transform:translateY(-2px)}.btn-success{background:var(--g);color:#fff;box-shadow:0 4px 12px -2px #22c55e59}.btn-success:hover{background:var(--gd);transform:translateY(-2px)}.btn-white{background:var(--w);color:var(--b)}.btn-white:hover{background:var(--bl);transform:translateY(-2px)}.btn-white-outline:hover{background:#ffffff1a;border-color:#fff}.btn-submit{position:relative}.btn-submit .spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:none}.btn-submit.loading .spinner{display:inline-block}.btn-submit.loading .btn-label{opacity:.85}.bdg{border-radius:var(--rf);border:none;outline:none;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.bdg-b{background:var(--bl);color:var(--b)}.bdg-g{background:var(--gl);color:var(--gd)}.bdg-y{background:var(--yl);color:var(--yd)}.bdg-r{background:var(--rl);color:var(--r)}.bdg-n{background:var(--g1);color:var(--g5)}.bdg-purple,.bdg-p{color:#7c3aed;background:#f3e8ff}.chip{font-family:var(--f-body);border-radius:var(--rf);border:1.5px solid var(--g2);background:var(--w);color:var(--g6);transition:var(--tr);white-space:nowrap;cursor:pointer;padding:8px 16px;font-size:13px;font-weight:700}.chip:hover{border-color:var(--g3)}.chip.active{background:var(--n);border-color:var(--n);color:var(--w)}.seg-toggle{background:var(--g1);border-radius:var(--rlg);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg-toggle input{opacity:0;pointer-events:none;position:absolute}.seg-opt{border-radius:var(--rm);color:var(--g5);cursor:pointer;transition:var(--tr);justify-content:center;align-items:center;gap:7px;padding:9px 8px;font-size:13.5px;font-weight:700;display:flex}.seg-toggle input:checked+.seg-opt{background:var(--w);color:var(--n);box-shadow:var(--ss)}.card{background:var(--w);border:1px solid var(--g2);border-radius:var(--rxl);transition:var(--tr);padding:24px}.card:hover{box-shadow:var(--sm);transform:translateY(-2px)}.world-card{border-radius:var(--r2);color:var(--w);min-height:220px;transition:var(--tr);flex-direction:column;justify-content:flex-end;padding:26px 24px;display:flex;position:relative;overflow:hidden}.world-card:hover{box-shadow:var(--sl);transform:translateY(-4px)}.world-math{background:linear-gradient(150deg,#3b82f6 0%,#1d4ed8 100%)}.world-sci{background:linear-gradient(150deg,#22c55e 0%,#15803d 100%)}.world-eng{background:linear-gradient(150deg,#ef4444 0%,#b91c1c 100%)}.world-card h4{color:var(--w);margin-bottom:6px;font-size:21px}.world-card p{opacity:.85;margin-bottom:12px;font-size:13px}.world-deco{opacity:.1;pointer-events:none;font-size:100px;position:absolute;inset-block-start:-20px;inset-inline-end:-20px}.world-tags{flex-wrap:wrap;gap:6px;display:flex}.world-tags span{border-radius:var(--rf);background:#ffffff2e;padding:4px 10px;font-size:11.5px;font-weight:600}.feat-card{background:var(--w);border:1px solid var(--g2);border-radius:var(--rxl);transition:var(--tr);padding:24px}.feat-card:hover{box-shadow:var(--sm);border-color:var(--bl);transform:translateY(-3px)}.feat-icon{border-radius:var(--rlg);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.fi-b{background:var(--bl);color:var(--b)}.fi-r{background:var(--rl);color:var(--r)}.fi-g{background:var(--gl);color:var(--gd)}.fi-y{background:var(--yl);color:var(--yd)}.feat-card h4{margin-bottom:8px;font-size:16.5px}.feat-card p{color:var(--g5);font-size:13.5px;line-height:1.55}.cta-band{background:var(--n);border-radius:var(--r2);text-align:center;padding:56px 32px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(circle at 15% 20%,#3b82f659,#0000 40%),radial-gradient(circle at 85% 80%,#ef444447,#0000 40%);position:absolute;inset:0}.cta-band>*{z-index:2;position:relative}.cta-band h2{color:var(--w);margin-bottom:12px;font-size:clamp(26px,4vw,36px)}.cta-band p{color:var(--g3);margin-bottom:26px;font-size:15.5px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.field-group{margin-bottom:22px}.field-group label{color:var(--n);margin-bottom:8px;font-size:13.5px;font-weight:700;display:block}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.field-row{grid-template-columns:1fr}}.field-wrap{position:relative}.field-wrap .input{width:100%}.field-wrap svg.field-icon{inset-inline-start:14px;color:var(--g4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field-wrap .input.has-icon{padding-inline-start:42px}.input{font-family:var(--f-body);color:var(--n);background:var(--w);border:1.5px solid var(--g2);border-radius:var(--rlg);transition:var(--tr);width:100%;padding:12px 16px;font-size:14.5px}.input:hover{border-color:var(--g3)}.input:focus{border-color:var(--b);box-shadow:0 0 0 4px var(--bl);outline:none}.input.err{border-color:var(--r)}.input.err:focus{box-shadow:0 0 0 4px var(--rl)}.input::placeholder{color:var(--g4)}select.input{appearance:none;background-image: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='%2394A3B8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-inline-end:38px}[dir=rtl] select.input{background-position:14px}.pw-toggle{inset-inline-end:10px;color:var(--g4);border-radius:var(--rs);background:0 0;border:none;padding:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pw-toggle:hover{color:var(--g6);background:var(--g1)}.field-err{color:var(--r);align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:600;display:none}.field-err.show{display:flex}.field-hint{color:var(--g5);margin-top:6px;font-size:12px}.check-row{align-items:flex-start;gap:9px;margin-bottom:20px;display:flex}.check-row input{width:17px;height:17px;accent-color:var(--b);flex-shrink:0;margin-top:1px}.check-row label{color:var(--g6);font-size:13px;line-height:1.5}.check-row a{color:var(--b);font-weight:700}.search-bar{position:relative}.search-bar svg{inset-inline-start:18px;color:var(--g4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{border-radius:var(--rf);border:1.5px solid var(--g2);background:var(--w);width:100%;font-family:var(--f-body);color:var(--n);box-shadow:var(--sm);transition:var(--tr);padding:14px 18px 14px 48px;font-size:15px}.search-bar input:focus{border-color:var(--b);box-shadow:0 0 0 4px var(--bl);outline:none}[dir=rtl] .search-bar input{padding:14px 48px 14px 18px}.ph-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--g2);background:#ffffffeb;position:sticky;top:0}.ph-nav{max-width:var(--wrap);justify-content:space-between;align-items:center;margin-inline:auto;padding:13px 20px;display:flex}.ph-logo{align-items:center;gap:8px;display:flex}.ph-logo img{width:72px}.ph-logo span{font-family:var(--f-display);color:var(--b);font-size:21px;font-weight:600}.ph-links{align-items:center;gap:28px;display:none}.ph-links a{color:var(--g6);transition:var(--tr);padding-bottom:2px;font-size:14px;font-weight:600;position:relative}.ph-links a:after{content:"";inset-inline-start:0;background:var(--b);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-2px}.ph-links a:hover,.ph-links a.active{color:var(--b)}.ph-links a:hover:after,.ph-links a.active:after{width:100%}.ph-actions{align-items:center;gap:10px;display:flex}.ph-burger{border-radius:var(--rm);border:1.5px solid var(--g2);background:var(--w);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mob-menu{background:var(--w);z-index:var(--z-mobilemenu);flex-direction:column;padding:18px 20px 40px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;transform:translate(100%)}[dir=rtl] .mob-menu{transform:translate(-100%)}.mob-menu.open{transform:translate(0)}.mob-menu-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.mob-menu a{font-family:var(--f-display);border-bottom:1px solid var(--g1);padding:14px 4px;font-size:24px;font-weight:600}.mob-menu-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}@media (width>=960px){.ph-links{display:flex}.ph-burger{display:none}}.crumb{color:var(--g5);flex-wrap:wrap;align-items:center;gap:6px;padding:16px 0 0;font-size:13px;display:flex}.crumb a{color:var(--g5);font-weight:600}.crumb a:hover{color:var(--b)}.crumb .sep{color:var(--g3)}.crumb .cur{color:var(--n);font-weight:700}.staff-layout{grid-template-columns:240px 1fr;min-height:calc(100vh - 60px);display:grid}.staff-sidebar{background:var(--w);border-inline-end:1px solid var(--g2);flex-direction:column;gap:4px;height:calc(100vh - 60px);padding:24px 16px;display:flex;position:sticky;top:60px;overflow-y:auto}.staff-main{width:100%;max-width:1080px;padding:28px 32px}.staff-nav-item{border-radius:var(--rm);color:var(--g6);transition:var(--tr);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.staff-nav-item:hover{background:var(--g1);color:var(--n)}.staff-nav-item.active{background:var(--bl);color:var(--b);font-weight:700}.staff-nav-item svg{flex-shrink:0}.staff-nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--g4);margin-top:4px;padding:16px 14px 6px;font-size:10.5px;font-weight:700}.staff-nav-divider{background:var(--g2);height:1px;margin:8px 0}.staff-sidebar--admin .staff-nav-item.active{background:var(--rl);color:var(--r)}.staff-sidebar--teacher .staff-nav-item.active{color:#0284c7;background:#e0f2fe}.staff-sidebar--supervisor .staff-nav-item.active{background:var(--bl);color:var(--b)}@media (width<=768px){.staff-layout{grid-template-columns:1fr}.staff-sidebar{display:none}.staff-main{padding:20px 16px}}.staff-sidebar-toggle{border-radius:var(--rm);border:1.5px solid var(--g2);background:var(--w);width:36px;height:36px;color:var(--g6);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex!important}.staff-sidebar-toggle:hover{background:var(--g1);color:var(--n);border-color:var(--g3)}.staff-layout-grid{display:block}@media (width>=1200px){.staff-layout-grid{grid-template-columns:240px 1fr;align-items:start;gap:24px;transition:grid-template-columns .25s;display:grid}.staff-layout-grid.sidebar-collapsed{grid-template-columns:0 1fr}.staff-layout-grid.sidebar-collapsed .staff-sidebar-box{opacity:0;visibility:hidden;pointer-events:none;width:0;overflow:hidden}}.staff-sidebar-box{z-index:999;background:var(--w);border-right:1px solid var(--g2);width:280px;height:100vh;max-height:100vh;box-shadow:var(--sl);transition:transform .25s;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}.staff-sidebar-box.open{transform:translate(0)}@media (width>=1200px){.staff-sidebar-box{z-index:auto;width:240px;height:auto;max-height:calc(100vh - 80px);box-shadow:none;transition:width .25s,opacity .2s,visibility .2s;position:sticky;top:16px;overflow:hidden auto;transform:none}}.staff-drawer-backdrop{z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;position:fixed;inset:0}.staff-drawer-top{border-bottom:1px solid var(--g2);justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px 16px 12px;display:flex}@media (width>=1200px){.staff-drawer-top{display:none}}.staff-sidebar-inner{padding:12px}.staff-drawer-close-btn{border-radius:var(--rm);border:1.5px solid var(--g2);width:32px;height:32px;color:var(--g6);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.staff-drawer-close-btn:hover{background:var(--g1);color:var(--n)}.sh-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--g2);background:#ffffffeb;position:sticky;top:0}.sh-nav{max-width:var(--wrap);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;padding:12px 20px;display:flex}.sh-links{align-items:center;gap:6px;display:none}.sh-link{border-radius:var(--rm);color:var(--g6);transition:var(--tr);align-items:center;gap:6px;padding:7px 12px;font-size:13.5px;font-weight:600;display:flex}.sh-link:hover{background:var(--g1);color:var(--n)}.sh-link.active{background:var(--bl);color:var(--b)}.sh-actions{align-items:center;gap:8px;display:flex}.sh-notif-btn{border-radius:var(--rm);border:1.5px solid var(--g2);background:var(--w);width:38px;height:38px;color:var(--g6);transition:var(--tr);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.sh-notif-btn:hover{border-color:var(--b);color:var(--b)}.sh-notif-count{top:-4px;background:var(--r);color:#fff;border-radius:var(--rf);border:2px solid var(--w);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;inset-inline-end:-4px}@media (width>=768px){.sh-links{display:flex}}.student-mob-nav{background:var(--w);border-top:1px solid var(--g2);padding:8px 0 max(8px, env(safe-area-inset-bottom));z-index:var(--z-mobilebar);justify-content:space-around;align-items:center;display:flex;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -4px 16px #0f172a0f}.mob-nav-item{color:var(--g5);transition:var(--tr);flex-direction:column;align-items:center;gap:3px;padding:4px 12px;font-size:10.5px;font-weight:700;text-decoration:none;display:flex}.mob-nav-item.active{color:var(--b)}.mob-nav-item svg{width:22px;height:22px}@media (width>=768px){.student-mob-nav{display:none!important}}footer{color:var(--g3);padding:60px 0 26px}.foot-grid{gap:32px;margin-bottom:40px;display:grid}.foot-brand span{font-family:var(--f-display);color:var(--w);font-size:19px;font-weight:600}.foot-brand p{color:var(--g4);max-width:260px;margin-top:12px;font-size:13.5px;line-height:1.6}.foot-col h5{font-family:var(--f-body);color:var(--w);letter-spacing:.02em;margin-bottom:14px;font-size:13px;font-weight:700}.foot-col ul{flex-direction:column;gap:10px;display:flex}.foot-col a{color:var(--g4);transition:var(--tr);font-size:13.5px}.foot-col a:hover{color:var(--w)}.foot-bottom{color:var(--g4);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;font-size:12.5px;display:flex}.foot-bottom a{color:var(--g4)}.foot-bottom a:hover{color:var(--w)}.foot-legal{flex-wrap:wrap;gap:18px;display:flex}@media (width>=860px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.av{border-radius:var(--rf);background:var(--n);color:#fff;font-family:var(--f-display);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%}.av-sm{width:28px;height:28px;font-size:11px}.av-md{width:36px;height:36px;font-size:13px}.av-lg{width:56px;height:56px;font-size:20px}.av-xl{width:80px;height:80px;font-size:28px}.av-2xl{width:100px;height:100px;font-size:36px}.av.c-b{background:var(--b)}.av.c-r{background:var(--r)}.av.c-g{background:var(--gd)}.av.c-y{background:var(--yd)}.stats-row{flex-wrap:wrap;gap:28px;display:flex}.stats-row div{flex-direction:column;display:flex}.stats-row b{font-family:var(--f-display);color:var(--n);font-size:24px;font-weight:600}.stats-row span{color:var(--g5);font-size:12.5px;font-weight:600}.stats-row.on-dark b{color:#fff}.stats-row.on-dark span{color:var(--g4)}.acc-item{border:1px solid var(--g2);border-radius:var(--rxl);margin-bottom:14px;overflow:hidden}.acc-head{cursor:pointer;background:var(--w);transition:var(--tr);align-items:center;gap:14px;padding:18px 20px;display:flex}.acc-head:hover{background:var(--g1)}.acc-chevron{color:var(--g4);flex-shrink:0;margin-inline-start:auto;transition:transform .25s}.acc-item.open .acc-chevron{transform:rotate(180deg)}.acc-body{background:var(--g1);max-height:0;transition:max-height .35s;overflow:hidden}.acc-item.open .acc-body{max-height:900px}.faq-item{border-bottom:1px solid var(--g2)}.faq-q{text-align:start;width:100%;font-family:var(--f-body);color:var(--n);background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:18px 4px;font-size:14.5px;font-weight:700;display:flex}.faq-q svg{color:var(--g4);flex-shrink:0;transition:transform .25s}.faq-item.open .faq-q svg{transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .3s;overflow:hidden}.faq-item.open .faq-a{max-height:240px}.faq-a p{color:var(--g6);max-width:640px;padding:0 4px 18px;font-size:13.5px;line-height:1.6}.toast{bottom:24px;background:var(--n);color:#fff;border-radius:var(--rlg);box-shadow:var(--sl);opacity:0;pointer-events:none;z-index:var(--z-toast);white-space:nowrap;align-items:center;gap:9px;padding:12px 20px;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;position:fixed;inset-inline-start:50%;transform:translate(-50%,20px)}[dir=rtl] .toast{transform:translate(50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}[dir=rtl] .toast.show{transform:translate(50%)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100vw;height:100vh;z-index:var(--z-modal);background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex!important}.modal-card,.modal-dialog-card,div[id$=Modal]>.card,div[id^=modal]>.card,div[id*=Modal]>.card,div[id^=gradeModal]>.card,div[id^=attModal]>.card,div[id^=editQModal]>.card{background:var(--w);border-radius:var(--r2);border:1px solid var(--g2);width:100%;max-width:500px;max-height:90vh;z-index:calc(var(--z-modal) + 1);pointer-events:auto;flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a59;transition:none!important;transform:none!important}.modal-card:hover,.modal-dialog-card:hover,div[id$=Modal]>.card:hover,div[id^=modal]>.card:hover,div[id*=Modal]>.card:hover,div[id^=gradeModal]>.card:hover,div[id^=attModal]>.card:hover,div[id^=editQModal]>.card:hover{transform:none!important;box-shadow:0 25px 50px -12px #0f172a59!important}.modal-header{border-bottom:1px solid var(--g2);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h3{font-size:17px;font-family:var(--f-display)}.modal-close-btn{border-radius:var(--rs);background:var(--g1);width:32px;height:32px;color:var(--g5);cursor:pointer;transition:var(--tr);border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--rl);color:var(--r)}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--g2);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty-state .empty-icon{background:var(--g1);border-radius:var(--rxl);width:64px;height:64px;color:var(--g4);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-state h3{color:var(--n);font-size:18px}.empty-state p{color:var(--g5);max-width:380px;font-size:14px;line-height:1.6}.skeleton{background:linear-gradient(90deg, var(--g1) 25%, var(--g2) 50%, var(--g1) 75%);border-radius:var(--rm);background-size:200% 100%;animation:1.4s infinite skeleton-wave}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{background:var(--g2);border-radius:var(--rf);height:8px;overflow:hidden}.progress-bar-fill{background:var(--b);border-radius:var(--rf);height:100%;transition:width .5s ease-out}.progress-bar-fill.gold{background:linear-gradient(90deg, var(--y), var(--yd))}.progress-bar-fill.green{background:var(--g)}.xp-bar{background:var(--g2);border-radius:var(--rf);height:6px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--y), var(--yd));border-radius:var(--rf);height:100%;transition:width .5s ease-out}.xp-badge{background:linear-gradient(135deg, var(--yl), #fde68a);color:var(--yd);border-radius:var(--rf);font-size:13px;font-weight:700;font-family:var(--f-display);border:1px solid #fcd34d;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.streak-badge{color:#ea580c;border-radius:var(--rf);font-size:13px;font-weight:700;font-family:var(--f-display);background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.level-badge{background:linear-gradient(135deg, var(--bl), #bfdbfe);color:var(--bd);border-radius:var(--rf);font-size:13px;font-weight:700;font-family:var(--f-display);border:1px solid #93c5fd;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.progress-ring-wrap{width:110px;height:110px;margin:14px auto;position:relative}.progress-ring-wrap svg{transform:rotate(-90deg)}.progress-ring-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring-text .pct{color:var(--b);font-size:22px;font-weight:700;display:block}.progress-ring-text .lbl{color:var(--g5);font-size:11px}.gami-stat{text-align:center;padding:20px 18px}.gami-stat .value{font-family:var(--f-display);color:var(--n);margin-bottom:4px;font-size:28px;font-weight:700}.gami-stat .label{color:var(--g5);font-size:13px}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(1.2)}}@keyframes nodePulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:0;transform:scale(1.35)}}.node-pulse{transform-origin:50%;animation:2s ease-in-out infinite nodePulse}@keyframes pathDraw{to{stroke-dashoffset:0}}.path-draw{stroke-dasharray:900;stroke-dashoffset:900px;animation:2.2s .3s forwards pathDraw}.page-header h1{margin-top:6px;margin-bottom:4px;font-size:clamp(22px,4vw,28px)}.page-header p{color:var(--g5);font-size:14.5px;line-height:1.6}.flash{border-radius:var(--rm);align-items:flex-start;gap:10px;margin-bottom:20px;padding:13px 18px;font-size:14px;font-weight:600;display:flex}.flash-success{background:var(--gl);color:var(--gd);border:1px solid #86efac}.flash-error{background:var(--rl);color:var(--r);border:1px solid #fca5a5}.flash-warning{background:var(--yl);color:var(--yd);border:1px solid #fcd34d}.flash-info{background:var(--bl);color:var(--b);border:1px solid #93c5fd}.session-node{border-radius:var(--rxl);border:1.5px solid var(--g2);background:var(--w);transition:var(--tr);color:inherit;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:flex}.session-node:hover:not(.session-node--locked){border-color:var(--b);box-shadow:var(--sm);transform:translateY(-1px)}.session-node--completed{border-color:var(--gl);background:var(--gl)}.session-node--current{border-color:var(--b);background:var(--bl)}.session-node--locked{opacity:.6;cursor:not-allowed}.session-node--available{border-color:var(--g2)}.session-node__icon{border-radius:var(--rm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.session-node--completed .session-node__icon{background:var(--g);color:#fff}.session-node--current .session-node__icon{background:var(--b);color:#fff}.session-node--locked .session-node__icon{background:var(--g2);color:var(--g4)}.session-node--available .session-node__icon{background:var(--g1);color:var(--g5)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:start;color:var(--g5);letter-spacing:.04em;text-transform:uppercase;border-bottom:1.5px solid var(--g2);background:var(--g1);padding:10px 14px;font-size:11.5px;font-weight:700}.data-table th:first-child{border-start-start-radius:var(--rm)}.data-table th:last-child{border-start-end-radius:var(--rm)}.data-table td{color:var(--g6);border-bottom:1px solid var(--g2);vertical-align:middle;padding:13px 14px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--g1)}.data-table-wrap{background:var(--w);border-radius:var(--rxl);border:1px solid var(--g2);overflow:hidden}.auth-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-form-panel{background:var(--w);flex-direction:column;justify-content:center;align-items:center;padding:56px 40px;display:flex}.auth-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 0;display:flex}.auth-topbar-link{color:var(--g6);font-size:13.5px}.auth-topbar-link a{color:var(--b);font-weight:700}.auth-card{width:100%;max-width:420px}.auth-head{margin-bottom:28px}.auth-head h1{font-size:30px;font-family:var(--f-display);letter-spacing:-.02em;margin:10px 0 8px}.auth-head p{color:var(--g5);font-size:14.5px;line-height:1.55}.auth-alt-link{text-align:center;color:var(--g5);margin-top:24px;font-size:13.5px}.auth-alt-link a{color:var(--b);font-weight:700}.auth-visual-panel{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e3a5f 60%,#1d4ed8 100%);flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.auth-visual-panel:before{content:"";background:radial-gradient(circle at 20% 30%,#3b82f666,#0000 50%),radial-gradient(circle at 80% 70%,#ef444440,#0000 50%);position:absolute;inset:0}.auth-visual-panel>*{z-index:2;position:relative}.avp-badge{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;border-radius:var(--rf);background:#ffffff1a;border:1px solid #ffffff26;margin-bottom:36px;padding:6px 14px;font-size:12px;font-weight:700}.avp-mid{text-align:center;margin-bottom:36px}.avp-icon-box{border-radius:var(--r2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.avp-mid h3{color:#fff;margin-bottom:24px;font-size:26px;line-height:1.2}.avp-card{border-radius:var(--r2);text-align:start;background:#ffffff14;border:1px solid #ffffff1f;max-width:340px;padding:20px}.avp-quote{color:#ffffffd9;margin-bottom:16px;font-size:14px;font-style:italic;line-height:1.65}.avp-who{align-items:center;gap:12px;display:flex}.avp-av{border-radius:var(--rf);color:#fff;width:36px;height:36px;font-size:13px;font-weight:700;font-family:var(--f-display);background:#fff3;justify-content:center;align-items:center;display:flex}.avp-name{color:#fff;font-size:13.5px;font-weight:700}.avp-role{color:#fff9;font-size:12px}.avp-stats{justify-content:center;gap:24px;display:flex}.avp-stats div{text-align:center}.avp-stats b{font-family:var(--f-display);color:#fff;font-size:26px;font-weight:700;display:block}.avp-stats span{color:#fff9;font-size:12px}@media (width<=768px){.auth-shell{grid-template-columns:1fr}.auth-visual-panel{display:none}.auth-form-panel{padding:24px 20px}}.pagination-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:100%;padding-top:12px;display:flex}.pagination-counter{color:var(--g5);font-size:13px;font-weight:500}.pagination-counter b{color:var(--n)}.pagination-list{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:flex}.btn-page-num{justify-content:center;min-width:32px}.btn.disabled,.btn-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}@media (width<=640px){.pagination-nav{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding-top:10px}.pagination-counter{text-align:center;width:100%;font-size:12px}.pagination-list{justify-content:center;gap:4px;width:100%}.pagination-list .btn{gap:4px;min-height:28px;padding:4px 8px;font-size:12px;line-height:1}.pagination-list .btn-page-num{min-width:28px;padding:2px 6px;font-size:12px}.pagination-list .icon{width:13px;height:13px}}@media (width<=440px){.pagination-list{gap:3px}.pagination-list .btn{min-height:26px;padding:3px 6px;font-size:11px}.pagination-list .btn-page-num{min-width:24px;padding:1px 4px}.pagination-list .pagination-btn-label{display:none}}.icon,[data-lucide]{vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.icon-xs{width:12px;height:12px}.icon-sm-xs{width:14px;height:14px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-2xl{width:40px;height:40px}.icon-gold,.text-amber-300,.text-amber{color:#f59e0b}.icon-inline{vertical-align:middle;display:inline-block}.body-tint{background:var(--bg);color:var(--n)}.student-main-wrap{min-height:calc(100vh - 140px);padding-top:24px;padding-bottom:96px}.staff-app-shell{flex-direction:column;min-height:100vh;display:flex}.staff-shell-wrap{width:100%;min-height:calc(100vh - 80px);padding-top:20px;padding-bottom:64px}.staff-sidebar-toggle{border-radius:var(--rm);border:1.5px solid var(--g2);background:var(--w);width:40px;height:40px;color:var(--n);transition:var(--tr);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.staff-sidebar-toggle:hover{background:var(--g1);border-color:var(--g3)}@media (width>=1200px){.staff-sidebar-toggle{display:none!important}}.staff-drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-mobilemenu) - 1);background:#0f172a80;position:fixed;inset:0}@media (width>=1200px){.staff-drawer-backdrop{display:none!important}.staff-layout-grid{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}.staff-sidebar-box{border:1px solid var(--g2);background:#fff;border-radius:20px;width:260px;height:calc(100vh - 96px);padding:16px;position:sticky;top:76px;overflow-y:auto;box-shadow:0 1px 3px #0000000a}.staff-drawer-top{display:none!important}}@media (width<=1199.98px){.staff-layout-grid{width:100%;display:block}.staff-sidebar-box{top:0;bottom:0;width:280px;max-width:85vw;height:100dvh;z-index:var(--z-mobilemenu);border:none;border-inline-end:1px solid var(--g2);background:#fff;border-radius:0;padding:20px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset-inline-start:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[dir=rtl] .staff-sidebar-box{transform:translate(100%)}.staff-sidebar-box.open{transform:translate(0)!important}.staff-drawer-top{border-bottom:1px solid var(--g2);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.staff-drawer-close-btn{border-radius:var(--rm);border:1px solid var(--g2);background:var(--g1);width:32px;height:32px;color:var(--g6);cursor:pointer;justify-content:center;align-items:center;display:flex}.staff-drawer-close-btn:hover{background:var(--g2);color:var(--n)}}.staff-nav-heading{color:var(--g4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-inline:12px;font-size:11px;font-weight:700}.staff-nav-list{flex-direction:column;gap:4px;display:flex}.main-content-wrap{flex:1;width:100%;min-width:0}.flash-icon{flex-shrink:0;width:20px;height:20px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table th,.data-table td{border-bottom:1px solid var(--g2);padding:12px 14px}.data-table th{text-align:left;color:var(--g5);text-transform:uppercase;letter-spacing:.05em;background:var(--g1);font-size:12px;font-weight:700}[dir=rtl] .data-table th{text-align:right}.page-header{margin-bottom:24px}.page-header__h1{font-family:var(--f-display);color:var(--n);letter-spacing:-.01em;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2}.page-header__sub{color:var(--g5);margin-top:4px;font-size:clamp(13px,1.5vw,14.5px);line-height:1.5}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media (width>=640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=1200px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none!important}.d-inline{display:inline}.d-block{display:block}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.gap-12{gap:48px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded{border-radius:6px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-3xl{border-radius:24px}.rounded-full{border-radius:9999px}.p-0{padding:0!important}.p-1{padding:4px!important}.p-1\.5{padding:6px!important}.p-2{padding:8px!important}.p-2\.5{padding:10px!important}.p-3{padding:12px!important}.p-3\.5{padding:14px!important}.p-4{padding:16px!important}.p-5{padding:20px!important}.p-6{padding:24px!important}.p-8{padding:32px!important}.p-10{padding:40px!important}.p-12{padding:48px!important}.p-16{padding:64px!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:4px!important;padding-right:4px!important}.px-1\.5{padding-left:6px!important;padding-right:6px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.px-2\.5{padding-left:10px!important;padding-right:10px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.px-3\.5{padding-left:14px!important;padding-right:14px!important}.px-4{padding-left:16px!important;padding-right:16px!important}.px-5{padding-left:20px!important;padding-right:20px!important}.px-6{padding-left:24px!important;padding-right:24px!important}.px-8{padding-left:32px!important;padding-right:32px!important}.px-10{padding-left:40px!important;padding-right:40px!important}.px-12{padding-left:48px!important;padding-right:48px!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.py-1\.5{padding-top:6px!important;padding-bottom:6px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-2\.5{padding-top:10px!important;padding-bottom:10px!important}.py-3{padding-top:12px!important;padding-bottom:12px!important}.py-3\.5{padding-top:14px!important;padding-bottom:14px!important}.py-4{padding-top:16px!important;padding-bottom:16px!important}.py-5{padding-top:20px!important;padding-bottom:20px!important}.py-6{padding-top:24px!important;padding-bottom:24px!important}.py-8{padding-top:32px!important;padding-bottom:32px!important}.py-10{padding-top:40px!important;padding-bottom:40px!important}.py-12{padding-top:48px!important;padding-bottom:48px!important}.pt-0{padding-top:0!important}.pt-1{padding-top:4px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:12px!important}.pt-4{padding-top:16px!important}.pt-5{padding-top:20px!important}.pt-6{padding-top:24px!important}.pt-8{padding-top:32px!important}.pt-10{padding-top:40px!important}.pt-12{padding-top:48px!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:4px!important}.pb-2{padding-bottom:8px!important}.pb-3{padding-bottom:12px!important}.pb-4{padding-bottom:16px!important}.pb-5{padding-bottom:20px!important}.pb-6{padding-bottom:24px!important}.pb-8{padding-bottom:32px!important}.pb-10{padding-bottom:40px!important}.pb-12{padding-bottom:48px!important}.ps-0{padding-inline-start:0!important}.ps-1{padding-inline-start:4px!important}.ps-2{padding-inline-start:8px!important}.ps-3{padding-inline-start:12px!important}.ps-4{padding-inline-start:16px!important}.ps-5{padding-inline-start:20px!important}.ps-6{padding-inline-start:24px!important}.pe-0{padding-inline-end:0!important}.pe-1{padding-inline-end:4px!important}.pe-2{padding-inline-end:8px!important}.pe-3{padding-inline-end:12px!important}.pe-4{padding-inline-end:16px!important}.pe-5{padding-inline-end:20px!important}.pe-6{padding-inline-end:24px!important}.m-0{margin:0!important}.m-1{margin:4px!important}.m-2{margin:8px!important}.m-3{margin:12px!important}.m-4{margin:16px!important}.m-5{margin:20px!important}.m-6{margin:24px!important}.m-8{margin:32px!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:4px!important;margin-right:4px!important}.mx-2{margin-left:8px!important;margin-right:8px!important}.mx-3{margin-left:12px!important;margin-right:12px!important}.mx-4{margin-left:16px!important;margin-right:16px!important}.mx-5{margin-left:20px!important;margin-right:20px!important}.mx-6{margin-left:24px!important;margin-right:24px!important}.mx-8{margin-left:32px!important;margin-right:32px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:4px!important;margin-bottom:4px!important}.my-2{margin-top:8px!important;margin-bottom:8px!important}.my-3{margin-top:12px!important;margin-bottom:12px!important}.my-4{margin-top:16px!important;margin-bottom:16px!important}.my-5{margin-top:20px!important;margin-bottom:20px!important}.my-6{margin-top:24px!important;margin-bottom:24px!important}.my-8{margin-top:32px!important;margin-bottom:32px!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mt-5{margin-top:20px!important}.mt-6{margin-top:24px!important}.mt-8{margin-top:32px!important}.mt-10{margin-top:40px!important}.mt-12{margin-top:48px!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.mb-5{margin-bottom:20px!important}.mb-6{margin-bottom:24px!important}.mb-8{margin-bottom:32px!important}.mb-10{margin-bottom:40px!important}.mb-12{margin-bottom:48px!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-inline-start:0!important}.ms-1{margin-inline-start:4px!important}.ms-2{margin-inline-start:8px!important}.ms-3{margin-inline-start:12px!important}.ms-4{margin-inline-start:16px!important}.ms-5{margin-inline-start:20px!important}.ms-6{margin-inline-start:24px!important}.ms-auto{margin-inline-start:auto!important}.me-0{margin-inline-end:0!important}.me-1{margin-inline-end:4px!important}.me-2{margin-inline-end:8px!important}.me-3{margin-inline-end:12px!important}.me-4{margin-inline-end:16px!important}.me-5{margin-inline-end:20px!important}.me-6{margin-inline-end:24px!important}.me-auto{margin-inline-end:auto!important}.grid-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.grid-2col{grid-template-columns:1fr}}.card-tint-box{background:var(--g1);border-radius:var(--rm);text-align:center;padding:20px}.card-success-flash{color:#166534;border-radius:var(--rm);background:#dcfce7;border:1px solid #86efac;margin-bottom:20px;padding:14px 18px;font-size:14px;font-weight:600}.card-error-flash{color:#991b1b;border-radius:var(--rm);background:#fee2e2;border:1px solid #fca5a5;margin-bottom:20px;padding:14px 18px;font-size:14px}.text-danger{color:var(--r)!important}.border-danger{border-color:var(--r)!important}.inline-flex{display:inline-flex}.inline-flex-center{align-items:center;display:inline-flex}.no-underline{text-decoration:none}.icon-3{vertical-align:middle;flex-shrink:0;width:12px;height:12px;display:inline-block}.icon-3h{vertical-align:middle;flex-shrink:0;width:14px;height:14px;display:inline-block}.icon-4{vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.icon-5{vertical-align:middle;flex-shrink:0;width:20px;height:20px;display:inline-block}.icon-6{vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-block}.icon-7{vertical-align:middle;flex-shrink:0;width:28px;height:28px;display:inline-block}.icon-8{vertical-align:middle;flex-shrink:0;width:32px;height:32px;display:inline-block}.logo-img{width:72px;height:auto;display:block}.role-badge{padding:2px 10px;font-size:11px;font-weight:700}.hide-sm{display:none}@media (width>=640px){.hide-sm{display:inline}}.show-sm{display:inline}@media (width>=640px){.show-sm{display:none}}.vp-wrapper{aspect-ratio:16/9;border-radius:var(--rm);background:#0f172a;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.vp-loading-overlay{color:#f8fafc;z-index:2;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.vp-spinner{border:3px solid #fff3;border-top-color:#3b82f6;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.7s linear infinite spin}.vp-loading-label{letter-spacing:.3px;color:#94a3b8;font-size:13.5px;font-weight:600}.vp-player-target{width:100%;height:100%}.vp-error-overlay{color:#f8fafc;text-align:center;z-index:3;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:none;position:absolute;inset:0}.vp-error-icon{color:#ef4444;background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.vp-error-title{margin-bottom:6px;font-size:18px;font-weight:700}.vp-error-text{color:#94a3b8;max-width:440px;margin:0 auto;font-size:13.5px}.vp-cover-overlay{z-index:10;cursor:pointer;border-radius:var(--rm);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;padding:24px;transition:opacity .5s,visibility .5s;display:flex;position:absolute;inset:0;overflow:hidden}.vp-cover-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.vp-cover-gradient{z-index:1;background:linear-gradient(#0f172a73 0%,#0f172abf 60%,#0f172af2 100%);position:absolute;inset:0}.vp-cover-header,.vp-cover-body,.vp-cover-footer{z-index:2;position:relative}.vp-cover-header{justify-content:flex-start;display:flex}.vp-cover-badge{-webkit-backdrop-filter:blur(12px);color:#f8fafc;background:#0f172ad9;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:500;display:inline-flex;box-shadow:0 4px 14px #00000059}.vp-cover-badge strong{color:#60a5fa;font-weight:700}.vp-cover-body{flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:auto 0;display:flex}.vp-cover-play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .25s,box-shadow .25s;animation:2s infinite vp-pulse;display:flex;box-shadow:0 0 #3b82f699,0 8px 24px #0006}.vp-cover-play-button:hover{transform:scale(1.1);box-shadow:0 0 0 14px #3b82f600,0 12px 32px #2563eb99}.vp-play-icon{fill:currentColor;width:32px;height:32px;margin-left:4px}.vp-cover-play-hint{color:#e2e8f0;text-shadow:0 2px 4px #00000080;letter-spacing:.3px;font-size:13.5px;font-weight:600}.vp-cover-footer{justify-content:space-between;align-items:center;display:flex}.vp-cover-title{color:#fff;text-shadow:0 2px 4px #0009;font-size:15px;font-weight:700}@keyframes vp-pulse{0%{box-shadow:0 0 #3b82f680,0 8px 24px #0006}70%{box-shadow:0 0 0 16px #3b82f600,0 8px 24px #0006}to{box-shadow:0 0 #3b82f600,0 8px 24px #0006}}.vp-custom-controls{z-index:12;-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:linear-gradient(#0000 0%,#0f172aa6 25%,#0f172af2 100%);flex-direction:column;gap:8px;padding:12px 16px 10px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.vp-wrapper:hover .vp-custom-controls,.vp-custom-controls--visible{opacity:1;visibility:visible}.vp-ctrl-seekbar-wrapper{cursor:pointer;background:#fff3;border-radius:3px;width:100%;height:6px;transition:height .15s;position:relative}.vp-ctrl-seekbar-wrapper:hover{height:8px}.vp-ctrl-seekbar-track{border-radius:inherit;width:100%;height:100%;position:relative}.vp-ctrl-seekbar-fill{border-radius:inherit;background:#3b82f6;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.vp-ctrl-row{justify-content:space-between;align-items:center;display:flex}.vp-ctrl-left,.vp-ctrl-right{align-items:center;gap:12px;display:flex}.vp-ctrl-btn{color:#f1f5f9;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s;display:flex}.vp-ctrl-btn:hover{color:#3b82f6;background:#ffffff26}.vp-ctrl-time{color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.vp-progress-panel{background:var(--w);border-radius:var(--rm);border:1px solid var(--g2);margin-top:14px;padding:14px 18px;box-shadow:0 2px 6px #00000005}.vp-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.vp-progress-left{align-items:center;gap:8px;display:flex}.vp-progress-left b{color:var(--n);font-weight:700}.vp-progress-right{align-items:center;gap:8px;display:flex}.vp-pct-label{font-weight:800}.vp-pct-blue{color:var(--b)}.vp-pct-green{color:var(--g)}.vp-track{background:var(--g2);border-radius:4px;height:8px;position:relative;overflow:hidden}.vp-fill{border-radius:4px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.vp-fill--blue{background:var(--b)}.vp-fill--green{background:var(--g)}.vp-threshold-marker{z-index:1;background:#0000004d;width:2px;position:absolute;top:0;bottom:0}.vp-track-labels{color:var(--g5);justify-content:space-between;margin-top:4px;font-size:10.5px;display:flex}.vp-track-labels .target-label{color:var(--n);font-weight:700}.vp-state-box{background:var(--g1);border-radius:var(--rm);text-align:center;border:1px solid var(--g2);padding:40px 24px}.vp-state-box--dashed{border-style:dashed}.vp-state-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:inline-flex}.vp-state-icon--grey{background:var(--g2);color:var(--g5)}.vp-state-icon--white{background:var(--w);color:var(--g5)}.vp-state-icon--yellow{color:#d97706;background:#eab30826}.vp-state-icon--red{color:#dc2626;background:#ef444426}.vp-state-title{margin-bottom:8px;font-size:19px;font-weight:700}.vp-state-desc{color:var(--g5);max-width:480px;margin:0 auto 20px;font-size:13.5px;line-height:1.5}.vp-state-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.embed-16-9{aspect-ratio:16/9;border-radius:var(--rm);background:#000;overflow:hidden}.embed-16-9 iframe{border-radius:var(--rm);border:none;width:100%;height:100%;display:block}.panel-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-header-row--start{align-items:flex-start}.hw-item{background:var(--g1);border-radius:var(--rm);border:1px solid var(--g2);padding:14px}.hw-item+.hw-item{margin-top:12px}.hw-item__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.hw-item__title-row{align-items:center;gap:6px;display:flex}.hw-item__title{color:var(--n);font-size:14.5px}.hw-item__desc{color:var(--g5);margin:3px 0 0;font-size:12px}.hw-item__actions{align-items:center;gap:4px;display:flex}.hw-item__footer{border-top:1px solid var(--g2);color:var(--g5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;padding-top:8px;font-size:12px;display:flex}.hw-item__footer-btns{gap:6px;display:flex}.col-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.col-list-sm{flex-direction:column;gap:8px;display:flex}.col-list-xs{flex-direction:column;gap:5px;display:flex}.q-block{background:var(--g1);border-radius:var(--rm);border:1px solid var(--g2);padding:10px 12px;font-size:13px}.q-block__header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.q-block__body{margin-top:6px}.q-block__text-response{background:var(--w);border-radius:var(--rs);border:1px solid var(--g2);margin:0;padding:8px}.q-block__text-response label{color:var(--b);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.q-block__text-response p{color:var(--n);white-space:pre-wrap;margin:0;font-size:12.5px}.q-block__score-row{border-top:1px dashed var(--g2);align-items:center;gap:8px;margin-top:8px;padding-top:6px;display:flex}.q-block__score-row label{color:var(--n);font-size:11.5px;font-weight:700}.q-score-input{border-radius:var(--rs);border:1.5px solid var(--g2);width:80px;font-size:12px;font-family:var(--f-body);color:var(--n);background:var(--w);padding:4px 8px}.answer-chip{border:1px solid var(--g2);color:var(--n);border-radius:20px;padding:3px 8px;font-size:11px;display:inline-block}.answer-chip--correct{color:#15803d;background:#22c55e26;border-color:#22c55e;font-weight:700}.sub-row{background:var(--w);border-radius:var(--rs);border:1px solid var(--g2);padding:10px;font-size:13px}.sub-row__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sub-row__name{font-weight:700}.sub-row__time{color:var(--g5);font-size:11px;display:block}.sub-row__actions{align-items:center;gap:6px;display:flex}.sub-row__notes{color:var(--n);background:var(--g1);white-space:pre-wrap;border-radius:4px;margin:6px 0 0;padding:6px 8px;font-size:12px}.item-row{background:var(--g1);border-radius:var(--rm);border:1px solid var(--g2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.item-row__label{color:var(--n);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.item-row__actions{align-items:center;gap:6px;display:flex}.asm-item{background:var(--g1);border-radius:var(--rm);border:1px solid var(--g2);padding:14px}.asm-item__meta{color:var(--g5);margin:4px 0;font-size:12.5px}.q-add-panel{background:var(--bl);border-radius:var(--rm);border:1px solid #3b82f640;padding:16px}.q-add-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.q-add-header p{color:var(--b);margin:0;font-size:13px;font-weight:700}.q-inner-block{background:var(--w);border-radius:var(--rm);border:1px solid var(--g2);margin-bottom:12px;padding:12px}.score-summary-bar{background:var(--bl);border-radius:var(--rm);border:1px solid #3b82f640;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 14px;display:flex}.score-summary-bar__label{color:var(--b);font-size:12.5px;font-weight:700}.score-summary-bar__value{color:var(--b);font-size:15px;font-weight:700}.edit-q-box{border-top:1px dashed var(--g2);background:var(--w);border-radius:var(--rm);margin-top:12px;padding:12px;display:none}.edit-q-box__title{color:var(--b);margin-bottom:8px;font-size:12px;font-weight:700}.tf-options{gap:16px;display:flex}.tf-option-label{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.tf-option-label input[type=radio],.mc-option-row input[type=radio]{width:16px;height:16px;accent-color:var(--b)}.mc-option-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.mc-option-row .input{flex:1}.mc-options-label{color:var(--n);margin-bottom:6px;font-size:11.5px;font-weight:700}.mc-options-label span{color:var(--g5);font-weight:400}.quiz-mode-tip{color:#b45309;border-radius:var(--rm);background:#f59e0b1a;border:1px solid #f59e0b;margin-bottom:12px;padding:10px 12px;font-size:12px;font-weight:600;display:none}.sub-file-link{border:1.5px solid var(--g2);border-radius:var(--rm);color:var(--n);background:var(--w);transition:var(--tr);justify-content:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:12px;text-decoration:none;display:flex}.sub-file-link:hover{border-color:var(--b);color:var(--b)}.sub-file-size{color:var(--g5);margin-inline-start:auto;font-size:10.5px}.student-response-box{background:var(--g1);border-radius:var(--rm);border:1px solid var(--g2);margin-bottom:14px;padding:14px;font-size:13.5px}.student-response-box .box-label{color:var(--g5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.student-response-box p{color:var(--n);white-space:pre-wrap;margin:0;line-height:1.5}.student-response-empty{background:var(--g1);border-radius:var(--rm);border:1px solid var(--g2);color:var(--g5);text-align:center;margin-bottom:14px;padding:12px;font-size:13px}.q-list-heading{color:var(--g5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.obj-answer-row{justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}.obj-answer-row .student-ans{color:var(--n);font-weight:700}.obj-answer-row .correct-hint{color:var(--g5);margin-left:8px}.answers-wrap{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.subs-toggle-pane{border-top:1px dashed var(--g2);margin-top:12px;padding-top:12px;display:none}.no-content-text{color:var(--g5);margin-top:10px;font-size:13px}.no-content-center{color:var(--g5);text-align:center;margin:0;font-size:13px}.attachment-link{color:var(--b);font-weight:600;text-decoration:none}.attachment-link:hover{text-decoration:underline}.ph-link-active{color:var(--b)!important}.mob-logo-img{width:75px}.header-logo{width:72px;height:auto;display:block}.staff-hdr-link{align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:inline-flex}.staff-hdr-link:hover{opacity:.8}.staff-hdr-username{color:var(--n);font-size:14px;font-weight:700}@media (width<=640px){.staff-hdr-username{display:none}}.sh-logout-label{display:none}@media (width>=640px){.sh-logout-label{display:inline}}.mission-done-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mission-todo-icon{width:24px;height:24px;color:var(--b);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;display:flex}.xp-level-suffix{opacity:.75;font-size:11px;font-weight:400}.dash-icon-cell{align-items:center;gap:8px;display:flex}.notif-icon-session{color:#3b82f6}.notif-icon-homework{color:#a855f7}.notif-icon-test{color:#f59e0b}.notif-icon-achieve{color:#eab308}.notif-icon-default{color:#3b82f6}.icon-active{color:#34d399}.icon-locked{color:#fcd34d}.icon-pending{color:#fbb F24}.subject-icon-box{align-items:center;gap:6px;display:inline-flex}.field-group--compact{margin-bottom:0}.teacher-session-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=860px){.teacher-session-grid{grid-template-columns:1fr}}.icon-inline-va{vertical-align:middle;display:inline-block}.progress-label-row{color:var(--n);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.staff-wrap-grid{grid-template-columns:220px 1fr;gap:24px;padding-top:24px;padding-bottom:60px;display:grid}@media (width<=768px){.staff-wrap-grid{grid-template-columns:1fr}}.staff-aside-box{background:var(--w);border:1px solid var(--g2);border-radius:var(--rxl);height:fit-content;padding:20px 16px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.field-hint-text{color:var(--g5);margin-top:3px;font-size:11.5px;display:block}.field-err-text{color:var(--r);align-items:center;gap:4px;margin-top:3px;font-size:11.5px;display:flex}.modal-confirm-msg{color:var(--g5);margin:0;font-size:14px;line-height:1.5}.modal-confirm-form{display:inline}.bdg-role{text-transform:uppercase;padding:2px 12px;font-size:11px;font-weight:700}.logout-label-sm{display:none}@media (width>=640px){.logout-label-sm{display:inline}}.sh-avatar-link{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.nav-link--active{color:var(--b)}.text-muted{color:var(--g5)}.text-body{color:var(--g6)}.text-strong{color:var(--n);font-weight:700}.text-blue{color:var(--b)}.text-green{color:var(--gd)}.text-red{color:var(--r)}.text-amber{color:var(--yd)}.w-full{width:100%}.min-w-0{min-width:0}.flex-1,.input-flex{flex:1}.bdg-xs{text-transform:uppercase;padding:2px 6px;font-size:9px}.link-blue{color:var(--b);font-weight:600;text-decoration:none}.link-blue:hover{text-decoration:underline}.file-list{flex-direction:column;gap:5px;display:flex}.edumax-moment-card{border:1px solid var(--g2);border-left:4px solid var(--b);border-radius:var(--rm);background:#fff;padding:14px 18px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0f172a0a}.edumax-moment-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px #0f172a14}.edumax-moment-card--compact{padding:10px 14px}.edumax-moment-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.edumax-moment-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--g5);align-items:center;font-size:11px;font-weight:700;display:inline-flex}.edumax-moment-body{color:var(--n);margin:0 0 4px;font-size:13.5px;font-weight:600;line-height:1.4}.edumax-moment-footer{text-align:right}.edumax-moment-author{color:var(--g5);font-size:11.5px;font-style:italic;font-weight:600}.edumax-moment-content{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.edumax-moment-content .edumax-moment-text{color:var(--n);flex:1;min-width:0;font-weight:600}.lh-hero-tagline{color:#ffffffd9!important;margin-top:4px!important;font-size:13.5px!important;font-weight:500!important}.next-up-container{background:var(--g1);border:1.5px dashed var(--g3);border-radius:var(--rm);margin-top:14px;padding:16px}.next-up-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.next-up-title{letter-spacing:.06em;text-transform:uppercase;color:var(--b);font-size:11px;font-weight:700}.course-card-meta{color:var(--g5);flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 16px;font-size:12.5px;display:flex}.course-card-meta-item{align-items:center;gap:4px;display:inline-flex}.course-search-bar{max-width:360px;margin-bottom:20px}.btn-white-outline{color:var(--w);background:0 0;border:1.5px solid #fff6}.btn-white-outline:hover{border-color:var(--w);color:var(--w);background:#ffffff26;transform:translateY(-2px)}.student-classroom-page{flex-direction:column;gap:20px;display:flex}.cw-stu-container,.student-classroom-page{flex-direction:column;gap:20px;width:100%;display:flex}.cw-stu-hero,.student-classroom-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 45%,#1d4ed8 100%);border-radius:20px;flex-direction:column;gap:20px;padding:26px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px -10px #0f172a59}.cw-stu-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f152 0%,#2563eb00 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-50%;right:-10%}.cw-stu-hero-top,.student-classroom-hero__top{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.cw-stu-crumb,.student-classroom-crumb{color:#e2e8f0c7;align-items:center;gap:7px;min-width:0;font-size:12.5px;font-weight:700;display:inline-flex}.cw-stu-crumb a,.student-classroom-crumb a{color:#ffffffe0;text-decoration:none;transition:color .15s}.cw-stu-crumb a:hover,.student-classroom-crumb a:hover{color:#fff;text-decoration:underline}.cw-stu-crumb svg,.student-classroom-crumb i{color:#ffffff73;flex-shrink:0;width:13px;height:13px}.cw-stu-crumb span,.student-classroom-crumb span{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:800;overflow:hidden}.cw-stu-back-btn,.student-classroom-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.cw-stu-back-btn:hover,.student-classroom-back:hover{background:#ffffff2e;border-color:#ffffff59;transform:translate(-2px)}.cw-stu-back-btn svg,.student-classroom-back i{width:14px;height:14px}.cw-stu-hero-body,.student-classroom-hero__body{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;display:flex;position:relative}.cw-stu-hero-main{flex-direction:column;gap:8px;max-width:680px;display:flex}.cw-stu-tags,.student-classroom-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cw-stu-tag-pill,.student-classroom-tags span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:800}.cw-stu-hero h1,.student-classroom-hero h1{color:#fff;letter-spacing:-.02em;margin:0;font-size:27px;font-weight:900;line-height:1.25}.cw-stu-teacher,.student-classroom-teacher{align-items:center;gap:10px;margin-top:4px;display:inline-flex}.cw-stu-teacher-avatar,.student-classroom-avatar{color:#fff;background:#ffffff2e;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:900;display:inline-flex;overflow:hidden}.cw-stu-teacher-avatar img{object-fit:cover;width:100%;height:100%}.cw-stu-teacher-info{flex-direction:column;display:flex}.cw-stu-teacher-name{color:#fff;font-size:13.5px;font-weight:800}.cw-stu-teacher-role{color:#e2e8f0bf;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.cw-stu-hero-stats,.student-classroom-metrics{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cw-stu-stat-chip,.student-classroom-metrics span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.cw-stu-stat-chip svg,.student-classroom-metrics i{color:#93c5fd;width:15px;height:15px}.cw-stu-stat-chip strong,.student-classroom-metrics b{color:#fff;font-weight:900}.cw-stu-tabs-bar,.student-classroom-tabs{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;border-bottom:2px solid #e2e8f0;align-items:center;gap:4px;padding-bottom:0;display:flex;overflow:auto hidden}.cw-stu-tabs-bar::-webkit-scrollbar{height:5px}.student-classroom-tabs::-webkit-scrollbar{height:5px}.cw-stu-tabs-bar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.student-classroom-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cw-stu-tab,.student-classroom-tab{color:#64748b;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 18px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.cw-stu-tab:hover,.student-classroom-tab:hover{color:#1e3a8a}.cw-stu-tab svg,.student-classroom-tab i{width:16px;height:16px}.cw-stu-tab-badge,.student-classroom-tab b{color:#64748b;text-align:center;background:#f1f5f9;border-radius:9999px;min-width:22px;padding:2px 7px;font-size:11px;font-weight:900}.cw-stu-tab.is-active,.student-classroom-tab.is-active{color:#2563eb;border-bottom-color:#2563eb}.cw-stu-tab.is-active .cw-stu-tab-badge,.student-classroom-tab.is-active b{color:#2563eb;background:#eff6ff}.cw-stu-stream-grid,.student-classroom-stream-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.cw-stu-feed-column{flex-direction:column;gap:16px;display:flex}.cw-stu-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cw-stu-section-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:900}.cw-stu-section-header p{color:#64748b;margin:2px 0 0;font-size:13px}.cw-stu-stream-card,.student-stream-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:16px;flex-direction:column;gap:12px;padding:20px 22px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 10px #0f172a0a}.cw-stu-stream-card:hover,.student-stream-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.cw-stu-stream-card--announcement{border-left-color:#6366f1}.cw-stu-stream-card--homework{border-left-color:#f59e0b}.cw-stu-stream-card--quiz{border-left-color:#8b5cf6}.cw-stu-stream-card--material{border-left-color:#06b6d4}.cw-stu-stream-card-head,.student-stream-card__head{align-items:flex-start;gap:14px;display:flex}.cw-stu-type-icon,.student-stream-icon,.student-classwork-icon,.student-material-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.cw-stu-type-icon--announcement{color:#4f46e5;background:#eef2ff}.cw-stu-type-icon--homework{color:#d97706;background:#fffbeb}.cw-stu-type-icon--quiz{color:#7c3aed;background:#f5f3ff}.cw-stu-type-icon--material{color:#0891b2;background:#ecfeff}.cw-stu-type-icon svg,.student-stream-icon i{width:18px;height:18px}.cw-stu-stream-card-meta{flex:1;min-width:0}.cw-stu-stream-card-meta h3,.student-stream-card h3{color:#0f172a;margin:0 0 3px;font-size:16px;font-weight:800}.cw-stu-stream-card-meta p,.student-stream-card__head p{color:#64748b;margin:0;font-size:12.5px}.cw-stu-stream-card-body,.student-stream-card__body{color:#334155;white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.6}.cw-stu-stream-card-img,.student-stream-card__image{object-fit:cover;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-height:380px}.cw-stu-stream-card-foot,.student-stream-card__foot{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:12.5px;display:flex}.cw-stu-stream-card-foot a,.student-stream-card__foot a{color:#2563eb;background:#eff6ff;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.cw-stu-stream-card-foot a:hover,.student-stream-card__foot a:hover{color:#1d4ed8;background:#dbeafe;transform:translate(2px)}.cw-stu-sidebar{flex-direction:column;gap:18px;display:flex;position:sticky;top:20px}.cw-stu-widget-card,.student-due-panel,.student-progress-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 2px 10px #0f172a0a}.cw-stu-widget-head,.student-due-panel__head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.cw-stu-widget-title{text-transform:uppercase;letter-spacing:.05em;color:#475569;align-items:center;gap:7px;font-size:13px;font-weight:900;display:flex}.cw-stu-due-task,.student-due-task{background:#fffdf0;border:1px solid #fef08a;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:10px;padding:13px 15px;display:flex}.cw-stu-due-task:last-child,.student-due-task:last-child{margin-bottom:0}.cw-stu-due-task--quiz{background:#faf7ff;border-color:#ddd6fe}.cw-stu-due-task-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cw-stu-due-task h3,.student-due-task h3{color:#0f172a;margin:0;font-size:13.5px;font-weight:800}.cw-stu-due-task p,.student-due-task p{color:#64748b;margin:0;font-size:11.5px}.cw-stu-due-task-btn,.student-due-task a{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.cw-stu-due-task-btn:hover,.student-due-task a:hover{color:#fff;background:#1d4ed8}.cw-stu-prog-row,.student-progress-row{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.cw-stu-prog-row:last-child{margin-bottom:0}.cw-stu-prog-row-meta{justify-content:space-between;align-items:center;font-size:12px;display:flex}.cw-stu-prog-lbl{color:#1e293b;font-weight:800}.cw-stu-prog-val{color:#2563eb;font-weight:800}.cw-stu-prog-track,.student-progress-row div{background:#f1f5f9;border-radius:9999px;height:8px;overflow:hidden}.cw-stu-prog-fill,.student-progress-row i{border-radius:inherit;background:#2563eb;height:100%;transition:width .3s;display:block}.cw-stu-prog-fill--purple{background:#8b5cf6}.cw-stu-prog-fill--emerald{background:#10b981}.cw-stu-cw-container{flex-direction:column;gap:18px;display:flex}.cw-stu-kpi-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.cw-stu-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 2px 6px #0f172a08}.cw-stu-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cw-stu-kpi-icon--blue{color:#2563eb;background:#eff6ff}.cw-stu-kpi-icon--green{color:#059669;background:#ecfdf5}.cw-stu-kpi-icon--yellow{color:#d97706;background:#fffbeb}.cw-stu-kpi-icon--purple{color:#7c3aed;background:#f5f3ff}.cw-stu-kpi-info{flex-direction:column;display:flex}.cw-stu-kpi-val{color:#0f172a;font-size:17px;font-weight:900}.cw-stu-kpi-lbl{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.cw-stu-toolbar,.student-cw-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 2px 6px #0f172a05}.cw-stu-search-wrap{flex:1;min-width:220px;max-width:360px;position:relative}.cw-stu-search-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:13px;transition:all .15s}.cw-stu-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.cw-stu-filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cw-stu-filter-pill,.student-cw-filter{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;padding:6px 13px;font-size:12px;font-weight:800;transition:all .15s}.cw-stu-filter-pill:hover,.student-cw-filter:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.cw-stu-filter-pill.is-active,.student-cw-filter.is-active{color:#fff;background:#1e293b;border-color:#1e293b;box-shadow:0 2px 6px #0f172a1f}.cw-stu-cw-list,.student-classwork-list{flex-direction:column;gap:12px;display:flex}.cw-stu-cw-item,.student-classwork-item{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0f172a08}.cw-stu-cw-item:hover,.student-classwork-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a0f}.cw-stu-cw-item--quiz,.student-classwork-item--quiz{border-left-color:#8b5cf6}.cw-stu-cw-item-main,.student-classwork-item__main{align-items:center;gap:14px;min-width:0;display:flex}.cw-stu-cw-item-info{flex-direction:column;gap:4px;display:flex}.cw-stu-cw-item-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cw-stu-cw-item-title-row h3,.student-classwork-title h3{color:#0f172a;margin:0;font-size:15px;font-weight:800}.cw-stu-cw-item-meta,.student-classwork-item p{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.cw-stu-cw-item-actions,.student-classwork-item__actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.cw-stu-cw-status-col{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.cw-stu-score-chip{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:800}.cw-stu-action-btn,.student-classwork-item__actions .btn{color:#fff;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #2563eb33}.cw-stu-action-btn:hover,.student-classwork-item__actions .btn:hover{color:#fff;background:#1d4ed8;transform:translateY(-1px)}.cw-stu-mat-container{flex-direction:column;gap:18px;display:flex}.cw-stu-mat-grid,.student-material-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.cw-stu-mat-card,.student-material-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0f172a08}.cw-stu-mat-card:hover,.student-material-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0f}.cw-stu-mat-card-top{align-items:flex-start;gap:12px;display:flex}.cw-stu-mat-icon{color:#0891b2;background:#ecfeff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cw-stu-mat-info{flex:1;min-width:0}.cw-stu-mat-info h3,.student-material-item h3{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:800}.cw-stu-mat-info p,.student-material-item p{color:#64748b;margin:0 0 6px;font-size:12.5px;line-height:1.5}.cw-stu-mat-info small,.student-material-item small{color:#94a3b8;font-size:11.5px;font-weight:600;display:block}.cw-stu-mat-card-foot{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.cw-stu-mat-download-btn,.student-material-item a{color:#fff;background:#2563eb;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.cw-stu-mat-download-btn:hover,.student-material-item a:hover{color:#fff;background:#1d4ed8}.cw-stu-badge,.student-status{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.cw-stu-badge--success,.student-status--success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.cw-stu-badge--warning,.student-status--warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.cw-stu-badge--danger,.student-status--danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.cw-stu-badge--quiz,.student-status--quiz{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.cw-stu-badge--info,.student-status--info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.cw-stu-empty-card,.student-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:50px 24px;display:flex}.cw-stu-empty-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:14px;display:flex}.cw-stu-empty-icon svg,.student-empty-state i{width:26px;height:26px}.cw-stu-empty-card h3,.student-empty-state h3{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:800}.cw-stu-empty-card p,.student-empty-state p{color:#64748b;max-width:380px;margin:0;font-size:13px}@media (width<=900px){.cw-stu-stream-grid,.student-classroom-stream-grid{grid-template-columns:1fr}.cw-stu-sidebar,.student-classroom-sidebar{position:static}}@media (width<=640px){.cw-stu-hero,.student-classroom-hero{padding:20px 16px}.cw-stu-hero-top,.cw-stu-hero-body{flex-direction:column;align-items:flex-start}.cw-stu-hero h1,.student-classroom-hero h1{font-size:22px}.cw-stu-hero-stats{width:100%}.cw-stu-stat-chip{flex:1;justify-content:center}.cw-stu-cw-item,.student-classwork-item{flex-direction:column;align-items:stretch}.cw-stu-cw-item-actions,.student-classwork-item__actions{border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:12px}.cw-stu-cw-status-col{align-items:flex-start}.cw-stu-mat-grid{grid-template-columns:1fr}}.stu-cls-container,.student-classrooms-index{flex-direction:column;gap:20px;width:100%;display:flex}.stu-cls-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 45%,#1e3a8a 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0f172a40}.stu-cls-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f147 0%,#3b82f600 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-10%}.stu-cls-hero-main{z-index:1;max-width:620px;position:relative}.stu-cls-badge-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.06em;color:#c7d2fe;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.stu-cls-title{letter-spacing:-.02em;color:#fff;align-items:center;gap:10px;margin:0 0 8px;font-size:26px;font-weight:900;display:flex}.stu-cls-subtitle{color:#e2e8f0e0;margin:0;font-size:13.5px;line-height:1.5}.stu-cls-stats-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:12px;min-width:300px;display:grid;position:relative}.stu-cls-stat-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;transition:transform .15s,background .15s;display:flex}.stu-cls-stat-box:hover{background:#ffffff1f;transform:translateY(-2px)}.stu-cls-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stu-cls-stat-icon--blue{color:#93c5fd;background:#3b82f640}.stu-cls-stat-icon--purple{color:#d8b4fe;background:#a855f740}.stu-cls-stat-icon--emerald{color:#6ee7b7;background:#10b98140}.stu-cls-stat-icon--amber{color:#fde68a;background:#f59e0b40}.stu-cls-stat-info{flex-direction:column;display:flex}.stu-cls-stat-val{color:#fff;font-size:18px;font-weight:900;line-height:1.1}.stu-cls-stat-lbl{color:#e2e8f0bf;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:600}.stu-cls-toolbar{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:0 2px 8px #0f172a08}.stu-cls-search-wrap{flex:1;min-width:240px;max-width:380px;position:relative}.stu-cls-search-icon{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.stu-cls-search-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:9px 12px 9px 36px;font-size:13.5px;transition:all .15s}.stu-cls-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.stu-cls-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stu-cls-pill-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:6px 13px;font-size:12px;font-weight:700;transition:all .15s}.stu-cls-pill-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.stu-cls-pill-btn.active{color:#fff;background:#1e293b;border-color:#1e293b;box-shadow:0 2px 6px #0f172a26}.stu-cls-count-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.stu-cls-grid,.student-classroom-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.stu-cls-card,.student-classroom-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0d,0 2px 4px -2px #0f172a08}.stu-cls-card:hover,.student-classroom-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 28px -4px #0f172a1f,0 4px 8px -2px #0f172a0f}.stu-cls-card-banner,.student-classroom-card__banner{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);flex-direction:column;justify-content:space-between;gap:16px;min-height:148px;padding:20px 22px;display:flex;position:relative}.stu-cls-card--tone-1 .stu-cls-card-banner,.student-classroom-card--tone-1 .student-classroom-card__banner{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%)}.stu-cls-card--tone-2 .stu-cls-card-banner,.student-classroom-card--tone-2 .student-classroom-card__banner{background:linear-gradient(135deg,#065f46 0%,#0d9488 60%,#14b8a6 100%)}.stu-cls-card--tone-3 .stu-cls-card-banner,.student-classroom-card--tone-3 .student-classroom-card__banner{background:linear-gradient(135deg,#581c87 0%,#7c3aed 60%,#8b5cf6 100%)}.stu-cls-card--tone-4 .stu-cls-card-banner,.student-classroom-card--tone-4 .student-classroom-card__banner{background:linear-gradient(135deg,#881337 0%,#e11d48 60%,#fb7185 100%)}.stu-cls-card--tone-5 .stu-cls-card-banner,.student-classroom-card--tone-5 .student-classroom-card__banner{background:linear-gradient(135deg,#075985 0%,#0284c7 60%,#38bdf8 100%)}.stu-cls-card--tone-6 .stu-cls-card-banner,.student-classroom-card--tone-6 .student-classroom-card__banner{background:linear-gradient(135deg,#9a3412 0%,#ea580c 60%,#f97316 100%)}.stu-cls-card-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.stu-cls-meta-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stu-cls-tag-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ffffff2e;border:1px solid #ffffff40;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:800}.stu-cls-status-dot{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#10b98140;border:1px solid #6ee7b766;border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.stu-cls-status-dot:before{content:"";background:#34d399;border-radius:50%;width:5px;height:5px}.stu-cls-card-name{margin:0;font-size:19px;font-weight:800;line-height:1.3}.stu-cls-card-name a{color:#fff;text-decoration:none;transition:opacity .15s}.stu-cls-card-name a:hover{opacity:.92;text-decoration:underline}.stu-cls-card-teacher,.student-classroom-card__teacher{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.stu-cls-teacher-text{flex-direction:column;display:flex}.stu-cls-teacher-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb8;font-size:10.5px;font-weight:700}.stu-cls-teacher-name{color:#fff;font-size:13.5px;font-weight:800}.stu-cls-teacher-avatar,.student-classroom-card__teacher div{color:#1e3a8a;z-index:2;background:#fff;border:3.5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:-46px;font-size:20px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #0f172a2e}.stu-cls-teacher-avatar img,.student-classroom-card__teacher img{object-fit:cover;width:100%;height:100%}.stu-cls-card-body,.student-classroom-card__body{background:#fff;flex-direction:column;flex:1;justify-content:space-between;gap:18px;padding:34px 20px 18px;display:flex}.stu-cls-metrics-row,.student-classroom-card__stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stu-cls-metric-badge{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:80px;padding:8px 10px;transition:all .15s;display:flex}.stu-cls-metric-badge:hover{background:#f1f5f9;border-color:#cbd5e1}.stu-cls-metric-val{color:#0f172a;align-items:center;gap:5px;font-size:14px;font-weight:900;display:flex}.stu-cls-metric-val svg{color:#3b82f6;width:14px;height:14px}.stu-cls-metric-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.stu-cls-card-actions,.student-classroom-card__footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.stu-cls-quick-links{align-items:center;gap:6px;display:flex}.stu-cls-quick-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .15s;display:flex}.stu-cls-quick-btn:hover{color:#1e3a8a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.stu-cls-quick-btn svg{width:16px;height:16px}.stu-cls-open-btn{color:#fff;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:800;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #2563eb40}.stu-cls-open-btn:hover{color:#fff;background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb52}.stu-cls-open-btn svg{width:14px;height:14px;transition:transform .15s}.stu-cls-open-btn:hover svg{transform:translate(2px)}.stu-cls-no-results,.stu-cls-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;padding:48px 24px}.stu-cls-empty-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.stu-cls-empty-title{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:800}.stu-cls-empty-desc{color:#64748b;max-width:420px;margin:0 auto 16px;font-size:13.5px}@media (width<=900px){.stu-cls-hero{flex-direction:column;align-items:flex-start;padding:24px 20px}.stu-cls-stats-grid{width:100%;min-width:0}}@media (width<=640px){.stu-cls-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stu-cls-toolbar{flex-direction:column;align-items:stretch}.stu-cls-search-wrap{max-width:100%}.stu-cls-filter-pills{padding-bottom:4px;overflow-x:auto}.stu-cls-grid{grid-template-columns:1fr}}.staff-alert{border-radius:14px;margin-bottom:16px;padding:12px 16px;font-weight:800}.staff-alert--success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e}.staff-alert--danger{color:#dc2626;background:#ef44441a;border:1px solid #ef4444}.staff-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.staff-kpi-grid article{border:1px solid var(--g2);box-shadow:var(--ss);background:#fff;border-radius:14px;padding:15px 17px}.staff-kpi-grid span{color:var(--g5);margin-bottom:4px;font-size:12px;font-weight:900;display:block}.staff-kpi-grid b{font-family:var(--f-display);color:var(--n);font-size:26px}.staff-toolbar-card,.staff-classroom-list-card{border:1px solid var(--g2);box-shadow:var(--ss);background:#fff;border-radius:16px;margin-bottom:18px;padding:18px}.staff-filter-form{grid-template-columns:minmax(220px,1.5fr) minmax(160px,.8fr) minmax(160px,.8fr) auto;align-items:end;gap:12px;display:grid}.staff-filter-form label{flex-direction:column;gap:6px;display:flex}.staff-filter-form label span{color:var(--g5);font-size:12px;font-weight:900}.staff-filter-actions{align-items:center;gap:8px;display:flex}.staff-filter-actions .btn{align-items:center;gap:5px;display:inline-flex}.staff-filter-actions i{width:14px;height:14px}.staff-list-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.staff-list-head h2{margin:0 0 3px;font-size:18px}.staff-list-head p{color:var(--g5);margin:0;font-size:12.5px}.staff-list-head form .btn{align-items:center;gap:6px;display:inline-flex}.staff-list-head form i{width:14px;height:14px}.staff-classroom-rows{flex-direction:column;gap:10px;display:flex}.staff-classroom-row{background:var(--g1);border:1px solid var(--g2);border-radius:14px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.staff-row-order{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.staff-row-order button{border:1px solid var(--g2);width:28px;height:24px;color:var(--g5);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex}.staff-row-order button:hover{color:var(--b);border-color:var(--b)}.staff-row-order i{width:14px;height:14px}.staff-row-order span{color:var(--g5);font-size:11px;font-weight:900}.staff-row-order--locked{align-items:flex-start}.staff-row-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-row-title h3{margin:0;font-size:15.5px}.staff-classroom-row__main p{color:var(--g5);margin:3px 0 6px;font-size:12.5px}.staff-row-meta{color:var(--g5);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.staff-row-meta span{align-items:center;gap:5px;display:inline-flex}.staff-row-meta i{width:13px;height:13px}.staff-status{border-radius:999px;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:900;display:inline-flex}.staff-status--success{color:var(--gd);background:var(--gl)}.staff-status--muted{color:var(--g5);background:var(--g2)}.staff-row-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.staff-row-actions .btn{align-items:center;gap:5px;display:inline-flex}.staff-row-actions i{width:14px;height:14px}.staff-pagination{margin-top:16px}.staff-modal-backdrop{z-index:var(--z-modal);background:#0f172a80;justify-content:center;align-items:center;padding:16px;position:fixed;inset:0}.staff-modal-card{width:100%;max-width:540px;padding:24px}.staff-modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.staff-modal-head h3{margin:0;font-size:18px}.staff-form-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px;display:grid}.staff-span-2{grid-column:1/-1}.staff-modal-actions{gap:10px;display:flex}.staff-modal-actions .btn-primary{flex:1}@media (width<=860px){.staff-filter-form{grid-template-columns:1fr 1fr}.staff-filter-actions{grid-column:1/-1}.staff-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-classroom-row{grid-template-columns:48px minmax(0,1fr)}.staff-row-actions{border-top:1px solid var(--g2);grid-column:1/-1;justify-content:flex-start;padding-top:10px}}@media (width<=560px){.staff-filter-form,.staff-kpi-grid,.staff-form-grid{grid-template-columns:1fr}.staff-list-head{flex-direction:column}.staff-classroom-row{grid-template-columns:1fr}.staff-row-order{flex-direction:row;justify-content:flex-start}.staff-row-actions{flex-wrap:wrap}}.question-library-list-card{border:1px solid var(--g2);box-shadow:var(--ss);background:#fff;border-radius:16px;padding:18px}.question-library-filter-form{grid-template-columns:minmax(240px,1.6fr) minmax(170px,.8fr) minmax(150px,.7fr) auto}.question-library-list{flex-direction:column;gap:14px;display:flex}.question-library-item{background:var(--g1);border:1px solid var(--g2);border-radius:14px;padding:17px}.question-library-item__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.question-library-badges{flex-wrap:wrap;gap:6px;display:flex}.question-library-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.question-library-actions form{display:inline-flex}.question-library-item h3{margin:0 0 12px;font-size:16px;line-height:1.45}.question-media-chip{background:var(--bl);color:var(--b);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:900;display:inline-flex}.question-media-chip i{width:12px;height:12px}.question-library-image{border:1px solid var(--g2);border-radius:10px;max-height:180px;margin-bottom:12px}.question-explanation{background:var(--bl);color:#1e40af;border:1px solid #bfdbfe;border-radius:10px;margin:12px 0;padding:10px 12px;font-size:13px}.question-explanation p{margin:3px 0 0}.question-option-preview{border:1px solid var(--g2);background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.question-option-preview span{color:var(--n);align-items:center;gap:7px;font-size:13px;display:flex}.question-option-preview span.is-correct{color:var(--gd);font-weight:800}.question-option-preview i{width:15px;height:15px}@media (width<=760px){.question-library-filter-form{grid-template-columns:1fr}.question-library-item__head{flex-direction:column}.question-library-actions{justify-content:flex-start}}.template-filter-form{grid-template-columns:minmax(190px,240px) minmax(170px,220px) auto;align-items:end;gap:12px;display:grid}.template-filter-form label{flex-direction:column;gap:6px;display:flex}.template-filter-form label span{color:var(--g5);font-size:12px;font-weight:900}.template-directory-card{border:1px solid var(--g2);box-shadow:var(--ss);background:#fff;border-radius:16px;padding:18px}.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.template-card{background:var(--g1);border:1px solid var(--g2);border-left:4px solid var(--b);border-radius:14px;flex-direction:column;gap:12px;padding:17px;display:flex}.template-card--quiz{border-left-color:#8b5cf6}.template-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.template-question-count{color:var(--g5);white-space:nowrap;font-size:12px;font-weight:800}.template-question-count b{color:var(--n)}.template-card h3{margin:0;font-size:16px;line-height:1.35}.template-card h3 a:hover{color:var(--b)}.template-card p{color:var(--g5);margin:0;font-size:13px;line-height:1.5}.template-settings-list{border-top:1px solid var(--g2);flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.template-settings-list span{border:1px solid var(--g2);color:var(--g5);background:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.template-card footer{border-top:1px dashed var(--g2);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;display:flex}.template-card footer .btn{align-items:center;gap:5px;display:inline-flex}.template-card footer i{width:14px;height:14px}.staff-status--info{background:var(--bl);color:var(--b)}.staff-status--quiz{color:#7c3aed;background:#ede9fe}.staff-status--warning{background:var(--yl);color:var(--yd)}.staff-status--danger{background:var(--rl);color:var(--rd)}@media (width<=680px){.template-filter-form{grid-template-columns:1fr}}.template-detail-shell{flex-direction:column;gap:18px;display:flex}.template-assistant-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:18px;display:grid}.template-question-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.template-question-row{background:var(--g1);border:1px solid var(--g2);border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.template-question-row>span{color:var(--b);font-size:12px;font-weight:900}.template-question-row b{color:var(--n);font-size:13px;display:block}.template-question-row small{color:var(--g5);margin-top:2px;font-size:11.5px;display:block}.template-assign-form{flex-direction:column;gap:12px;display:flex}.template-assign-form label{flex-direction:column;gap:6px;display:flex}.template-assign-form label span{color:var(--g5);font-size:12px;font-weight:900}.template-classroom-checks{border:1px solid var(--g2);background:var(--g1);border-radius:12px;flex-direction:column;gap:8px;max-height:240px;padding:10px;display:flex;overflow:auto}.template-classroom-checks label{color:var(--n);flex-direction:row;align-items:center;font-size:13px;font-weight:800}.template-classroom-checks input{width:16px;height:16px;accent-color:var(--b)}.template-assignment-results{border:1px solid var(--g2);box-shadow:var(--ss);background:#fff;border-radius:16px;padding:16px}.template-assignment-results h2{margin:0 0 10px;font-size:17px}.template-assignment-result{border-top:1px solid var(--g2);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 0;display:grid}.template-assignment-result:first-of-type{border-top:0}.template-assignment-result span{background:var(--gl);color:var(--gd);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.template-assignment-result--failed span{background:var(--rl);color:var(--rd)}.template-assignment-result small{color:var(--g5)}.template-assignment-result a{color:var(--b);font-size:12px;font-weight:800}@media (width<=860px){.template-assistant-grid{grid-template-columns:1fr}}.student-tab-legacy-label{display:none}.template-action-toolbar{border:1.5px solid var(--g2);border-radius:var(--rm,14px);background:#fff;flex-direction:column;gap:12px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #00000005}@media (width>=768px){.template-action-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px}}.template-tab-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-tab-btn{border-radius:var(--rm,14px);cursor:pointer;border:1.5px solid var(--g2);color:var(--g5);background:0 0;outline:none;align-items:center;gap:8px;min-height:38px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.template-tab-btn.is-active{color:var(--b);border-color:var(--b);background:#2563eb14;font-weight:700}.template-tab-badge{border-radius:12px;margin-left:2px;padding:1px 7px;font-size:11px;font-weight:700}.template-action-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=480px){.template-action-group{flex-direction:column;align-items:stretch}.template-action-group>*{justify-content:center;width:100%}}.template-assign-btn{align-items:center;gap:8px;min-height:38px;padding:8px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.template-assign-btn.is-active{box-shadow:0 0 0 3px #2563eb4d}.template-settings-btn{align-items:center;gap:8px;min-height:38px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.template-settings-btn.is-active{background:var(--g1);color:var(--n);border-color:var(--n)}.lib-open-btn{color:#7c3aed;border-radius:var(--rm,12px);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #7c3aed;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lib-open-btn:hover{color:#6d28d9;background:#f5f3ff;border-color:#6d28d9}.lib-open-btn svg,.lib-open-btn .icon{flex-shrink:0;width:16px;height:16px}.lib-open-badge{color:#fff;background:#7c3aed;border-radius:999px;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.lib-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(5px);box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:10px;display:flex;position:fixed;inset:0;overflow:hidden}@media (width>=640px){.lib-modal-overlay{padding:24px}}.lib-modal-dialog{border:1px solid var(--g2);background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;height:auto;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a59,0 0 0 1px #0f172a0d}@media (width>=640px){.lib-modal-dialog{border-radius:18px;height:auto;max-height:85vh}}.lib-modal-header{border-bottom:1px solid var(--g2);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}@media (width>=640px){.lib-modal-header{padding:16px 20px}}.lib-modal-header-left{align-items:center;gap:10px;min-width:0;display:flex}.lib-modal-icon{color:#7c3aed;background:#f3f0ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.lib-modal-icon svg,.lib-modal-icon .icon{width:18px;height:18px}.lib-modal-title{color:var(--n);margin:0;font-size:15px;font-weight:700;line-height:1.2}@media (width>=640px){.lib-modal-title{font-size:16px}}.lib-modal-subtitle{color:var(--g5);margin:2px 0 0;font-size:11.5px;line-height:1.2}.lib-modal-close{width:32px;height:32px;min-height:32px;color:var(--g5);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.lib-modal-close:hover{background:var(--g1);color:var(--n)}.lib-modal-close svg,.lib-modal-close .icon{width:16px;height:16px}.lib-modal-toolbar{border-bottom:1px solid var(--g2);background:var(--g1);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px;display:flex}@media (width>=640px){.lib-modal-toolbar{flex-direction:row;align-items:center;gap:12px;padding:12px 20px}}.lib-modal-search-wrap{flex:1;width:100%;position:relative}.lib-modal-search-input{border:1px solid var(--g2);width:100%;height:36px;color:var(--n);box-sizing:border-box;background:#fff;border-radius:8px;padding-left:32px;padding-right:28px;font-size:13px}.lib-modal-search-input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed26}.lib-modal-search-icon{width:14px;height:14px;color:var(--g4);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.lib-modal-search-clear{cursor:pointer;color:var(--g4);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lib-modal-search-clear:hover{color:var(--n)}.lib-modal-search-clear svg,.lib-modal-search-clear .icon{width:13px;height:13px}.lib-modal-toolbar-filters{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}@media (width>=640px){.lib-modal-toolbar-filters{flex-shrink:0;width:auto}}.lib-modal-type-wrap{flex:1;position:relative}@media (width>=640px){.lib-modal-type-wrap{flex:initial;width:152px}}.lib-modal-type-select{width:100%;height:36px;color:var(--n);border:1px solid var(--g2);appearance:none;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:8px;outline:none;padding:0 28px 0 10px;font-size:12.5px;font-weight:600;transition:all .15s}.lib-modal-type-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.lib-modal-type-chevron{width:13px;height:13px;color:var(--g4);pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.lib-select-all-label{cursor:pointer;color:var(--n);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:4px 6px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.lib-select-all-label:hover{background:#0000000a}.lib-checkbox{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;width:16px;height:16px}.lib-modal-body{scrollbar-width:thin;scrollbar-color:var(--g3) transparent;flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}@media (width>=640px){.lib-modal-body{gap:10px;padding:16px 20px}}.lib-q-card{border:1.5px solid var(--g2);background:var(--g1);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}@media (width>=640px){.lib-q-card{border-radius:12px;gap:14px;padding:12px 14px}}.lib-q-card:hover{background:#fff;border-color:#c4b5fd}.lib-q-card.is-selected{background:#faf8ff;border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.lib-q-info-group{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.lib-q-info-group .lib-checkbox{margin-top:2px}.lib-q-content{flex:1;min-width:0}.lib-q-text{color:var(--n);word-break:break-word;margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.4}@media (width>=640px){.lib-q-text{font-size:13.5px}}.lib-q-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lib-q-type-badge{text-transform:uppercase;font-size:10px;font-weight:700}.lib-q-points-badge{font-size:10px;font-weight:700}.lib-q-actions{flex-shrink:0}.lib-btn-copy-single{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11.5px;font-weight:700;transition:background .15s;display:inline-flex}@media (width>=640px){.lib-btn-copy-single{padding:6px 12px;font-size:12px}}.lib-btn-copy-single:hover{background:#6d28d9}.lib-btn-copy-single svg,.lib-btn-copy-single .icon{width:12px;height:12px}.lib-empty-state{text-align:center;color:var(--g5);padding:32px 16px}@media (width>=640px){.lib-empty-state{padding:40px 20px}}.lib-empty-icon{opacity:.4;width:32px;height:32px;margin:0 auto 8px}.lib-empty-title{color:var(--n);margin:0;font-size:13.5px;font-weight:700}.lib-empty-desc{color:var(--g5);margin:4px 0 0;font-size:12px}.lib-modal-footer{border-top:1px solid var(--g2);background:#fff;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 14px;display:flex}@media (width>=540px){.lib-modal-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px}}.lib-modal-footer-info{color:var(--n);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.lib-selected-count{color:#7c3aed;background:#f3f0ff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.lib-modal-footer-actions{align-items:center;gap:8px;width:100%;display:flex}@media (width>=540px){.lib-modal-footer-actions{width:auto}}.lib-modal-footer-actions .btn-ghost{text-align:center;flex:1;justify-content:center}@media (width>=540px){.lib-modal-footer-actions .btn-ghost{flex:initial}}.lib-batch-form{flex:2;display:flex}@media (width>=540px){.lib-batch-form{flex:initial;display:inline-flex}}.lib-btn-batch-copy{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:38px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}@media (width>=540px){.lib-btn-batch-copy{width:auto}}.lib-btn-batch-copy:hover:not(:disabled){background:#6d28d9}.lib-btn-batch-copy:disabled{opacity:.45;cursor:not-allowed}.lib-btn-batch-copy svg,.lib-btn-batch-copy .icon{width:14px;height:14px}.modal-icon-blue{color:var(--b);background:#eff6ff}.modal-icon-slate{background:var(--g1);color:var(--n)}.modal-form-shell{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.modal-form-label{color:var(--n);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.modal-form-input{box-sizing:border-box;width:100%}.modal-file-input{padding:6px 10px}.modal-file-notice{color:var(--g5);margin-top:4px;font-size:12px}.modal-file-notice code{background:var(--g1);border-radius:4px;padding:2px 6px;font-size:11px}.modal-form-row-2{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=540px){.modal-form-row-2{grid-template-columns:1fr 1fr}}.modal-classroom-checklist{border:1px solid var(--g2);background:#fff;border-radius:8px;flex-direction:column;gap:6px;max-height:220px;padding:10px;display:flex;overflow-y:auto}.modal-classroom-label{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex!important}.modal-classroom-label:hover{background:var(--g1)}.modal-classroom-name{color:var(--n);font-size:13px;font-weight:500}.modal-empty-notice{background:var(--g1);border:1px solid var(--g2);color:var(--g5);text-align:center;border-radius:8px;padding:14px;font-size:13px}.modal-submit-btn{justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 18px;font-weight:700;display:inline-flex}.tpl-audience-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}@media (width<=480px){.tpl-audience-grid{grid-template-columns:1fr}}.tpl-audience-card{border:1.5px solid var(--g2,#e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.tpl-audience-card:hover{border-color:var(--g3,#cbd5e1);background:var(--g1,#f8fafc);transform:translateY(-1px)}.tpl-audience-card.is-active{border-color:var(--b,#3b82f6);box-shadow:0 0 0 1px var(--b,#3b82f6), 0 3px 12px #3b82f61f;background:#eff6ff}.tpl-audience-radio{opacity:0;pointer-events:none;position:absolute}.tpl-audience-icon{background:var(--g1,#f8fafc);width:38px;height:38px;color:var(--g5,#64748b);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.tpl-audience-icon svg,.tpl-audience-icon .icon{width:18px;height:18px}.tpl-audience-card.is-active .tpl-audience-icon{color:var(--b,#3b82f6);background:#dbeafe}.tpl-audience-info{flex-direction:column;flex:1;min-width:0;display:flex}.tpl-audience-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.tpl-audience-title{color:var(--n,#0f172a);font-size:13px;font-weight:700;line-height:1.25}.tpl-audience-sub{color:var(--g5,#64748b);margin-top:2px;font-size:11px;line-height:1.3}.tpl-audience-badge{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border:1px solid #bfdbfe;border-radius:9999px;padding:1.5px 7px;font-size:10px;font-weight:700}.tpl-student-notice{border-radius:12px;align-items:flex-start;gap:12px;margin-top:4px;margin-bottom:8px;padding:12px 14px;display:flex}.tpl-student-notice--info{color:#0369a1;background:#f0f9ff;border:1.5px solid #bae6fd}.tpl-student-notice--warning{color:#92400e;background:#fffbeb;border:1.5px solid #fde68a}.tpl-student-notice-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tpl-student-notice-icon svg,.tpl-student-notice-icon .icon{width:18px;height:18px}.tpl-student-notice-content h4{margin:0 0 2px;font-size:13px;font-weight:700;line-height:1.25}.tpl-student-notice-content p{opacity:.9;margin:0;font-size:12px;line-height:1.4}.tpl-student-picker-card{border:1.5px solid var(--g2,#e2e8f0);background:#fff;border-radius:14px;flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex;box-shadow:0 2px 8px #0f172a0a}.tpl-student-picker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tpl-student-picker-header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tpl-classroom-chip{color:var(--n,#0f172a);background:var(--g1,#f8fafc);border:1px solid var(--g2,#e2e8f0);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tpl-classroom-chip svg,.tpl-classroom-chip .icon{width:14px;height:14px;color:var(--b,#3b82f6)}.tpl-student-count-pill{color:var(--g5,#64748b);background:var(--g2,#e2e8f0);border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.tpl-student-filter-tabs{background:var(--g1,#f8fafc);border:1px solid var(--g2,#e2e8f0);border-radius:8px;gap:2px;padding:2.5px;display:inline-flex}.tpl-student-tab-btn{color:var(--g5,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:600;transition:all .15s}.tpl-student-tab-btn.is-active{color:var(--b,#3b82f6);background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.tpl-student-search-box{align-items:center;display:flex;position:relative}.tpl-student-search-icon{width:15px;height:15px;color:var(--g4,#94a3b8);pointer-events:none;position:absolute;left:11px}.tpl-student-search-input{border:1.5px solid var(--g2,#e2e8f0);width:100%;height:38px;color:var(--n,#0f172a);background:#fff;border-radius:8px;padding:0 32px 0 34px;font-family:inherit;font-size:12.5px;transition:all .15s}.tpl-student-search-input:focus{border-color:var(--b,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f626}.tpl-student-search-clear{background:var(--g2,#e2e8f0);width:22px;height:22px;color:var(--g5,#64748b);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:all .15s;display:flex;position:absolute;right:8px}.tpl-student-search-clear:hover{background:var(--g3,#cbd5e1);color:var(--n,#0f172a)}.tpl-student-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:2px;font-size:11.5px;display:flex}.tpl-student-toolbar-info{color:var(--g5,#64748b)}.tpl-student-toolbar-info strong{color:var(--b,#3b82f6);font-weight:700}.tpl-student-toolbar-actions{align-items:center;gap:6px;display:flex}.tpl-student-tool-btn{border:1px solid var(--g2,#e2e8f0);color:var(--n,#0f172a);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.tpl-student-tool-btn:hover:not(:disabled){background:var(--g1,#f8fafc);border-color:var(--g3,#cbd5e1)}.tpl-student-tool-btn:disabled{opacity:.5;cursor:not-allowed}.tpl-student-tool-btn--clear{color:var(--r,#ef4444);background:#fff1f2;border-color:#fecdd3}.tpl-student-tool-btn--clear:hover{background:#ffe4e6;border-color:#fda4af}.tpl-student-roster{border:1px solid var(--g2,#e2e8f0);scrollbar-width:thin;scrollbar-color:var(--g3,#cbd5e1) transparent;background:#fbfcfe;border-radius:10px;flex-direction:column;gap:6px;max-height:250px;padding:4px;display:flex;overflow-y:auto}.tpl-student-roster::-webkit-scrollbar{width:6px}.tpl-student-roster::-webkit-scrollbar-thumb{background:var(--g3,#cbd5e1);border-radius:3px}.tpl-student-row{border:1.5px solid var(--g2,#e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.tpl-student-row:hover{background:#f8faff;border-color:#93c5fd;transform:translateY(-.5px)}.tpl-student-row.is-selected{border-color:var(--b,#3b82f6);background:#eff6ff;box-shadow:0 2px 6px #3b82f614}.tpl-student-row-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.hidden-student-input{display:none!important}.tpl-student-check-indicator{border:1.5px solid var(--g3,#cbd5e1);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.tpl-student-check-indicator.is-checked{background:var(--b,#3b82f6);border-color:var(--b,#3b82f6)}.tpl-student-avatar-img{object-fit:cover;border:1.5px solid var(--g2,#e2e8f0);border-radius:50%;flex-shrink:0;width:34px;height:34px}.tpl-student-avatar-circle{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.tpl-student-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tpl-student-name-row{align-items:center;gap:6px;min-width:0;display:flex}.tpl-student-name{color:var(--n,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.tpl-student-code{color:var(--g5,#64748b);background:var(--g1,#f8fafc);border:1px solid var(--g2,#e2e8f0);border-radius:4px;flex-shrink:0;padding:1px 5px;font-family:monospace;font-size:10.5px;font-weight:700}.tpl-student-sub-row{align-items:center;gap:5px;min-width:0;display:flex}.tpl-student-sub-row svg,.tpl-student-email-icon{color:var(--g4,#94a3b8);flex-shrink:0!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important}.tpl-student-email{color:var(--g5,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tpl-student-row-right{flex-shrink:0}.tpl-student-badge{border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.tpl-student-badge--active{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.tpl-student-badge--ghost{color:var(--g4,#94a3b8);opacity:0;background:0 0;border:1px solid #0000}.tpl-student-row:hover .tpl-student-badge--ghost{opacity:1;background:var(--g1,#f8fafc);border-color:var(--g2,#e2e8f0);color:var(--g6,#475569)}.tpl-student-empty-state{text-align:center;color:var(--g5,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}.tpl-student-empty-icon{background:var(--g1,#f8fafc);width:38px;height:38px;color:var(--g4,#94a3b8);border-radius:50%;justify-content:center;align-items:center;display:flex}.tpl-student-empty-icon svg,.tpl-student-empty-icon .icon{width:18px;height:18px}.tpl-student-empty-text h4{color:var(--n,#0f172a);margin:0 0 2px;font-size:13px;font-weight:700}.tpl-student-empty-text p{color:var(--g5,#64748b);margin:0;font-size:11.5px}.tpl-student-picker-footer{justify-content:space-between;align-items:center;padding:4px 2px 0;font-size:11.5px;display:flex}.tpl-student-hint{align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.tpl-student-hint--warning{color:#d97706}.tpl-student-hint--ready{color:#16a34a}.template-questions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.template-questions-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.question-card-item{border:1.5px solid var(--g2);background:var(--g1);border-radius:var(--rm,14px);flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .15s;display:flex}.question-card-item:hover{border-color:var(--g3)}.question-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.question-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.question-index-badge{background:var(--b);color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:800}.question-card-buttons{align-items:center;gap:6px;display:flex}.question-btn-edit{color:var(--b);border:1px solid var(--b);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.question-btn-edit:hover{border-color:var(--bd);color:var(--bd);background:#eff6ff}.question-delete-form{margin:0;display:inline}.question-btn-delete{color:var(--r);border:1px solid var(--r);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.question-btn-delete:hover{border-color:var(--rd);color:var(--rd);background:#fef2f2}.question-prompt-text{color:var(--n);word-break:break-word;margin:0;font-size:14.5px;font-weight:700;line-height:1.45}.question-image-preview{border:1px solid var(--g2);object-fit:cover;border-radius:8px;max-height:160px}.question-options-list{border:1px solid var(--g2);background:#fff;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.question-option-item{color:var(--n);align-items:center;gap:8px;font-size:13px;display:flex}.question-option-item.is-correct{color:#15803d;font-weight:700}.question-option-radio-placeholder{border:1.5px solid var(--g3);border-radius:50%;flex-shrink:0;width:16px;height:16px}.modal-form-row-3{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.modal-form-row-3{grid-template-columns:1fr 1fr 1fr}}.modal-options-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px;display:flex}.modal-options-title{color:var(--n);font-size:13px;font-weight:700}.modal-options-hint{color:var(--g5);font-size:11.5px}.modal-options-grid{gap:8px;display:grid}.modal-option-row{background:var(--g1,#f8fafc);border:1px solid var(--g2,#e2e8f0);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.modal-option-row:focus-within{background:#fff;border-color:#93c5fd}.modal-option-letter{color:#334155;-webkit-user-select:none;user-select:none;background:#e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.modal-option-row .input.modal-form-input,.modal-option-input-wrap{flex:1;min-width:0}.modal-option-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.modal-option-check-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#15803d;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.modal-option-del-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.modal-option-del-btn:hover{color:#dc2626;background:#fee2e2}.modal-add-choice-btn{color:#4f46e5;cursor:pointer;background:#f5f3ff;border:1px dashed #c4b5fd;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.modal-add-choice-btn:hover{color:#4338ca;background:#ede9fe;border-color:#818cf8}@media (width<=480px){.modal-option-row{flex-wrap:wrap;gap:6px;padding:8px 10px}.modal-option-letter{width:22px;height:22px;font-size:10.5px}.modal-option-row .input.modal-form-input,.modal-option-input-wrap{min-width:calc(100% - 36px)}.modal-option-check-label{margin-left:28px;padding-top:2px}.modal-option-del-btn{margin-left:auto}.modal-option-right{border-top:1px dashed #e2e8f0;justify-content:space-between;width:100%;padding-top:4px}}.modal-tf-container{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-tf-card{border:2px solid var(--g2);background:var(--g1);color:var(--n);border-radius:var(--rm,12px);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px;font-weight:700;transition:all .15s;display:flex}.modal-tf-card.is-active{color:#047857;background:#ecfdf5;border-color:#10b981}.modal-info-box{border-radius:var(--rm,12px);color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:14px;padding:12px 14px;font-size:13px}.modal-info-title{align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.modal-info-desc{margin:0;line-height:1.4}.flash-alert{border-radius:var(--rm,12px);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;font-weight:700;display:flex}.flash-alert--success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e}.flash-alert--warning{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b}.flash-alert--error{color:#dc2626;background:#ef44441a;border:1px solid #ef4444}.template-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-btn-archive{color:var(--r)!important;border-color:var(--r)!important}.template-btn-archive:hover{border-color:var(--rd)!important;color:var(--rd)!important;background:#fef2f2!important}.tpl-hero-header{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:18px;margin-bottom:20px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}@media (width>=640px){.tpl-hero-header{padding:24px 28px}}.tpl-hero-top{flex-direction:column;gap:14px;display:flex}@media (width>=768px){.tpl-hero-top{flex-direction:row;justify-content:space-between;align-items:flex-start}}.tpl-hero-title-area{flex:1;min-width:0}.tpl-hero-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--b,#2563eb);background:#eff6ff;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.tpl-hero-eyebrow svg{width:13px;height:13px}.tpl-hero-title{color:#0f172a;word-break:break-word;margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.25}@media (width>=640px){.tpl-hero-title{font-size:26px}}.tpl-hero-subtitle{color:#64748b;margin:0;font-size:13px;line-height:1.45}.tpl-hero-badges-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tpl-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin-bottom:14px;display:grid}@media (width>=640px){.tpl-kpi-grid{gap:12px;margin-bottom:18px}}@media (width>=768px){.tpl-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}}.tpl-kpi-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:8px 10px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008}@media (width>=640px){.tpl-kpi-card{border-radius:16px;gap:12px;padding:14px 16px}}.tpl-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.tpl-kpi-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (width>=640px){.tpl-kpi-icon{border-radius:12px;width:40px;height:40px}}.tpl-kpi-icon svg{width:16px;height:16px}@media (width>=640px){.tpl-kpi-icon svg{width:20px;height:20px}}.tpl-kpi-icon--blue{color:#2563eb;background:#eff6ff}.tpl-kpi-icon--emerald{color:#059669;background:#ecfdf5}.tpl-kpi-icon--amber{color:#d97706;background:#fffbeb}.tpl-kpi-icon--purple{color:#7c3aed;background:#faf5ff}.tpl-kpi-info{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.tpl-kpi-label{text-transform:uppercase;letter-spacing:.02em;color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden}@media (width>=640px){.tpl-kpi-label{letter-spacing:.04em;font-size:11px}}.tpl-kpi-value{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;line-height:1.1;overflow:hidden}@media (width>=640px){.tpl-kpi-value{font-size:22px}}@media (width<=380px){.tpl-kpi-card{border-radius:10px;gap:6px;padding:6px 8px}.tpl-kpi-icon{border-radius:8px;width:28px;height:28px}.tpl-kpi-icon svg{width:14px;height:14px}.tpl-kpi-label{font-size:9px}.tpl-kpi-value{font-size:14px}}.tpl-control-bar{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000008}@media (width>=768px){.tpl-control-bar{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 16px}}.tpl-tab-indicator{color:#0f172a;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.tpl-tab-badge{color:#fff;background:#2563eb;border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:800}.tpl-action-buttons{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}@media (width>=540px){.tpl-action-buttons{align-items:center;gap:8px;width:auto;display:flex}}.tpl-btn-assign{cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;grid-column:span 2;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb40;color:#fff!important}.tpl-btn-assign:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}@media (width>=540px){.tpl-btn-assign{grid-column:span 1;width:auto}}.tpl-btn-library{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.tpl-btn-library:hover{background:#f1f5f9;border-color:#94a3b8}.tpl-lib-count-badge{color:#fff;background:#7c3aed;border-radius:9999px;padding:1px 6px;font-size:10.5px;font-weight:800}.tpl-btn-settings{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.tpl-btn-settings:hover{background:#f1f5f9;border-color:#94a3b8}.tpl-questions-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}@media (width>=640px){.tpl-questions-card{padding:22px 24px}}.tpl-questions-header{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}@media (width>=640px){.tpl-questions-header{flex-direction:row;justify-content:space-between;align-items:center}}.tpl-questions-header-left h2{color:#0f172a;margin:0 0 2px;font-size:18px;font-weight:800}.tpl-questions-header-left p{color:#64748b;margin:0;font-size:12.5px}.tpl-questions-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tpl-score-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.tpl-btn-add-q{cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important}.tpl-btn-add-q:hover{background:#1d4ed8;transform:translateY(-1px)}.tpl-selection-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 16px;transition:all .2s;display:flex}.tpl-select-all-toggle{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.tpl-select-all-toggle:hover .tpl-select-all-text{color:#0f172a}.tpl-selection-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tpl-selection-counter{color:#4f46e5;background:#eef2ff;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tpl-selection-count-badge{color:#fff;background:#4f46e5;border-radius:9999px;padding:1px 7px;font-size:11px;font-weight:800}.tpl-selection-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tpl-btn-batch{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}.tpl-btn-batch--archive{color:#b45309;background:#fffbeb;border-color:#fde68a}.tpl-btn-batch--archive:hover{color:#92400e;background:#fef3c7;border-color:#f59e0b}.tpl-btn-batch--restore{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.tpl-btn-batch--restore:hover{color:#065f46;background:#d1fae5;border-color:#10b981}.tpl-btn-batch--delete{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.tpl-btn-batch--delete:hover{color:#991b1b;background:#fee2e2;border-color:#ef4444}.tpl-btn-batch-clear{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.tpl-btn-batch-clear:hover{color:#1e293b;background:#e2e8f0}.tpl-q-card-head-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tpl-q-checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:inline-flex}.tpl-q-checkbox-wrapper:hover{background:#6366f114}.tpl-checkbox-custom{accent-color:#6366f1;cursor:pointer;border-radius:5px;flex-shrink:0;width:17px;height:17px;transition:transform .15s}.tpl-checkbox-custom:hover{transform:scale(1.08)}.tpl-batch-floating-dock{z-index:990;pointer-events:auto;max-width:90vw;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.tpl-batch-dock-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:12px;padding:8px 14px 8px 18px;display:flex;box-shadow:0 10px 25px -5px #0f172a66,0 8px 10px -6px #0f172a4d}.tpl-batch-dock-count{white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.tpl-batch-dock-num{color:#fff;background:#6366f1;border-radius:9999px;padding:2px 7px;font-size:12px;font-weight:800}.tpl-batch-dock-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:20px}.tpl-batch-dock-actions{align-items:center;gap:6px;display:flex}.tpl-dock-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.tpl-dock-btn--archive{color:#fff;background:#f59e0b}.tpl-dock-btn--archive:hover{background:#d97706;transform:translateY(-1px)}.tpl-dock-btn--restore{color:#fff;background:#10b981}.tpl-dock-btn--restore:hover{background:#059669;transform:translateY(-1px)}.tpl-dock-btn--delete{color:#fff;background:#ef4444}.tpl-dock-btn--delete:hover{background:#dc2626;transform:translateY(-1px)}.tpl-dock-btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:inline-flex}.tpl-dock-btn-close:hover{color:#fff;background:#ffffff1f}@media (width<=640px){.tpl-batch-floating-dock{width:calc(100% - 24px);bottom:16px}.tpl-batch-dock-pill{border-radius:16px;justify-content:space-between;gap:8px;width:100%;padding:8px 12px}.tpl-dock-btn span{display:none}.tpl-dock-btn{padding:7px 10px}}.tpl-q-list{flex-direction:column;gap:12px;display:flex}.tpl-q-item{background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:14px;padding:14px 16px;transition:all .15s;box-shadow:0 1px 3px #00000005}.tpl-q-item.is-selected{box-shadow:0 4px 14px #6366f114;background-color:#f8faff!important;border-color:#818cf8!important}@media (width>=640px){.tpl-q-item{padding:16px 20px}}.tpl-q-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.tpl-q-item--multiple_choice{border-left-color:#2563eb}.tpl-q-item--multiple_select{border-left-color:#7c3aed}.tpl-q-item--true_false{border-left-color:#10b981}.tpl-q-item--short_answer{border-left-color:#f59e0b}.tpl-q-item--essay{border-left-color:#ec4899}.tpl-q-item--fill_in_blank{border-left-color:#6366f1}.tpl-q-card-head{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}@media (width>=540px){.tpl-q-card-head{flex-direction:row;justify-content:space-between;align-items:center}}.tpl-q-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tpl-q-num-pill{color:#fff;letter-spacing:.02em;background:#0f172a;border-radius:9999px;padding:3px 9px;font-size:11px;font-weight:800}.tpl-q-order-badge{color:#fff;background:#0f172a;border:1px solid #1e293b;border-radius:9999px;align-items:center;padding:1px 6px 1px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 1px 2px #0f172a14}.tpl-q-order-badge:hover{background:#1e293b;border-color:#475569}.tpl-q-order-badge:focus-within{background:#090d16;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f659}.tpl-q-order-badge.is-updating{opacity:.6;pointer-events:none}.tpl-q-order-hash{color:#94a3b8;-webkit-user-select:none;user-select:none;margin-right:1px;font-size:11px;font-weight:800}.tpl-q-order-input{color:#fff;text-align:center;letter-spacing:.02em;appearance:textfield;background:0 0;border:none;outline:none;width:38px;margin:0;padding:2px 0;font-size:11px;font-weight:800}.tpl-q-order-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tpl-q-order-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tpl-q-item.tpl-q-reorder-highlight{animation:1.6s ease-in-out infinite alternate pulse-reorder-card;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f659,0 10px 25px -5px #3b82f640!important}@keyframes pulse-reorder-card{0%{box-shadow:0 0 0 3px #3b82f659,0 10px 25px -5px #3b82f633}to{box-shadow:0 0 0 5px #3b82f68c,0 14px 30px -5px #3b82f659}}.tpl-q-type-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:3px 9px;font-size:11px;font-weight:700}.tpl-q-type-pill--mcq{color:#1d4ed8;background:#eff6ff}.tpl-q-type-pill--ms{color:#6d28d9;background:#faf5ff}.tpl-q-type-pill--tf{color:#047857;background:#ecfdf5}.tpl-q-type-pill--sa{color:#b45309;background:#fffbeb}.tpl-q-type-pill--essay{color:#be185d;background:#fdf2f8}.tpl-q-type-pill--fib{color:#4338ca;background:#eef2ff}.tpl-q-points-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.tpl-q-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.tpl-btn-action-edit{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:4px;min-height:32px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tpl-btn-action-edit:hover{color:#1d4ed8;background:#dbeafe}.tpl-btn-action-delete{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:4px;min-height:32px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tpl-btn-action-delete:hover{color:#b91c1c;background:#fee2e2}@media (width<=640px){.tpl-q-card-actions{gap:4px}.tpl-q-card-actions button span,.tpl-q-card-actions .tpl-btn-action-edit span,.tpl-q-card-actions .tpl-btn-action-delete span{display:none!important}.tpl-q-card-actions .tpl-btn-action-edit,.tpl-q-card-actions .tpl-btn-action-delete{border-radius:8px;justify-content:center;align-items:center;gap:0;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;display:inline-flex}.tpl-q-card-actions .tpl-btn-action-edit svg,.tpl-q-card-actions .tpl-btn-action-delete svg{width:14px;height:14px;margin:0}}.tpl-q-tags-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.tpl-q-tag-chip{border-radius:9999px;align-items:center;gap:4px;padding:2.5px 9px;font-size:11px;font-weight:700;line-height:1.3;text-decoration:none;transition:all .15s;display:inline-flex}.tpl-q-tag-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.tpl-q-tag-chip svg{opacity:.8;width:11px;height:11px}.tpl-q-tag-chip--blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.tpl-q-tag-chip--blue:hover{background:#dbeafe}.tpl-q-tag-chip--indigo{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.tpl-q-tag-chip--indigo:hover{background:#e0e7ff}.tpl-q-tag-chip--purple{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.tpl-q-tag-chip--purple:hover{background:#f3e8ff}.tpl-q-tag-chip--emerald{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.tpl-q-tag-chip--emerald:hover{background:#d1fae5}.tpl-q-tag-chip--amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.tpl-q-tag-chip--amber:hover{background:#fef3c7}.tpl-q-tag-chip--rose{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.tpl-q-tag-chip--rose:hover{background:#ffe4e6}.tpl-q-tag-chip--teal{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.tpl-q-tag-chip--teal:hover{background:#ccfbf1}.modal-tags-box{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:5px 8px;transition:all .2s;display:flex;position:relative}.modal-tags-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.modal-tag-chip{-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:700;line-height:1.2;display:inline-flex}.modal-tag-chip svg{opacity:.75;width:11px;height:11px}.modal-tag-chip-del{width:15px;height:15px;color:inherit;cursor:pointer;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;font-size:11px;font-weight:800;line-height:1;transition:all .12s;display:inline-flex}.modal-tag-chip-del:hover{background:#00000038}.modal-tags-input{flex:120px;min-width:110px;box-shadow:none!important;color:#0f172a!important;background:0 0!important;border:none!important;outline:none!important;height:auto!important;padding:3px 6px!important;font-size:12.5px!important}.modal-tags-dropdown{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:200px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001f}.modal-tag-option{color:#1e293b;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;transition:background .15s;display:flex}.modal-tag-option:hover{background:#f1f5f9}.modal-tag-option--create{color:#2563eb;background:#eff6ff;border:1px dashed #bfdbfe;margin-bottom:4px;font-weight:700}.modal-tag-option--create:hover{background:#dbeafe;border-color:#93c5fd}.modal-quick-tags{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.modal-quick-tags-label{color:#64748b;margin-right:2px;font-size:11px;font-weight:600}.modal-quick-tag-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600;transition:all .15s}.modal-quick-tag-chip:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.tpl-covered-topics-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.tpl-covered-topics-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.tpl-covered-topics-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.manage-tags-list{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.manage-tags-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.manage-tags-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.manage-tags-item-left{align-items:center;gap:10px;display:flex}.manage-tags-item-count{color:#64748b;background:#edf2f7;border-radius:12px;padding:2px 8px;font-size:11.5px;font-weight:600}.manage-tags-item-actions{align-items:center;gap:6px;display:flex}.manage-tags-btn-view{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.manage-tags-btn-view:hover{background:#dbeafe}.manage-tags-btn-del{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.manage-tags-btn-del:hover{color:#b91c1c;background:#fee2e2;transform:scale(1.05)}.tpl-q-prompt{color:#0f172a;word-break:break-word;margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.45}@media (width>=640px){.tpl-q-prompt{font-size:16px}}.tpl-q-options{flex-direction:column;gap:6px;margin-top:10px;display:flex}.tpl-q-option{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.tpl-q-option-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tpl-q-option-bullet{color:#64748b;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex}.tpl-q-option.is-correct{color:#065f46;background:#ecfdf5;border-color:#a7f3d0;font-weight:600}.tpl-q-option.is-correct .tpl-q-option-bullet{color:#fff;background:#059669;border-color:#059669}.tpl-q-option-badge-correct{color:#fff;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#059669;border-radius:9999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:800}@media (width<=640px){.tpl-q-option-badge-correct{display:none!important}}.admin-match-preview-grid{flex-direction:column;gap:6px;margin-top:10px;display:flex}.admin-match-preview-item{background:#f8faff;border:1px solid #e0e7ff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.admin-match-preview-item:hover{background:#f0f4ff;border-color:#c7d2fe}.admin-match-preview-left{flex:1;align-items:center;gap:8px;min-width:140px;display:flex}.admin-match-preview-idx{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:flex}.admin-match-preview-prompt{color:#1e293b;font-weight:600}.admin-match-preview-middle{color:#818cf8;align-items:center;font-weight:700;display:flex}.admin-match-preview-right{align-items:center;gap:6px;margin-left:auto;display:flex}.admin-match-preview-target{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:3px 10px;font-size:12px;font-weight:700}.admin-match-preview-distr{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.admin-fib-builder{margin-bottom:1rem}.admin-fib-guide{background:linear-gradient(135deg,#f5f3ff 0%,#eff6ff 100%);border:1px solid #ddd6fe;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.admin-fib-guide-icon{color:#6366f1;background:#fff;border:1px solid #c7d2fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.admin-fib-guide-text{color:#4338ca;font-size:12px;line-height:1.45}.admin-fib-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.admin-fib-title-wrap{align-items:center;gap:8px;display:flex}.admin-fib-section-title{color:#1e293b;letter-spacing:-.01em;font-size:13px;font-weight:800}.admin-fib-count-pill{color:#6366f1;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:1px 8px;font-size:11px;font-weight:700}.admin-fib-add-top-btn{color:#6d28d9;cursor:pointer;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.admin-fib-add-top-btn:hover{color:#5b21b6;background:#ede9fe;border-color:#a78bfa;transform:translateY(-1px)}.admin-fib-cards-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.admin-fib-card{background:#fff;border:1.5px solid #e2e8f0;border-left:4px solid #6366f1;border-radius:14px;padding:12px 14px;transition:all .18s;box-shadow:0 1px 4px #00000008}.admin-fib-card:hover{border-color:#cbd5e1 #cbd5e1 #cbd5e1 #4f46e5;box-shadow:0 4px 12px #6366f114}.admin-fib-card-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.admin-fib-pair-badge{color:#334155;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.admin-fib-pair-num{color:#4f46e5;background:#eef2ff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.admin-fib-del-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.admin-fib-del-btn:hover{color:#b91c1c;background:#fef2f2;border-color:#f87171}.admin-fib-card-inputs{grid-template-columns:1fr;gap:10px;margin-bottom:10px;display:grid}@media (width>=560px){.admin-fib-card-inputs{grid-template-columns:1fr 1fr}}.admin-fib-field{flex-direction:column;gap:4px;display:flex}.admin-fib-field--distractors{border-top:1px dashed #f1f5f9;margin-top:2px;padding-top:8px}.admin-fib-field-label{color:#334155;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.admin-fib-side-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.admin-fib-side-tag--left{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.admin-fib-side-tag--right{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.admin-fib-side-tag--distr{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.admin-fib-subtext{color:#64748b;font-size:11px;font-weight:400}.admin-fib-input{border-radius:8px;width:100%;padding:8px 12px;font-size:13px;transition:all .15s}.admin-fib-add-btn{color:#4f46e5;cursor:pointer;background:#fafafe;border:2px dashed #c7d2fe;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.admin-fib-add-btn:hover{color:#3730a3;background:#eef2ff;border-color:#818cf8;transform:translateY(-1px)}.admin-dialogue-builder{margin-bottom:1.25rem}.admin-dialogue-speakers-box{background:#f8faff;border:1.5px solid #e0e7ff;border-radius:12px;margin-bottom:14px;padding:12px 14px}.admin-dialogue-speakers-grid{grid-template-columns:1fr;gap:10px;margin-top:8px;display:grid}@media (width>=600px){.admin-dialogue-speakers-grid{grid-template-columns:1fr 1fr}}.admin-dialogue-turn-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:10px;padding:14px;transition:all .15s;box-shadow:0 1px 3px #00000008}.admin-dialogue-turn-card--sp1{border-left:4px solid #6366f1}.admin-dialogue-turn-card--sp2{border-left:4px solid #059669}.admin-dialogue-speaker-pill{cursor:pointer;border:1.5px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.admin-dialogue-speaker-pill--sp1-active{color:#4338ca;background:#eef2ff;border-color:#818cf8}.admin-dialogue-speaker-pill--sp1-inactive{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.admin-dialogue-speaker-pill--sp2-active{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.admin-dialogue-speaker-pill--sp2-inactive{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.admin-dialogue-mode-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s}.admin-dialogue-mode-btn--active-context{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.admin-dialogue-mode-btn--active-blank{color:#7e22ce;background:#faf5ff;border-color:#a855f7}.admin-dialogue-preview-feed{flex-direction:column;gap:8px;margin-top:10px;display:flex}.admin-dialogue-preview-bubble{border-radius:14px;align-items:flex-start;gap:10px;max-width:95%;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.admin-dialogue-preview-bubble--sp1{background:#f0f4ff;border:1px solid #dbeafe;align-self:flex-start}.admin-dialogue-preview-bubble--sp2{background:#f0fdf4;border:1px solid #dcfce7;align-self:flex-start}.admin-dialogue-preview-speaker-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800}.admin-dialogue-preview-speaker-tag--sp1{color:#3730a3;background:#e0e7ff}.admin-dialogue-preview-speaker-tag--sp2{color:#065f46;background:#d1fae5}.admin-dialogue-blank-badge{color:#6b21a8;background:#fff;border:1.5px dashed #a855f7;border-radius:8px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.dialogue-widget{margin-top:.75rem}.dialogue-chat-feed{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;margin-bottom:12px;padding:16px;display:flex;box-shadow:inset 0 2px 4px #00000005}.dialogue-chat-row{align-items:flex-start;gap:10px;max-width:100%;display:flex}.dialogue-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 6px #0000001a}.dialogue-avatar--sp1{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)}.dialogue-avatar--sp2{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}.dialogue-bubble-wrap{flex:1;max-width:88%}@media (width<=600px){.dialogue-bubble-wrap{max-width:100%}}.dialogue-speaker-name{color:#475569;margin-bottom:3px;font-size:11.5px;font-weight:800}.dialogue-bubble{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.45;box-shadow:0 2px 5px #0000000a}.dialogue-bubble--sp1{border-left:4px solid #6366f1}.dialogue-bubble--sp2{border-left:4px solid #10b981}.dialogue-dropzone{border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}.dialogue-review-feed{flex-direction:column;gap:8px;margin-top:8px;display:flex}.dialogue-review-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.tpl-btn-submissions{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.tpl-btn-submissions:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.tpl-btn-attempts{color:#a21caf;cursor:pointer;background:#fdf4ff;border:1px solid #f0abfc;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.tpl-btn-attempts:hover{color:#86198f;background:#fae8ff;border-color:#e879f9}.tpl-btn-publish{cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important}.tpl-btn-publish:hover{background:#059669}.tpl-btn-unpublish{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tpl-btn-unpublish:hover{color:#1e293b;background:#e2e8f0}.tpl-btn-delete{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tpl-btn-delete:hover{color:#b91c1c;background:#fee2e2}.tpl-btn-back{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.tpl-btn-back:hover{color:#1e293b;background:#f1f5f9}.tpl-overview-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:18px;margin-bottom:20px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}@media (width>=640px){.tpl-overview-card{padding:22px 24px}}.tpl-overview-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:800;display:flex}.tpl-overview-title svg{color:#2563eb;width:17px;height:17px}.tpl-overview-desc{color:#475569;white-space:pre-line;margin:0 0 14px;font-size:13.5px;line-height:1.6}.tpl-overview-attachment{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.tpl-overview-attachment a{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.tpl-overview-attachment a:hover{background:#dbeafe}.modal-dialog-xl{max-width:900px}.modal-dialog-lg{max-width:760px}.modal-dialog-md{max-width:560px}.sub-header-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-pill-graded{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.sub-pill-pending{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.sub-pill-passed{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.sub-pill-failed{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.sub-table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.sub-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.sub-table thead tr{background:#f8fafc;border-bottom:2px solid #f1f5f9}.sub-table th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.sub-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.sub-table tbody tr:hover{background-color:#f8fafc}.sub-table td{vertical-align:middle;padding:12px 14px}.sub-student-info{align-items:center;gap:10px;display:flex}.sub-student-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.sub-student-name{color:#0f172a;font-weight:700;line-height:1.2}.sub-student-email{color:#64748b;margin-top:1px;font-size:11px}.sub-date-text{color:#64748b;white-space:nowrap;font-size:12px}.sub-score-badge{color:#059669;white-space:nowrap;font-size:14px;font-weight:800}.sub-score-pending{color:#d97706;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-style:italic;font-weight:600;display:inline-flex}.sub-btn-grade{cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important}.sub-btn-grade:hover{background:#1d4ed8}.sub-btn-edit-grade{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.sub-btn-edit-grade:hover{color:#1d4ed8;background:#dbeafe}.tpl-filter-form{flex-direction:column;gap:10px;width:100%;display:flex}@media (width>=768px){.tpl-filter-form{flex-flow:wrap;align-items:flex-end;gap:12px}}.tpl-filter-field{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.tpl-filter-field label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:11px;font-weight:700}.tpl-filter-field-search{flex:2;min-width:200px}.tpl-search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.tpl-search-input-wrap .tpl-search-input-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;width:15px;height:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.tpl-search-input-wrap .input.modal-form-input{padding-left:32px}.tpl-filter-actions{align-items:center;gap:8px;display:flex}.modal-audio-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;margin:14px 0;padding:14px}.modal-audio-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-audio-header-left{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.modal-audio-header-icon{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.modal-audio-tag{color:#0369a1;text-transform:uppercase;background:#e0f2fe;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.modal-audio-preview{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:10px}.modal-audio-preview-head{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.modal-audio-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.modal-audio-player{border-radius:6px;outline:none;width:100%;height:36px}.modal-audio-picker-box{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .18s;display:flex}.modal-audio-picker-box:hover{background:#f0f9ff;border-color:#3b82f6}.modal-audio-browse-btn{color:#2563eb;background:#eff6ff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.tpl-template-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.tpl-template-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.tpl-template-grid{grid-template-columns:repeat(3,1fr)}}.tpl-template-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.tpl-template-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014}.tpl-template-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tpl-template-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tpl-template-q-count{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.tpl-template-title{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:800;line-height:1.35}.tpl-template-title a{color:inherit;text-decoration:none;transition:color .15s}.tpl-template-title a:hover{color:#2563eb}.tpl-template-desc{color:#64748b;flex:1;margin:0 0 14px;font-size:13px;line-height:1.5}.tpl-template-settings{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tpl-template-setting-tag{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.tpl-template-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.tpl-template-actions .btn{font-size:12px;font-weight:700}.tpl-template-actions .tpl-btn-action-delete{height:32px;min-height:32px;padding:0 10px}.tpl-template-card--quiz{background:linear-gradient(#faf5ff 0%,#fff 45%);border:1px solid #ede9fe;border-top:4px solid #7c3aed}.tpl-template-card--quiz:hover{border-color:#7c3aed #c084fc #c084fc;box-shadow:0 12px 28px -6px #7c3aed2e}.tpl-template-card--quiz .tpl-template-title a:hover{color:#7c3aed}.tpl-template-card--quiz .tpl-template-setting-tag{color:#6b21a8;background:#faf5ff;border-color:#ede9fe}.tpl-template-card--homework{background:linear-gradient(#eff6ff 0%,#fff 45%);border:1px solid #e0f2fe;border-top:4px solid #2563eb}.tpl-template-card--homework:hover{border-color:#2563eb #93c5fd #93c5fd;box-shadow:0 12px 28px -6px #2563eb2e}.tpl-template-card--homework .tpl-template-title a:hover{color:#2563eb}.tpl-template-card--homework .tpl-template-setting-tag{color:#0369a1;background:#f0f9ff;border-color:#e0f2fe}.tpl-template-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.tpl-template-icon-wrap svg{width:18px;height:18px}.tpl-template-icon-wrap--quiz{color:#7c3aed;background:#f3e8ff;border:1px solid #e9d5ff}.tpl-template-icon-wrap--homework{color:#2563eb;background:#dbeafe;border:1px solid #bfdbfe}.tpl-template-q-count--quiz{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.tpl-template-q-count--homework{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.tpl-btn-manage-quiz{transition:all .15s;box-shadow:0 2px 6px #7c3aed40;color:#fff!important;background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border:none!important}.tpl-btn-manage-quiz:hover{transform:translateY(-1px);box-shadow:0 4px 10px #7c3aed59;background:linear-gradient(135deg,#6d28d9,#5b21b6)!important}.tpl-btn-manage-hw{transition:all .15s;box-shadow:0 2px 6px #2563eb40;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important}.tpl-btn-manage-hw:hover{transform:translateY(-1px);box-shadow:0 4px 10px #2563eb59;background:linear-gradient(135deg,#1d4ed8,#1e40af)!important}.cls-directory-rows{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.cls-directory-rows{grid-template-columns:repeat(2,1fr)}}.cls-row-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.cls-row-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014}.cls-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cls-card-head-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.cls-avatar-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cls-avatar-icon svg{width:22px;height:22px}.cls-card-title-group{flex:1;min-width:0}.cls-card-badges-top{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.cls-title{color:#0f172a;word-break:break-word;margin:0;font-size:16px;font-weight:800;line-height:1.35}.cls-title a{color:inherit;text-decoration:none;transition:color .15s}.cls-title a:hover{color:#2563eb}.cls-reorder-badge-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.cls-order-num{color:#64748b;font-size:11.5px;font-weight:800}.cls-reorder-btns{align-items:center;gap:2px;display:flex}.cls-reorder-btns button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .15s;display:flex}.cls-reorder-btns button:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.cls-reorder-btns button svg{width:13px;height:13px}.cls-card-body{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:10px 12px}.cls-card-meta-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=400px){.cls-card-meta-grid{grid-template-columns:1fr}}.cls-meta-item{align-items:center;gap:8px;min-width:0;display:flex}.cls-meta-icon-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cls-meta-icon-box--green{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.cls-meta-text{flex:1;min-width:0}.cls-meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:10.5px;font-weight:700;line-height:1;display:block}.cls-meta-val{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.cls-card-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.cls-btn-open{border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:700}.cls-btn-icon{border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;display:inline-flex}.adm-dash-metrics-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px;display:grid}@media (width>=640px){.adm-dash-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.adm-dash-metrics-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}.adm-revenue-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #334155;border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a40}.adm-revenue-card:hover{border-color:#475569;transform:translateY(-2px);box-shadow:0 14px 30px -4px #0f172a59}.adm-revenue-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b26 0%,#f59e0b00 70%);border-radius:50%;width:130px;height:130px;position:absolute;top:-50px;right:-50px}.adm-revenue-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.adm-revenue-tag{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:11px;font-weight:800}.adm-revenue-icon{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.adm-revenue-icon svg{width:18px;height:18px}.adm-revenue-amount{color:#fbbf24;font-size:26px;font-weight:900;line-height:1.2;font-family:var(--f-display,inherit);letter-spacing:-.02em;margin-bottom:14px}.adm-revenue-foot{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:12px;font-size:11.5px;display:flex}.adm-revenue-foot-note{color:#94a3b8}.adm-revenue-link{color:#fbbf24;align-items:center;gap:4px;font-weight:700;text-decoration:none;transition:gap .15s,color .15s;display:inline-flex}.adm-revenue-link:hover{color:#fef08a;gap:6px}.adm-stat-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.adm-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000012}.adm-stat-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.adm-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.adm-stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.adm-stat-icon-wrap svg{width:18px;height:18px}.adm-stat-value{color:#0f172a;font-size:26px;font-weight:900;line-height:1.2;font-family:var(--f-display,inherit);margin-bottom:4px}.adm-stat-desc{color:#64748b;margin:0;font-size:11.5px}.adm-secondary-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}@media (width>=640px){.adm-secondary-grid{grid-template-columns:repeat(3,1fr)}}.adm-mini-stat-card{border:1px solid var(--g2,#e2e8f0);color:inherit;background:#fff;border-radius:16px;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.adm-mini-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.adm-mini-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.adm-mini-stat-icon svg{width:22px;height:22px}.adm-mini-stat-info{flex:1;min-width:0}.adm-mini-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:700;display:block}.adm-mini-stat-value{color:#0f172a;margin:2px 0;font-size:20px;font-weight:900;line-height:1.2}.adm-mini-stat-sub{color:#94a3b8;font-size:11px;display:block}.adm-hub-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:18px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #00000008}.adm-hub-header{margin-bottom:20px}.adm-hub-title{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:800}.adm-hub-subtitle{color:#64748b;margin:0;font-size:13px}.adm-modules-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=640px){.adm-modules-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.adm-modules-grid{grid-template-columns:repeat(4,1fr)}}.adm-module-item{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.adm-module-item:hover{background:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 18px -3px #2563eb1f}.adm-module-icon{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.adm-module-item:hover .adm-module-icon{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.adm-module-icon svg{width:20px;height:20px}.adm-module-info{flex:1;min-width:0}.adm-module-name{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:800;line-height:1.3}.adm-module-desc{color:#64748b;margin:0;font-size:11.5px;line-height:1.3}.adm-module-arrow{color:#94a3b8;opacity:.6;flex-shrink:0;transition:all .2s}.adm-module-item:hover .adm-module-arrow{color:#2563eb;opacity:1;transform:translate(3px)}.cw-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);border-radius:20px;margin-bottom:20px;padding:24px 26px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #2563eb40}.cw-hero-decor-1{pointer-events:none;background:#ffffff0f;border-radius:50%;width:220px;height:220px;position:absolute;top:-30px;right:-30px}.cw-hero-decor-2{pointer-events:none;background:#ffffff0a;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-60px;right:120px}.cw-hero-breadcrumb{color:#fffc;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.cw-hero-breadcrumb a{color:#ffffffe6;font-weight:600;text-decoration:none;transition:color .15s}.cw-hero-breadcrumb a:hover{color:#fff;text-decoration:underline}.cw-hero-main{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}@media (width>=768px){.cw-hero-main{flex-direction:row;justify-content:space-between;align-items:flex-start}}.cw-hero-info{flex:1;min-width:0}.cw-hero-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.cw-badge-active{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#fff3;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:800}.cw-badge-subtle{color:#fff;background:#ffffff24;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.cw-hero-title{color:#fff;font-size:24px;font-weight:900;line-height:1.25;font-family:var(--f-display,inherit);word-break:break-word;margin:0 0 8px}@media (width>=640px){.cw-hero-title{font-size:28px}}.cw-hero-meta-row{color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.cw-hero-meta-item{align-items:center;gap:6px;display:inline-flex}.cw-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cw-btn-announcement{color:#1e3a8a!important;background:#fff!important;border:none!important;border-radius:10px!important;padding:8px 16px!important;font-size:13px!important;font-weight:800!important;transition:all .2s!important;box-shadow:0 4px 12px #00000026!important}.cw-btn-announcement:hover{transform:translateY(-1px);background:#f8fafc!important;box-shadow:0 6px 16px #0003!important}.cw-btn-settings{color:#fff!important;background:#ffffff26!important;border:1px solid #ffffff4d!important;border-radius:10px!important;padding:8px 14px!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important}.cw-btn-settings:hover{transform:translateY(-1px);background:#ffffff40!important}.cw-tabs-wrapper{width:100%;margin-bottom:24px;position:relative}.cw-tabs-bar{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:6px;display:flex;overflow:auto hidden}.cw-tabs-bar::-webkit-scrollbar{height:6px;display:block}.cw-tabs-bar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px;margin:0 4px}.cw-tabs-bar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;transition:background .2s}.cw-tabs-bar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cw-tab-link{white-space:nowrap;color:#64748b;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:8px;margin-bottom:-6px;padding:9px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.cw-tab-link:hover{color:#2563eb;background:#f8fafc}.cw-tab-link.active{color:#2563eb;background:#eff6ff;border-bottom-color:#2563eb}.cw-stream-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.cw-stream-grid{grid-template-columns:1fr 340px}}.cw-section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cw-section-title{color:#0f172a;margin:0;font-size:18px;font-weight:800}.cw-section-sub{color:#64748b;margin:0;font-size:12.5px}.cw-share-box{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.cw-share-box:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 6px 18px -3px #2563eb1a}.cw-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.cw-share-placeholder{color:#64748b;flex:1;font-size:13.5px;font-weight:500}.cw-feed-list{flex-direction:column;gap:16px;display:flex}.cw-feed-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.cw-feed-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px -4px #00000012}.cw-feed-card--ann{border-left:4px solid #2563eb}.cw-feed-card--hw{border-left:4px solid #f59e0b}.cw-feed-card--quiz{border-left:4px solid #8b5cf6}.cw-feed-card--material{border-left:4px solid #06b6d4}.cw-feed-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cw-feed-head-left{align-items:center;gap:10px;min-width:0;display:flex}.cw-feed-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cw-feed-icon-box svg{width:16px;height:16px}.cw-feed-icon-box--ann{color:#2563eb;background:#eff6ff}.cw-feed-icon-box--hw{color:#d97706;background:#fef3c7}.cw-feed-icon-box--quiz{color:#7c3aed;background:#f3e8ff}.cw-feed-icon-box--material{color:#0891b2;background:#ecfeff}.cw-feed-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:800}.cw-feed-body{color:#334155;margin-bottom:12px;font-size:13.5px;line-height:1.55}.cw-feed-foot{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:12px;display:flex}.cw-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #00000008}.cw-sidebar-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cw-sidebar-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:800}.cw-progress-item{margin-bottom:12px}.cw-progress-label-row{color:#334155;justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.cw-progress-track{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden}.cw-progress-fill{background:#2563eb;border-radius:3px;height:100%;transition:width .3s}.cw-toolbar-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.cw-item-card{border:1px solid var(--g2,#e2e8f0);background:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}@media (width>=768px){.cw-item-card{flex-direction:row;justify-content:space-between;align-items:center}}.cw-item-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px -4px #00000012}.cw-item-card--hw{border-left:4px solid #f59e0b}.cw-item-card--quiz{border-left:4px solid #8b5cf6}.cw-item-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.cw-item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cw-item-icon-box svg{width:20px;height:20px}.cw-item-icon-box--hw{color:#d97706;background:#fef3c7}.cw-item-icon-box--quiz{color:#7c3aed;background:#f3e8ff}.cw-item-icon-box--material{color:#0891b2;background:#ecfeff}.cw-item-icon-box--session{color:#2563eb;background:#eff6ff;font-size:15px;font-weight:800}.cw-item-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.cw-people-top-grid{grid-template-columns:1fr;gap:20px;margin-bottom:24px;display:grid}@media (width>=768px){.cw-people-top-grid{grid-template-columns:repeat(2,1fr)}}.cw-person-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.cw-person-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-right:10px;font-size:15px;font-weight:800;display:flex}.cw-person-avatar--gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.cw-students-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow-x:auto}.cw-students-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.cw-students-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11.5px;font-weight:800}.cw-students-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.cw-students-table tr:last-child td{border-bottom:none}.cw-teacher-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:100%;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.cw-teacher-card-top{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.cw-teacher-avatar-lg{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:10px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #2563eb40}.cw-contact-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cw-contact-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.cw-contact-pill:hover{color:#0f172a;background:#e2e8f0}.cw-contact-pill--whatsapp{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.cw-contact-pill--whatsapp:hover{color:#047857;background:#d1fae5}.cw-student-row{transition:background .15s}.cw-student-row:hover{background:#f8fafc}.cw-student-row.is-expanded{background:#eff6ff!important}.cw-student-expand-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.cw-student-expand-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.cw-student-expand-btn.is-active{color:#fff;background:#1e40af;border-color:#1e40af}.cw-student-expand-btn svg{transition:transform .2s}.cw-student-expand-btn.is-active svg{transform:rotate(180deg)}.cw-student-expandable-row td{border-bottom:2px solid #cbd5e1!important;padding:0!important}.cw-student-detail-panel{background:#f8fafc;border-top:1px solid #e2e8f0;padding:18px 20px}.cw-detail-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=768px){.cw-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.cw-detail-grid{grid-template-columns:repeat(4,1fr)}}.cw-detail-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;box-shadow:0 1px 2px #00000008}.cw-detail-box-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.cw-detail-item{margin-bottom:8px}.cw-detail-item:last-child{margin-bottom:0}.cw-detail-label{color:#94a3b8;font-size:11px;display:block}.cw-detail-value{color:#0f172a;font-size:13px;font-weight:600}.cw-stat-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.cw-stat-badge--success{color:#15803d;background:#dcfce7}.cw-stat-badge--warning{color:#b45309;background:#fef3c7}.cw-stat-badge--info{color:#0369a1;background:#e0f2fe}.cw-stat-badge--purple{color:#7e22ce;background:#f3e8ff}.cw-students-mobile-list{flex-direction:column;gap:14px;display:none}@media (width<=900px){.cw-students-table-wrap{display:none}.cw-students-mobile-list{display:flex}}.cw-student-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.cw-student-mobile-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.cw-student-mobile-stats{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.cw-student-mobile-stat-num{color:#0f172a;font-size:14px;font-weight:800}.cw-student-mobile-stat-lbl{color:#64748b;font-size:10.5px;font-weight:600}.stu-hw-container{max-width:1000px;margin:0 auto;padding:8px 0 40px}.stu-crumb{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}.stu-crumb a{color:#64748b;align-items:center;gap:4px;text-decoration:none;transition:color .15s;display:inline-flex}.stu-crumb a:hover{color:#2563eb}.stu-crumb-sep{color:#94a3b8;font-size:11px}.stu-crumb-cur{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:700;overflow:hidden}.stu-hw-hero{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0000000d}.stu-hw-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stu-hw-hero-main{flex:1;min-width:280px}.stu-hw-pill-group{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.stu-hw-type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.stu-hw-type-badge--quiz{color:#7c3aed;background:#f3e8ff;border:1px solid #ddd6fe}.stu-hw-type-badge--doc{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.stu-hw-pts-badge{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700}.stu-hw-title{color:#0f172a;margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.25}@media (width>=640px){.stu-hw-title{font-size:28px}}.stu-hw-meta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.stu-hw-meta-item{align-items:center;gap:6px;display:inline-flex}.stu-hw-ref-chip{color:#2563eb;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.stu-hw-ref-chip:hover{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.stu-hw-status-box{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.stu-hw-status-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex}.stu-hw-status-pill--passed{color:#15803d;background:#dcfce7;border:1.5px solid #86efac;box-shadow:0 2px 8px #16a34a26}.stu-hw-status-pill--submitted{color:#2563eb;background:#eff6ff;border:1.5px solid #93c5fd}.stu-hw-status-pill--revision{color:#dc2626;background:#fef2f2;border:1.5px solid #fca5a5}.stu-hw-status-pill--pending{color:#64748b;background:#f8fafc;border:1.5px solid #cbd5e1}.stu-hw-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px;padding:16px 18px}.stu-hw-instructions-title{text-transform:uppercase;letter-spacing:.05em;color:#475569;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.stu-hw-instructions-text{color:#1e293b;white-space:pre-line;margin:0;font-size:14px;line-height:1.6}.stu-eval-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;margin-bottom:24px;padding:24px;box-shadow:0 4px 16px #0000000a}.stu-eval-card--passed{background:linear-gradient(#f0fdf4 0%,#fff 120px);border-color:#86efac}.stu-eval-card--review{background:linear-gradient(#eff6ff 0%,#fff 120px);border-color:#bfdbfe}.stu-eval-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stu-eval-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.stu-eval-score-banner{color:#15803d;background:#fff;border:1.5px solid #bbf7d0;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 18px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 2px 6px #00000008}.stu-eval-score-banner--blue{color:#1d4ed8;border-color:#bfdbfe}.stu-teacher-feedback-box{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:14px;margin-bottom:20px;padding:16px;box-shadow:0 1px 3px #00000008}.stu-teacher-feedback-box--alert{background:#fff8f8;border-left-color:#dc2626}.stu-teacher-feedback-title{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.stu-teacher-feedback-title--alert{color:#dc2626}.stu-teacher-feedback-content{color:#1e293b;margin:0;font-size:14px;line-height:1.5}.stu-sol-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:14px;padding:16px 18px;box-shadow:0 1px 2px #00000005}.stu-sol-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.stu-sol-q-title{color:#0f172a;font-size:15px;font-weight:700}.stu-sol-choice-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.stu-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px -4px #0000000d}.stu-form-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.stu-form-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.stu-q-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:20px;transition:all .2s}.stu-q-card:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 4px 14px #2563eb0f}.stu-q-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stu-q-num-badge{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:3px 10px;font-size:12px;font-weight:800}.stu-q-text{color:#0f172a;white-space:pre-line;margin:0 0 14px;font-size:15.5px;font-weight:700;line-height:1.45}.stu-q-img-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:100%;margin:10px 0 16px;overflow:hidden}.stu-q-img-wrap img{object-fit:contain;width:auto;max-width:100%;max-height:320px;margin:0 auto;display:block}.stu-options-grid{flex-direction:column;gap:10px;display:flex}.stu-option-label{cursor:pointer;color:#1e293b;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.stu-option-label:hover{background:#f8fafc;border-color:#cbd5e1}.stu-option-label:has(input:checked){color:#1e40af;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.stu-option-radio{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px}.stu-option-idx{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.stu-option-label:has(input:checked) .stu-option-idx{color:#fff;background:#2563eb}.stu-tf-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stu-tf-option{cursor:pointer;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.stu-tf-option:hover{background:#f8fafc}.stu-tf-option:has(input:checked){color:#1e40af;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.stu-submit-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding-top:18px;display:flex}.stu-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.stu-btn-submit:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.stu-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.stu-quiz-container{max-width:900px;margin:0 auto;padding:8px 0 40px}.stu-quiz-lobby-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:36px 24px;position:relative;overflow:hidden;box-shadow:0 4px 24px -4px #0000000d}@media (width>=640px){.stu-quiz-lobby-card{padding:44px 36px}}.stu-quiz-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:#7c3aed;background:#f3e8ff;border:1px solid #ddd6fe;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:800;display:inline-flex}.stu-quiz-lobby-title{color:#0f172a;margin:0 0 12px;font-size:26px;font-weight:800;line-height:1.25}@media (width>=640px){.stu-quiz-lobby-title{font-size:32px}}.stu-quiz-lobby-desc{color:#64748b;max-width:600px;margin:0 auto 28px;font-size:15px;line-height:1.6}.stu-quiz-kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:580px;margin:0 auto 30px;display:grid}@media (width<=500px){.stu-quiz-kpi-grid{grid-template-columns:1fr}}.stu-quiz-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 16px;display:flex}.stu-quiz-kpi-lbl{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:11px;font-weight:800}.stu-quiz-kpi-val{color:#0f172a;font-size:20px;font-weight:900}.stu-quiz-kpi-val--accent{color:#2563eb}.stu-quiz-rules-card{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;max-width:640px;margin:0 auto 30px;padding:20px 24px}.stu-quiz-rules-head{color:#0f172a;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.stu-quiz-rules-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stu-quiz-rules-item{color:#475569;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.stu-quiz-rules-bullet{background:#2563eb;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.stu-quiz-runner-header{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:16px 20px;box-shadow:0 4px 16px -2px #0000000a}.stu-quiz-runner-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stu-timer-badge{color:#2563eb;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:monospace;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.stu-timer-badge.is-warning{animation:1s infinite pulse;color:#dc2626!important;background:#fef2f2!important;border-color:#fca5a5!important}.stu-quiz-notice-banner{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.stu-quiz-progress-track{background:#f1f5f9;border-radius:999px;width:100%;height:6px;margin-top:12px;overflow:hidden}.stu-quiz-progress-bar{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;height:100%;transition:width .3s}.stu-quiz-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:24px;box-shadow:0 4px 16px -2px #0000000a}@media (width>=640px){.stu-quiz-card{padding:30px}}.stu-quiz-card-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stu-quiz-q-title{color:#0f172a;white-space:pre-line;margin:0 0 20px;font-size:19px;font-weight:800;line-height:1.45}.opt-card{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:all .15s;display:flex}.opt-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.opt-card.selected{color:#1e40af;background:#eff6ff;border-color:#2563eb;font-weight:600;box-shadow:0 0 0 1px #2563eb}.opt-indicator{color:#475569;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12.5px;font-weight:800;transition:all .15s;display:flex}.opt-card.selected .opt-indicator{color:#fff;background:#2563eb;border-color:#2563eb}.stu-quiz-runner-footer{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 4px 16px -2px #0000000a}.pill-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.pill-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.pill-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb4d}.pill-btn.answered:not(.active){color:#15803d;background:#dcfce7;border-color:#86efac}.stu-quiz-result-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px 24px;box-shadow:0 4px 24px -4px #0000000d}.stu-quiz-result-icon{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 4px 16px #0000000f}.stu-quiz-result-score-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:16px 36px;display:inline-flex}.tpl-q-type-pill--dialogue{color:#059669!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important}.tpl-q-item--dialogue{border-left:4px solid #10b981!important}.admin-dialogue-builder{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 20px -4px #10b98114}.admin-dialogue-speakers-bar{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1.5px solid #a7f3d0;border-radius:14px;flex-direction:column;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.admin-dialogue-speakers-title{color:#065f46;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.admin-dialogue-speakers-inputs{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.admin-dialogue-speakers-inputs{grid-template-columns:1fr}}.admin-dialogue-speaker-input-group{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;transition:all .2s;display:flex}.admin-dialogue-speaker-input-group:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.admin-dialogue-spk-badge{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:800}.admin-dialogue-spk-badge--1{color:#4338ca;background:#e0e7ff}.admin-dialogue-spk-badge--2{color:#92400e;background:#fef3c7}.admin-dialogue-speaker-field{width:100%;box-shadow:none!important;color:#1e293b!important;border:none!important;outline:none!important;padding:4px 0!important;font-size:13px!important;font-weight:700!important}.admin-dialogue-turns-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.admin-dialogue-turn-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;transition:all .2s;position:relative}.admin-dialogue-turn-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.admin-dialogue-turn-card.is-blank{background:#fffbeb;border-color:#fde68a}.admin-dialogue-turn-head{border-bottom:1px solid #e2e8f0cc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.admin-dialogue-turn-number{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.admin-dialogue-turn-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-dialogue-speaker-toggle{background:#e2e8f0;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.admin-dialogue-speaker-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s}.admin-dialogue-speaker-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0000001a}.admin-dialogue-mode-toggle{background:#e2e8f0;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.admin-dialogue-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.admin-dialogue-mode-btn.active-given{color:#fff;background:#3b82f6}.admin-dialogue-mode-btn.active-blank{color:#fff;background:#f59e0b}.admin-dialogue-add-btn{color:#047857;cursor:pointer;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px dashed #10b981;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:13.5px;font-weight:800;transition:all .2s;display:flex}.admin-dialogue-add-btn:hover{color:#065f46;background:#a7f3d0;transform:translateY(-1px)}.admin-dialogue-preview-feed{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.admin-dialogue-bubble-row{align-items:flex-start;gap:10px;display:flex}.admin-dialogue-bubble-row--alt{flex-direction:row-reverse}.admin-dialogue-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.admin-dialogue-avatar--1{color:#fff;background:#4f46e5}.admin-dialogue-avatar--2{color:#fff;background:#d97706}.admin-dialogue-bubble-box{border-radius:14px;max-width:80%;padding:10px 14px;font-size:13.5px;line-height:1.45;position:relative}.admin-dialogue-bubble-box--given{color:#1e293b;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.admin-dialogue-bubble-box--blank{color:#b45309;background:#fffbeb;border:1.5px dashed #f59e0b}.admin-dialogue-bubble-spk-name{text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.admin-dialogue-bubble-spk-name--1{color:#4f46e5}.admin-dialogue-bubble-spk-name--2{color:#d97706}.dialogue-widget{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;margin-top:18px;padding:24px;box-shadow:0 4px 20px -4px #0000000d}.dialogue-chat-feed{flex-direction:column;gap:18px;margin-bottom:24px;display:flex}.dialogue-turn-row{align-items:flex-start;gap:12px;display:flex}.dialogue-turn-row--alt{flex-direction:row-reverse}.dialogue-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 6px #00000014}.dialogue-avatar--1{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)}.dialogue-avatar--2{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#f97316 100%)}.dialogue-bubble{border-radius:16px;max-width:78%;padding:12px 18px;font-size:14.5px;line-height:1.5;box-shadow:0 2px 8px #0000000a}.dialogue-bubble--given{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0}.dialogue-bubble--blank{background:#fff;border:2px dashed #cbd5e1;min-width:220px;transition:all .2s}.dialogue-bubble--blank.is-filled{background:#eff6ff;border-style:solid;border-color:#3b82f6}.dialogue-bubble-speaker{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11.5px;font-weight:800;display:block}.dialogue-blank-dropzone{color:#94a3b8;background:#f1f5f999;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:6px 12px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.dialogue-blank-dropzone.drag-over{color:#1d4ed8;background:#dbeafe;border:2px dashed #2563eb}.dialogue-chip-placed{color:#fff;background:#2563eb;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #2563eb40}.dialogue-chip-remove{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.dialogue-chip-remove:hover{background:#fff6}