:root{
  --navy:#071b36;--navy2:#0b2a50;--teal:#0aa7a0;--teal2:#21c6bc;--ink:#11233a;--muted:#6e7c8f;--bg:#f4f8fb;--card:#fff;--line:#dbe5ec;--gold:#c7a45b;--danger:#c84655;--warn:#d9902f;--ok:#16875c;--shadow:0 18px 45px rgba(7,27,54,.10);--radius:24px;--radius-sm:16px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);min-width:0}body.dark{--bg:#07111f;--card:#0c1d31;--ink:#edf6ff;--muted:#9eb0c3;--line:#19354f;--shadow:0 18px 45px rgba(0,0,0,.22)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:278px;background:linear-gradient(160deg,#06172f 0%,#0a2d50 62%,#083b4d 100%);color:#fff;padding:20px 16px;display:flex;flex-direction:column;z-index:50;overflow:auto}.sidebar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent);pointer-events:none}.brand{position:relative;display:flex;align-items:center;gap:10px;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.10);min-width:0}.brand img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:16px;padding:4px}.brand div{min-width:0}.brand strong{display:block;font-size:15px;line-height:1.35}.brand span{display:block;font-size:12px;color:#8ee6df;margin-top:4px}.side-nav{display:grid;gap:7px;margin-top:20px;position:relative}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:#cbd9e9;transition:.2s}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(20,197,185,.18),rgba(255,255,255,.07));color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 var(--teal2)}[dir=rtl] .nav-link.active{box-shadow:inset -3px 0 0 var(--teal2)}.nav-link svg,.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar-foot{margin-top:auto;padding:18px 8px 6px;position:relative}.mini-user{display:flex;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.mini-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal2),#4f7ddb);font-weight:800}.mini-user div:last-child{min-width:0}.mini-user b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-user small{display:block;color:#9eb7cc;margin-top:3px}.logout-link{display:block;color:#a9c2d9;font-size:12px;margin-top:12px}.main-content{margin-inline-start:278px;min-height:100vh;padding:0 30px 44px;min-width:0}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:800}.topbar h1{margin:5px 0 0;font-size:25px;line-height:1.2}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.profile-chip{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);padding:10px 13px;border-radius:16px;font-size:13px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#27c57b;box-shadow:0 0 0 4px rgba(39,197,123,.12)}.bottom-nav{display:none}
.hero{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#071b36 0%,#0a3558 56%,#0a706e 125%);color:white;box-shadow:var(--shadow);padding:34px;min-height:250px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:center;gap:22px}.hero:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(72,230,218,.20);border-radius:50%;inset-inline-end:-120px;top:-240px;box-shadow:0 0 0 45px rgba(72,230,218,.03),0 0 0 90px rgba(72,230,218,.02)}.hero:after{content:"</>";position:absolute;inset-inline-end:34px;bottom:20px;font:bold 74px/1 ui-monospace,monospace;color:rgba(255,255,255,.06)}.hero-content{position:relative;z-index:2}.hero-kicker{display:inline-flex;gap:8px;align-items:center;background:rgba(20,197,185,.13);border:1px solid rgba(111,232,223,.25);padding:7px 11px;border-radius:999px;font-size:12px;color:#bff7f2}.hero h2{font-size:32px;margin:14px 0 10px;line-height:1.25}.hero p{color:#c7d8e8;max-width:680px;line-height:1.8;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{border:0;border-radius:14px;min-height:44px;padding:11px 17px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--teal2),var(--teal));color:#05232b}.btn-secondary{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:#ffe9ed;color:#a8263a}.hero-visual{position:relative;z-index:2;display:flex;justify-content:center;align-items:end;height:210px}.hero-visual img{max-height:230px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));border-radius:24px}.hero-meter{position:absolute;inset-inline-start:0;bottom:8px;background:rgba(5,22,38,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 14px;min-width:170px}.hero-meter strong{font-size:23px}.hero-meter span{display:block;color:#a9c6d7;font-size:11px;margin-top:3px}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section{margin-top:24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 13px}.section-head h2,.section-head h3{margin:0;font-size:20px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.text-link{color:var(--teal);font-weight:800;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(7,27,54,.05);min-width:0}.stat-card{padding:18px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;inset-inline-end:-18px;top:-18px;background:rgba(10,167,160,.07)}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:27px;font-weight:900;margin-top:5px}.stat-foot{font-size:11px;color:var(--muted);margin-top:8px}.progress{height:9px;background:#e6eef3;border-radius:999px;overflow:hidden}.dark .progress{background:#132d43}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--teal2));border-radius:inherit}.progress-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}.world-card{position:relative;padding:20px;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.world-card:before{content:"";position:absolute;width:150px;height:150px;inset-inline-end:-40px;top:-40px;border-radius:45px;transform:rotate(28deg);background:linear-gradient(145deg,rgba(10,167,160,.14),rgba(10,167,160,0))}.world-icon{width:48px;height:48px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 9px 20px rgba(7,27,54,.18)}.world-card h3{margin:18px 0 5px;font-size:18px}.world-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.world-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.chip{display:inline-flex;align-items:center;border-radius:999px;background:#edf8f6;color:#087c76;padding:6px 9px;font-size:11px;font-weight:800}.dark .chip{background:#113835;color:#67e1d8}.score-ring{--p:70;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) calc(var(--p)*1%),#e4edf2 0);position:relative}.score-ring:before{content:"";position:absolute;inset:6px;background:var(--card);border-radius:50%}.score-ring b{position:relative;font-size:13px}.mission-card{padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.mission-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e8fbf8,#dff0ff);color:var(--navy);font-weight:900}.mission-card h3{margin:0;font-size:15px}.mission-card p{margin:5px 0 0;font-size:12px;color:var(--muted)}.rank{font-size:22px;font-weight:900;color:var(--teal)}
.learning-map{display:grid;gap:13px}.unit-panel{overflow:hidden}.unit-head{padding:20px;background:linear-gradient(135deg,#081e3b,#0d4f64);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px}.unit-head h3{margin:0;font-size:19px}.unit-head p{margin:4px 0 0;color:#b9d4df;font-size:12px}.unit-number{width:45px;height:45px;border-radius:15px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:900}.lesson-list{padding:10px}.lesson-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:16px;transition:.2s}.lesson-item:hover{background:#f2f8fa}.dark .lesson-item:hover{background:#0f2940}.lesson-index{width:40px;height:40px;border-radius:13px;background:#edf5f7;display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:12px}.dark .lesson-index{background:#143149;color:#dff7ff}.lesson-item h4{margin:0;font-size:14px}.lesson-item p{margin:4px 0 0;color:var(--muted);font-size:11px}.lesson-status{font-size:11px;font-weight:800;color:var(--teal)}
.lesson-hero{background:linear-gradient(135deg,#071b36,#0b5564);border-radius:28px;color:#fff;padding:28px;position:relative;overflow:hidden}.lesson-hero:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset-inline-end:-90px;top:-100px}.lesson-breadcrumb{font-size:11px;color:#a9d9d7}.lesson-hero h2{margin:8px 0 10px;font-size:28px}.lesson-hero p{margin:0;color:#c5dce5;line-height:1.8;max-width:800px}.lesson-steps{display:flex;gap:8px;overflow:auto;padding:14px 2px 4px;scrollbar-width:none}.lesson-step{white-space:nowrap;padding:9px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:12px;color:var(--muted)}.lesson-step.active{background:#e7f8f6;color:#087e78;border-color:#a9e7e2;font-weight:800}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.concept-card{padding:17px;cursor:pointer;transition:.18s}.concept-card:hover{transform:translateY(-2px);border-color:#a7ddd8}.concept-card b{display:block;font-size:14px}.concept-card span{display:block;color:var(--teal);font-size:11px;margin-top:5px}.concept-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 0}.explain-panel{padding:20px}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.tab-btn{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 11px;border-radius:999px;white-space:nowrap;font-size:12px}.tab-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.tab-panel{padding-top:14px;line-height:1.8;font-size:14px}.think-card{padding:20px;background:linear-gradient(135deg,#fff8e8,#fff);border-color:#efd7a1}.dark .think-card{background:#302718}.think-card .label{color:#a66a0a;font-size:11px;font-weight:900}.think-card h3{margin:7px 0 9px}.choice-grid{display:grid;gap:8px}.choice{width:100%;text-align:start;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:12px 14px;border-radius:14px}.choice.selected{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,167,160,.10)}.choice.correct{border-color:#27a36d;background:#eefaf4}.choice.wrong{border-color:#d15160;background:#fff0f2}.feedback{margin-top:10px;font-size:12px;color:var(--muted);min-height:18px}.mastery-box{padding:20px}.skill-bars{display:grid;gap:12px}.skill-row{display:grid;grid-template-columns:125px minmax(0,1fr) 45px;gap:10px;align-items:center;font-size:12px}
.game-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.game-tab{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:10px 13px;font-weight:800;white-space:nowrap}.game-tab.active{background:var(--navy);color:#fff}.game-panel{display:none}.game-panel.active{display:block}.game-stage{padding:22px;min-height:320px;position:relative;overflow:hidden}.game-stage h3{margin-top:0}.ai-stack{display:grid;gap:10px;max-width:520px;margin:24px auto}.ai-layer{border:2px dashed #9bdcd6;border-radius:18px;padding:18px;text-align:center;background:#f5fbfb;transition:.2s}.dark .ai-layer{background:#0d2a35}.ai-layer.placed{border-style:solid;border-color:var(--teal);font-weight:800}.token-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.token{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 12px;border-radius:999px;font-weight:800}.network{position:relative;min-height:290px;background:linear-gradient(180deg,#f4fafc,#edf4f7);border:1px dashed #bad1dc;border-radius:20px;padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:center}.dark .network{background:#0c2235}.net-node{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:12px;text-align:center;font-size:12px}.net-node.secure{border-color:#51c89c;box-shadow:0 0 0 3px rgba(81,200,156,.1)}.http-card{font-family:ui-monospace,Consolas,monospace;background:#071827;color:#d9f5ef;border-radius:18px;padding:18px;line-height:1.7;overflow:auto}.status-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.status-buttons button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px 13px}.bad-ui{background:white;color:#111;border:3px solid #ffeb00;padding:14px;font-family:Comic Sans MS,cursive}.bad-ui h4{font-size:30px;color:#ff00ae;margin:0}.bad-ui button{background:red;color:yellow;border:5px dashed blue;padding:6px}.problem-hotspot{outline:3px solid rgba(220,54,75,.0);cursor:pointer}.problem-hotspot.found{outline-color:#dc364b}.game-score{display:inline-flex;align-items:center;gap:7px;background:#e8f8f5;color:#08796f;padding:8px 11px;border-radius:999px;font-weight:900;font-size:12px}
.forum-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:18px}.composer{padding:18px}.composer textarea,.form-control{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:12px 13px;min-height:44px;outline:none}.composer textarea{min-height:92px;resize:vertical}.form-control:focus,.composer textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,167,160,.09)}.post{padding:18px}.post+.post{margin-top:12px}.post-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-user{display:flex;gap:10px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0aa7a0,#406cc7);color:#fff;font-weight:900}.post h3{font-size:15px;margin:14px 0 7px}.post p{font-size:13px;line-height:1.8;color:var(--muted)}.post-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;background:#edf4f8;color:#567084;padding:5px 7px;border-radius:999px}.dark .tag{background:#122c42}.post-actions{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-top:12px}.side-widget{padding:18px}.side-widget h3{margin:0 0 12px;font-size:15px}.trend-item{padding:10px 0;border-bottom:1px solid var(--line)}.trend-item:last-child{border:0}.trend-item b{display:block;font-size:12px}.trend-item span{font-size:11px;color:var(--muted)}
.auth-page{min-height:100vh;background:radial-gradient(circle at 20% 15%,rgba(21,197,185,.18),transparent 30%),linear-gradient(135deg,#06152c,#0a2e50 60%,#074d56);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);color:#fff}.auth-visual{padding:54px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.auth-visual:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-240px;bottom:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.015)}.auth-brand{display:flex;gap:12px;align-items:center;position:relative;z-index:2}.auth-brand img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:18px;padding:5px}.auth-brand strong{display:block;font-size:18px}.auth-brand span{display:block;color:#93d9d4;font-size:12px}.auth-copy{max-width:690px;position:relative;z-index:2}.auth-copy h1{font-size:48px;line-height:1.16;margin:0 0 14px}.auth-copy p{color:#bfd0df;line-height:1.9}.auth-pills{display:flex;gap:8px;flex-wrap:wrap}.auth-pills span{background:rgba(255,255,255,.08);padding:8px 11px;border-radius:999px;font-size:11px}.auth-panel-wrap{background:#f5f9fb;color:var(--ink);padding:36px;display:flex;align-items:center;justify-content:center}.auth-panel{width:min(460px,100%);background:#fff;border:1px solid #e0e9ef;border-radius:28px;padding:26px;box-shadow:0 24px 70px rgba(1,16,35,.18)}.auth-panel h2{margin:0;font-size:24px}.auth-panel>p{color:var(--muted);font-size:13px;line-height:1.7}.form-group{margin-top:14px}.form-group label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.auth-switch{display:grid;grid-template-columns:1fr 1fr;background:#eef3f6;border-radius:13px;padding:4px;gap:4px;margin:15px 0}.auth-switch button{border:0;background:transparent;padding:9px;border-radius:10px;font-weight:800;color:#67788b}.auth-switch button.active{background:#fff;color:var(--navy);box-shadow:0 4px 12px rgba(0,0,0,.06)}.notice{padding:12px 14px;border-radius:14px;font-size:12px;line-height:1.6;margin:12px 0}.notice.info{background:#e9f8f6;color:#08776f}.notice.warn{background:#fff4df;color:#8c5c10}.notice.error{background:#fff0f2;color:#aa2940}.flash{padding:11px 14px;border-radius:14px;margin-bottom:12px;font-size:12px}.flash.success{background:#e8f8f1;color:#15764e}.flash.error{background:#fff0f2;color:#a22d40}
.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:var(--card);font-size:12px}th,td{text-align:start;padding:12px 13px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f0f5f8;color:#64778a;font-size:10px;text-transform:uppercase}.dark th{background:#10283d}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.status.pending{background:#fff1d8;color:#936116}.status.approved{background:#e8f8f0;color:#17704b}.status.suspended{background:#ffecef;color:#a72b41}.admin-actions{display:flex;gap:6px}.admin-actions button{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:6px 8px;color:var(--ink);font-size:10px}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-highlight{padding:22px;background:linear-gradient(135deg,#061d3a,#0d5366);color:#fff}.kpi-highlight small{color:#9fc7d3}.kpi-highlight strong{display:block;font-size:34px;margin-top:6px}.mini-bars{display:flex;gap:5px;height:46px;align-items:end;margin-top:13px}.mini-bars span{flex:1;border-radius:5px 5px 2px 2px;background:#28c6bb;opacity:.75}
.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px}.profile-photo{width:86px;height:86px;border-radius:24px;object-fit:cover}.profile-hero h2{margin:0}.profile-hero p{margin:5px 0 0;color:var(--muted)}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.badge-card{padding:15px;text-align:center}.badge-icon{width:52px;height:52px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f2f9ff,#e5fbf7);font-size:22px}.badge-card b{display:block;font-size:12px;margin-top:8px}.badge-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.modal{position:fixed;inset:0;background:rgba(3,13,27,.58);display:none;place-items:center;padding:16px;z-index:120}.modal.open{display:grid}.modal-card{background:var(--card);color:var(--ink);border-radius:24px;max-width:680px;width:min(100%,680px);max-height:88vh;overflow:auto;box-shadow:0 28px 80px rgba(0,0,0,.28)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px}.close-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px}.empty{padding:34px;text-align:center;color:var(--muted)}
@media(max-width:1180px){.grid-4,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 280px}.forum-layout{grid-template-columns:1fr}.forum-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:900px){.sidebar{display:none}.main-content{margin-inline-start:0;padding:0 16px 92px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;inset-inline:0;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:80;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.dark .bottom-nav{background:rgba(7,17,31,.96)}.bottom-nav a{display:grid;place-items:center;gap:3px;color:var(--muted);font-size:9px;padding:5px;border-radius:11px}.bottom-nav a.active{color:var(--teal);font-weight:900}.bottom-nav svg{width:20px;height:20px}.topbar{height:80px}.profile-chip{display:none}.hero{grid-template-columns:1fr;padding:25px;min-height:auto}.hero-visual{display:none}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:330px;padding:30px}.auth-copy h1{font-size:36px}.auth-panel-wrap{padding:18px}.auth-panel{padding:22px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.topbar h1{font-size:21px}.eyebrow{font-size:9px}.hero h2{font-size:25px}.hero p{font-size:13px}.grid-2,.grid-3,.grid-4,.admin-stats{grid-template-columns:1fr}.section{margin-top:18px}.section-head h2,.section-head h3{font-size:18px}.concept-grid{grid-template-columns:1fr}.mission-card{grid-template-columns:46px 1fr}.mission-card>.rank{display:none}.skill-row{grid-template-columns:100px minmax(0,1fr) 36px}.lesson-hero{padding:22px}.lesson-hero h2{font-size:23px}.form-grid{grid-template-columns:1fr}.auth-visual{min-height:280px}.auth-copy h1{font-size:30px}.auth-copy p{font-size:13px}.auth-brand img{width:54px;height:54px}.forum-layout aside{grid-template-columns:1fr}.profile-hero{grid-template-columns:70px minmax(0,1fr)}.profile-photo{width:70px;height:70px}.profile-hero>.score-ring{display:none}.network{grid-template-columns:repeat(2,1fr)}.admin-toolbar{align-items:stretch}.admin-toolbar .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ===== V2 · Lesson Experience Engine ===== */
.lang-switch{display:flex;align-items:center;gap:3px;background:var(--card);border:1px solid var(--line);padding:3px;border-radius:14px}.lang-switch input{display:none}.lang-switch button{border:0;background:transparent;color:var(--muted);min-width:36px;height:34px;border-radius:10px;font-weight:900}.lang-switch button.active{background:var(--navy);color:#fff}.dark .lang-switch button.active{background:var(--teal);color:#031a20}
.section-kicker{display:block;font-size:10px;letter-spacing:.12em;color:var(--teal);font-weight:900;margin-bottom:6px}.experience-hero{min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center;position:relative;overflow:hidden;padding:34px;border-radius:30px;background:linear-gradient(135deg,#071b36,#0b3658 60%,#08716d);color:#fff;box-shadow:var(--shadow)}.experience-hero:before{content:"";position:absolute;inset:auto -80px -170px auto;width:420px;height:420px;border-radius:50%;border:1px solid rgba(99,231,220,.2);box-shadow:0 0 0 50px rgba(99,231,220,.035),0 0 0 100px rgba(99,231,220,.02)}.experience-hero-copy{position:relative;z-index:2}.experience-hero h2{font-size:34px;margin:10px 0 10px;line-height:1.25}.experience-hero p{color:#c6d9e8;line-height:1.85;margin:0;max-width:760px}.experience-world-pill{display:inline-flex;margin-top:13px;border:1px solid rgba(103,232,220,.26);background:rgba(31,195,184,.12);color:#a8f4ec;padding:7px 11px;border-radius:999px;font-weight:800;font-size:11px}.experience-hero-orb{position:relative;z-index:2;width:155px;height:155px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,rgba(79,229,216,.25),rgba(8,27,54,.18) 45%,rgba(255,255,255,.04));border:1px solid rgba(143,239,232,.28);box-shadow:inset 0 0 40px rgba(52,216,203,.13),0 20px 60px rgba(0,0,0,.22)}.experience-hero-orb span{font-size:54px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.25))}.experience-hero-orb small{position:absolute;bottom:22px;font-weight:900;letter-spacing:.12em;color:#a9c4d9;font-size:9px}.experience-progress{grid-column:1/-1;position:relative;z-index:2;max-width:720px}.experience-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#b8d3e5;margin-bottom:7px}.experience-progress .progress{background:rgba(255,255,255,.10)}
.experience-nav{position:sticky;top:8px;z-index:35;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0 0;background:rgba(244,248,251,.87);backdrop-filter:blur(16px);padding:7px;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(7,27,54,.06)}.dark .experience-nav{background:rgba(7,17,31,.88)}.experience-nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:12px;font-size:11px;color:var(--muted);font-weight:800}.experience-nav a:hover{background:var(--card);color:var(--teal)}.experience-nav a span{white-space:nowrap}
.immersive-scene{padding:26px;display:grid;grid-template-columns:84px minmax(0,1fr);gap:20px;align-items:center;border:1px solid rgba(10,167,160,.24);background:linear-gradient(135deg,var(--card),rgba(10,167,160,.05))}.scene-icon{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font-size:36px;background:linear-gradient(135deg,#071b36,#0c6e72);box-shadow:0 12px 35px rgba(7,27,54,.18)}.immersive-scene h3{font-size:20px;line-height:1.7;margin:8px 0}.immersive-scene p{color:var(--muted);line-height:1.7;margin:0}.concept-top{display:flex;justify-content:space-between;gap:10px}.concept-top>span{font-size:18px;color:var(--teal)}.concept-lang-pair{font-size:11px;color:var(--teal);margin-top:4px}.concept-detail{font-size:15px;line-height:1.9;padding-top:10px}
.lab-shell{padding:0;overflow:hidden;border:1px solid rgba(10,167,160,.18)}.experience-lab{min-height:310px;padding:28px;background:linear-gradient(145deg,rgba(7,27,54,.025),rgba(10,167,160,.035));position:relative}.interactive-chip{color:#087870;background:#e5fbf7;border-color:#b9eee8}.dark .interactive-chip{background:#0c3437;color:#8be7df;border-color:#1c5758}.lab-toolbar,.lab-actions{display:flex;gap:9px;flex-wrap:wrap}.lab-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:10px 12px;min-height:44px;display:grid;gap:3px}.lab-chip b{font-size:11px}.lab-chip span{font-size:9px;color:var(--muted)}.lab-chip.active,.lab-chip:hover{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,167,160,.08);color:var(--teal)}
.timeline-controls{display:grid;grid-template-columns:repeat(5,1fr)}.timeline-stage{margin-top:22px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;align-items:center}.timeline-orbit{width:170px;height:170px;border:1px dashed rgba(10,167,160,.45);border-radius:50%;display:grid;place-items:center;position:relative}.timeline-orbit:before,.timeline-orbit:after{content:"";position:absolute;border:1px solid rgba(10,167,160,.15);border-radius:50%;inset:20px}.timeline-orbit:after{inset:43px}.timeline-orbit span{font-size:48px;color:var(--teal);z-index:2}.timeline-stage h4{font-size:24px;margin:7px 0}.timeline-stage p{color:var(--muted);line-height:1.7}.timeline-impact{border-inline-start:3px solid var(--teal);padding:9px 12px;background:rgba(10,167,160,.07);border-radius:10px;font-size:12px;line-height:1.6}
.ai-token-bank{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.ai-token-bank .token{min-height:44px}.family-rings{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.family-ring{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:20px;width:150px;height:110px;display:grid;place-items:center;gap:4px;transition:.2s}.family-ring span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:10px}.family-ring b{font-size:10px;color:var(--muted)}.family-ring.filled{background:linear-gradient(135deg,#082543,#0b6f70);color:#fff;border-color:transparent;transform:translateY(-3px)}.family-ring.filled span{background:rgba(255,255,255,.12)}.family-ring.filled strong{font-size:18px}.experience-lab .feedback{min-height:24px;margin-top:16px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}
.city-map{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.city-place{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px;min-height:112px;display:grid;place-items:center;gap:6px;padding:12px}.city-place span{font-size:31px}.city-place b{font-size:11px}.city-place.active{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,167,160,.08);transform:translateY(-2px)}.city-inspector{margin-top:16px;padding:20px;border-radius:18px;background:rgba(7,27,54,.035)}.city-inspector h4{font-size:20px;margin:8px 0}.city-inspector p{color:var(--muted);line-height:1.7}.risk-meter{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;font-size:11px}.risk-meter>div{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.risk-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--warn),var(--danger));transition:.35s}
.ethics-court{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}.case-file{padding:22px;border-radius:20px;background:linear-gradient(135deg,#17202f,#263950);color:#fff;min-height:220px}.case-stamp{display:inline-flex;border:1px solid rgba(255,255,255,.24);padding:5px 8px;border-radius:8px;font-size:9px;letter-spacing:.15em}.case-file h4{font-size:21px;line-height:1.55}.case-file p{color:#cbd6e1;line-height:1.7}.ethics-lenses{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ethics-lens{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:17px;min-height:100px;padding:12px;display:grid;place-items:center;gap:5px}.ethics-lens span{font-size:25px}.ethics-lens.active{border-color:var(--teal);background:rgba(10,167,160,.06)}.verdict-box{grid-column:1/-1;padding:17px;border-radius:16px;background:rgba(10,167,160,.06);border:1px solid rgba(10,167,160,.18)}.verdict-box p{margin:0 0 10px}.verdict-actions{display:flex;gap:8px;flex-wrap:wrap}.verdict-actions button{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 12px;border-radius:11px}.verdict-box strong{display:block;margin-top:10px;color:var(--teal)}
.tls-flow{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:12px;margin-bottom:20px}.tls-node{height:110px;border-radius:22px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:28px}.tls-node b{font-size:11px}.tls-line{height:4px;background:linear-gradient(90deg,var(--teal),#558edb);border-radius:999px;position:relative}.tls-line i{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid var(--teal);box-shadow:0 0 0 6px rgba(10,167,160,.1);transition:.35s}.tls-step-card{max-width:760px;margin:auto;padding:20px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.step-counter{font-size:10px;color:var(--teal);font-weight:900}.tls-step-card h4{font-size:21px;margin:8px 0}.tls-step-card p{color:var(--muted);line-height:1.75}.tls-step-card .lab-actions{justify-content:flex-end}
.secure-network{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;gap:8px}.net-zone{min-height:120px;border-radius:20px;display:grid;place-items:center;text-align:center;padding:14px;background:var(--card);border:1px solid var(--line);font-weight:900}.net-zone small{font-weight:500;color:var(--muted)}.net-zone.dmz{background:rgba(217,144,47,.08);border-color:rgba(217,144,47,.3)}.net-zone.internal{background:rgba(22,135,92,.07);border-color:rgba(22,135,92,.25)}.net-wall{width:44px;height:88px;border-radius:10px;background:repeating-linear-gradient(0deg,#c9d4dc 0 7px,#fff 7px 12px);border:1px solid var(--line);font-size:0}.defense-controls{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.defense-controls .active{background:var(--teal);color:#fff;border-color:var(--teal)}.attack-meter{padding:16px;border-radius:15px;background:rgba(200,70,85,.045)}.attack-meter>div:first-child{display:flex;justify-content:space-between}.meter-track{height:9px;background:var(--line);border-radius:999px;overflow:hidden;margin:9px 0}.meter-track i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--warn),var(--danger));transition:.35s}.attack-meter p{margin:0;color:var(--muted);font-size:11px}
.incident-alert{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;background:rgba(200,70,85,.07);border:1px solid rgba(200,70,85,.16)}.incident-alert>span{font-size:30px}.incident-alert b{display:block}.incident-alert p{margin:4px 0 0;color:var(--muted);font-size:11px}.incident-pool{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.incident-pool button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px 12px}.incident-pool button:disabled{opacity:.35}.incident-sequence{min-height:72px;border:1px dashed var(--line);border-radius:16px;padding:12px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.incident-sequence span{background:var(--card);border:1px solid var(--line);padding:7px 9px;border-radius:9px;font-size:10px}
.xray-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.xray-actions button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px 12px}.layer-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.layer{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--card);position:relative}.layer span{display:block;font-size:10px;color:var(--teal);font-weight:900}.layer b{display:block;font-size:18px;margin:7px 0}.layer p{color:var(--muted);font-size:11px;margin:0}.layer.active{border-color:var(--teal);box-shadow:0 0 0 4px rgba(10,167,160,.08),0 18px 34px rgba(7,27,54,.08);transform:translateY(-3px)}.xray-result{margin-top:14px;padding:14px;border-radius:13px;background:rgba(10,167,160,.07);line-height:1.7;font-size:12px}
.request-builder{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.request-builder label{display:block;font-size:10px;color:var(--muted);font-weight:800;margin-bottom:6px}.method-toggle{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.method-toggle button{flex:1;border:0;background:var(--card);color:var(--muted);min-height:44px}.method-toggle button.active{background:var(--navy);color:#fff}.request-builder select{width:100%;min-height:44px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:0 10px}.http-console{margin-top:17px;background:#051526;color:#c6f8ee;border-radius:18px;padding:20px;font-family:Consolas,monospace;overflow:auto}.http-console>div:first-child{color:#8cece3}.http-arrow{margin:8px 0;color:#6a91b4}.http-status{font-size:18px;font-weight:900}.http-console pre{margin:10px 0 0;color:#a8c0d6;white-space:pre-wrap}
.frontend-switches{display:flex;gap:8px}.frontend-switches button{border:1px solid var(--line);background:var(--card);color:var(--muted);padding:10px 14px;border-radius:12px}.frontend-switches button.active{background:#092948;color:#fff;border-color:#092948}.frontend-workbench{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:16px}.code-mini{border-radius:18px;background:#06172b;color:#81e5d9;min-height:180px;padding:20px;font-family:Consolas,monospace}.preview-mini{border:1px solid var(--line);background:var(--card);border-radius:18px;min-height:180px;padding:22px}.preview-mini.styled{background:linear-gradient(135deg,#fff,#eefafa);border-color:#c5e9e6}.dark .preview-mini.styled{background:linear-gradient(135deg,#0c1d31,#0c3336)}.preview-mini h4{font-size:22px;margin:0 0 8px}.preview-mini button{border:0;background:#999;color:#fff;border-radius:4px;padding:8px 10px}.preview-mini.styled button{background:var(--teal);border-radius:12px}.preview-mini small{margin-inline-start:10px}.preview-mini.no-html p,.preview-mini.no-html button,.preview-mini.no-html small{display:none}
.media-brief{padding:18px;border-radius:16px;background:rgba(10,167,160,.06)}.media-brief h4{font-size:19px;line-height:1.6;margin:7px 0}.media-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.media-options button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px;min-height:100px;display:grid;place-items:center;gap:5px}.media-options span{font-size:28px}.media-options button.active{border-color:var(--teal);background:rgba(10,167,160,.07)}.media-plan{padding:14px;border-radius:13px;background:var(--bg);line-height:1.7;font-size:12px}
.persona-mini{display:flex;gap:12px;align-items:center;padding:15px;border-radius:16px;background:rgba(10,167,160,.06)}.persona-mini>span{font-size:31px}.persona-mini p{margin:4px 0 0;color:var(--muted);font-size:11px}.ux-canvas{margin-top:14px;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:grid;grid-template-columns:1fr 1fr;gap:12px}.ux-problem{border:1px dashed var(--danger);padding:12px;border-radius:10px;background:transparent;color:var(--ink);position:relative}.ux-problem.low-contrast{color:#cfd6dc}.ux-problem.misaligned{margin-inline-start:45px}.ux-problem.crowded{word-spacing:-4px;line-height:1}.ux-problem.inconsistent{font-family:serif;font-size:21px}.ux-problem.fixed{border-color:var(--ok);background:rgba(22,135,92,.08);color:var(--ink);margin-inline-start:0;word-spacing:normal;line-height:1.5;font-family:inherit;font-size:14px}.ux-score{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:10px;font-size:11px;color:var(--muted)}.ux-score b{color:var(--teal);font-size:16px}
.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.analytics-kpis>div{padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.analytics-kpis span{font-size:10px;color:var(--muted)}.analytics-kpis b{display:block;font-size:23px;margin-top:5px}.analytics-kpis small{color:var(--ok)}.analytics-kpis small.down{color:var(--danger)}.evidence-choice{margin-top:16px}.evidence-choice p{font-weight:700}.evidence-choice button{display:block;width:100%;text-align:start;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:12px;margin-top:7px}.evidence-choice button.correct{border-color:var(--ok);background:rgba(22,135,92,.07)}.evidence-choice button.wrong{border-color:var(--danger);background:rgba(200,70,85,.06)}.analytics-insight{min-height:24px;margin-top:10px;color:var(--muted);font-size:12px;line-height:1.7}
.pdca-wheel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pdca-wheel button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:15px;padding:13px;font-weight:900}.pdca-wheel button.active{background:var(--teal);color:#fff;border-color:var(--teal)}.pdca-copy{padding:18px 4px}.pdca-copy h4{font-size:20px;margin:0 0 7px}.pdca-copy p{color:var(--muted);line-height:1.7}.ab-sim{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.ab-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--card)}.ab-card span{font-size:10px;color:var(--muted)}.ab-card b{display:block;margin:5px 0}.ab-card strong{font-size:24px}.ab-card.winner{border-color:rgba(10,167,160,.45);background:rgba(10,167,160,.06)}
.deep-cards .deep-card{padding:24px;position:relative;overflow:hidden}.deep-icon{position:absolute;inset-inline-end:18px;top:12px;font-size:62px;font-weight:900;color:rgba(10,167,160,.08)}.deep-card h3{font-size:18px;line-height:1.7;margin:10px 0}.deep-card p{color:var(--muted);line-height:1.7;font-size:12px}.whatif-card{background:linear-gradient(135deg,var(--card),rgba(217,144,47,.055))}.why-card{background:linear-gradient(135deg,var(--card),rgba(10,167,160,.055))}
.compare-board{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch;gap:10px}.compare-side{padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--card);position:relative}.compare-tag{width:29px;height:29px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.compare-side h4{font-size:21px;margin:12px 0 8px}.compare-side p{color:var(--muted);line-height:1.75}.compare-vs{display:grid;place-items:center;color:var(--teal);font-weight:900;font-size:12px}
.deep-check{padding:26px;border:1px solid rgba(10,167,160,.25);background:linear-gradient(145deg,var(--card),rgba(10,167,160,.045))}.deep-check-head{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:20px}.deep-check h2{font-size:22px;line-height:1.6;margin:7px 0}.confidence-bubble{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(10,167,160,.28);background:rgba(10,167,160,.06)}.confidence-bubble b{font-size:22px}.confidence-bubble span{display:block;font-size:9px;color:var(--muted)}.confidence-line{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;align-items:center;margin:18px 0;color:var(--muted);font-size:11px}.confidence-line input,.confidence-field input{width:100%;accent-color:var(--teal)}.deep-options{display:grid;gap:8px}.deep-options button{border:1px solid var(--line);background:var(--card);color:var(--ink);text-align:start;border-radius:14px;padding:13px 14px;min-height:48px}.deep-options button:hover,.deep-options button.selected{border-color:var(--teal)}.deep-options button.correct{border-color:var(--ok);background:rgba(22,135,92,.08)}.deep-options button.wrong{border-color:var(--danger);background:rgba(200,70,85,.07)}.deep-result{min-height:26px;margin-top:11px;color:var(--muted);line-height:1.7;font-size:12px}
.self-assessment{padding:24px}.self-levels{display:grid;gap:7px;margin:14px 0}.self-levels button{border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:46px;border-radius:13px;text-align:start;padding:8px 11px;display:flex;align-items:center;gap:10px}.self-levels button span{width:27px;height:27px;border-radius:9px;background:var(--bg);display:grid;place-items:center;font-size:10px;font-weight:900}.self-levels button.active{border-color:var(--teal);background:rgba(10,167,160,.06)}.self-levels button.active span{background:var(--teal);color:#fff}.confidence-field{display:grid;gap:8px;margin:14px 0;color:var(--muted);font-size:11px}.confidence-field b{color:var(--teal)}.self-assessment textarea{margin-bottom:12px}.mastery-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.mastery-ladder>div{text-align:center;padding:12px 6px;border-radius:14px;background:var(--bg);color:var(--muted)}.mastery-ladder span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--card);border:1px solid var(--line);font-size:10px}.mastery-ladder b{display:block;font-size:10px;margin-top:6px}.mastery-ladder .done{background:rgba(22,135,92,.08);color:var(--ok)}.mastery-ladder .done span{background:var(--ok);color:#fff;border-color:var(--ok)}
.challenge-cta{align-items:center}.challenge-cta:hover{border-color:var(--teal)}

/* ===== V2 · Challenge Arena ===== */
.challenge-hero{border-radius:30px;background:linear-gradient(135deg,#071b36 0%,#103a58 60%,#0a736f 120%);color:#fff;padding:34px;min-height:260px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.challenge-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(77,232,220,.17);border-radius:50%;inset-inline-end:-90px;top:-160px;box-shadow:0 0 0 48px rgba(77,232,220,.025),0 0 0 96px rgba(77,232,220,.018)}.challenge-hero>div{position:relative;z-index:2}.challenge-hero h2{font-size:31px;line-height:1.3;margin:10px 0}.challenge-hero p{color:#c5d8e7;line-height:1.8;max-width:760px}.challenge-trophy,.my-rank-orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:48px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);z-index:2}.challenge-trophy span,.my-rank-orb small{display:block;font-size:10px;letter-spacing:.16em;color:#99ebe4;font-weight:900}.my-rank-orb span{font-size:42px;font-weight:900}.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.challenge-card{padding:20px;display:flex;flex-direction:column}.challenge-card.live{border-color:rgba(10,167,160,.3)}.challenge-card.closed{opacity:.76}.challenge-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.challenge-live{font-size:9px;letter-spacing:.1em;color:var(--teal);font-weight:900}.challenge-card h3{font-size:18px;line-height:1.45;margin:13px 0 7px}.challenge-card p{color:var(--muted);line-height:1.65;font-size:11px;flex:1}.challenge-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin:9px 0 13px}.challenge-result-mini{display:flex;justify-content:space-between;gap:10px;background:var(--bg);padding:10px;border-radius:11px;margin-bottom:10px}.challenge-result-mini b{color:var(--teal)}.challenge-result-mini span{font-size:10px;color:var(--muted)}.challenge-card .btn{text-align:center}.challenge-rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.challenge-rules span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:7px 9px;border-radius:999px;font-size:10px}.challenge-form{display:grid;gap:12px}.ranked-question{padding:22px}.ranked-question-head{display:grid;grid-template-columns:45px minmax(0,1fr);gap:14px;align-items:start}.ranked-question-head>span{width:42px;height:42px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.ranked-question-head small{color:var(--teal);font-size:9px;font-weight:900;letter-spacing:.1em}.ranked-question-head h3{font-size:18px;line-height:1.6;margin:6px 0 0}.ranked-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.ranked-options label{position:relative}.ranked-options input{position:absolute;opacity:0;pointer-events:none}.ranked-options span{display:block;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--card);min-height:48px;line-height:1.55;font-size:12px}.ranked-options input:checked+span{border-color:var(--teal);background:rgba(10,167,160,.07);box-shadow:0 0 0 3px rgba(10,167,160,.07)}.challenge-submit-bar{position:sticky;bottom:86px;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;padding:13px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:0 16px 44px rgba(7,27,54,.12)}.dark .challenge-submit-bar{background:rgba(10,29,48,.96)}.challenge-submit-bar b{display:block}.challenge-submit-bar span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-item{padding:18px;position:relative}.review-item>span{position:absolute;inset-inline-end:12px;top:10px;color:rgba(10,167,160,.15);font-size:34px;font-weight:900}.review-item h4{font-size:14px;line-height:1.65;padding-inline-end:34px}.review-item b{display:block;color:var(--ok);font-size:12px}.review-item p{color:var(--muted);line-height:1.65;font-size:11px}.leaderboard-card{overflow:hidden}.leader-row{display:grid;grid-template-columns:58px 42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.leader-row:last-child{border-bottom:0}.leader-row.me{background:rgba(10,167,160,.07);box-shadow:inset 3px 0 0 var(--teal)}[dir=rtl] .leader-row.me{box-shadow:inset -3px 0 0 var(--teal)}.leader-pos{font-weight:900;color:var(--muted);text-align:center}.leader-avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#092846,#0d807c);color:#fff;font-weight:900}.leader-name b{display:block;font-size:12px}.leader-name small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.leader-row strong{font-size:13px}.leaderboard-card.large .leader-row{min-height:66px}.play-hero{margin-bottom:0}.lab-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-directory-card{padding:16px;display:grid;grid-template-columns:58px minmax(0,1fr) 24px;gap:12px;align-items:center}.lab-dir-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:25px;background:linear-gradient(135deg,#092846,#0c6f70)}.lab-directory-card small{color:var(--teal);font-weight:900}.lab-directory-card h3{margin:4px 0;font-size:15px}.lab-directory-card p{margin:0;color:var(--muted);font-size:10px}.lab-directory-card>b{color:var(--teal);font-size:18px}.feature-game{padding:21px}.feature-game>span{font-size:30px}.feature-game h3{margin:10px 0 5px}.feature-game p{color:var(--muted);font-size:11px;line-height:1.7}.dashboard-challenge{padding:18px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;border-color:rgba(10,167,160,.28);background:linear-gradient(135deg,var(--card),rgba(10,167,160,.055))}.challenge-pulse{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#092846;color:#fff;font-size:23px;box-shadow:0 0 0 0 rgba(10,167,160,.25);animation:challengePulse 2.4s infinite}.dashboard-challenge h3{margin:5px 0}.dashboard-challenge p{margin:0;color:var(--muted);font-size:11px}.dashboard-challenge-meta{text-align:center}.dashboard-challenge-meta b{display:block;font-size:20px}.dashboard-challenge-meta span{display:block;font-size:9px;color:var(--muted)}.dashboard-challenge-meta strong{display:block;color:var(--teal);font-size:20px;margin-top:4px}@keyframes challengePulse{70%{box-shadow:0 0 0 13px rgba(10,167,160,0)}100%{box-shadow:0 0 0 0 rgba(10,167,160,0)}}
.map-hero{background:linear-gradient(135deg,#071b36,#0a3f5a 63%,#097771)}.map-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;color:#c7d8e7;font-size:10px}.world-unit{overflow:hidden}.world-unit .unit-head{position:relative}.unit-world-tag{display:inline-block;font-size:9px;letter-spacing:.15em;color:var(--teal);font-weight:900;margin-bottom:5px}.experience-item{grid-template-columns:52px minmax(0,1fr) auto}.experience-item .lesson-index{font-size:24px;background:linear-gradient(135deg,#071b36,#0c7170);color:#fff}.experience-item small{font-size:9px;color:var(--teal);font-weight:800}.lesson-micro-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.lesson-micro-tags span{font-size:8px;padding:4px 6px;border-radius:999px;background:var(--bg);color:var(--muted)}.experience-item .lesson-status{display:grid;gap:4px;text-align:end}.experience-item .lesson-status b{font-size:9px;color:var(--teal)}

@media(max-width:1180px){.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-map{grid-template-columns:repeat(3,1fr)}.timeline-controls{grid-template-columns:repeat(3,1fr)}.lab-directory{grid-template-columns:1fr}.experience-hero{grid-template-columns:minmax(0,1fr) 150px}.experience-hero-orb{width:135px;height:135px}}
@media(max-width:900px){.experience-nav{top:5px;overflow:auto;grid-template-columns:repeat(5,minmax(100px,1fr));scrollbar-width:none}.experience-nav::-webkit-scrollbar{display:none}.challenge-submit-bar{bottom:78px}.challenge-hero{grid-template-columns:1fr 130px}.challenge-trophy,.my-rank-orb{width:120px;height:120px}.ethics-court{grid-template-columns:1fr}.timeline-stage{grid-template-columns:130px 1fr}.timeline-orbit{width:125px;height:125px}.secure-network{grid-template-columns:1fr 38px 1fr 38px 1fr}.net-wall{width:34px}.request-builder{grid-template-columns:1fr 1fr}.request-builder>.btn{grid-column:1/-1}.frontend-workbench{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}}
@media(max-width:640px){.lang-switch{padding:2px}.lang-switch button{min-width:32px;height:32px;font-size:11px}.top-actions{gap:6px}.experience-hero{grid-template-columns:1fr;padding:23px;min-height:auto}.experience-hero h2{font-size:26px}.experience-hero-orb{position:absolute;inset-inline-end:16px;top:17px;width:72px;height:72px;opacity:.42}.experience-hero-orb span{font-size:29px}.experience-hero-orb small{display:none}.experience-hero-copy{padding-top:42px}.experience-progress{grid-column:1}.experience-nav{margin-inline:-2px}.experience-nav a{font-size:9px;min-height:40px}.immersive-scene{grid-template-columns:1fr;padding:20px}.scene-icon{width:58px;height:58px;font-size:27px}.immersive-scene h3{font-size:17px}.timeline-controls{display:flex;overflow:auto;padding-bottom:3px}.timeline-controls .lab-chip{min-width:130px}.timeline-stage{grid-template-columns:1fr}.timeline-orbit{width:100px;height:100px}.timeline-stage h4{font-size:20px}.family-rings{display:grid;grid-template-columns:repeat(2,1fr)}.family-ring{width:100%;height:100px}.city-map{grid-template-columns:repeat(2,1fr)}.city-place{min-height:98px}.risk-meter{grid-template-columns:1fr}.ethics-lenses{grid-template-columns:1fr 1fr}.tls-flow{grid-template-columns:80px 1fr 80px}.tls-node{height:86px;font-size:23px}.secure-network{display:flex;overflow:auto;align-items:center;padding-bottom:4px}.net-zone{min-width:125px;min-height:105px}.net-wall{min-width:34px}.layer-stack{grid-template-columns:1fr}.request-builder{grid-template-columns:1fr}.request-builder>.btn{grid-column:auto}.media-options{grid-template-columns:repeat(2,1fr)}.ux-canvas{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-kpis>div:last-child{grid-column:1/-1}.pdca-wheel{grid-template-columns:repeat(2,1fr)}.ab-sim{grid-template-columns:1fr 1fr}.ab-sim>.btn{grid-column:1/-1}.compare-board{grid-template-columns:1fr}.compare-vs{height:25px}.deep-check{padding:20px}.deep-check-head{grid-template-columns:1fr}.confidence-bubble{width:76px;height:76px}.confidence-line{grid-template-columns:1fr}.mastery-ladder{grid-template-columns:repeat(2,1fr)}.challenge-hero{grid-template-columns:1fr;padding:24px}.challenge-hero h2{font-size:25px}.challenge-trophy,.my-rank-orb{display:none}.challenge-grid{grid-template-columns:1fr}.ranked-options{grid-template-columns:1fr}.challenge-submit-bar{display:grid;bottom:75px}.challenge-submit-bar .btn{width:100%}.leader-row{grid-template-columns:44px 38px minmax(0,1fr);padding:10px}.leader-row>strong{grid-column:3;text-align:start;color:var(--teal)}.lab-directory-card{grid-template-columns:50px minmax(0,1fr) 18px}.lab-dir-icon{width:48px;height:48px}.dashboard-challenge{grid-template-columns:48px minmax(0,1fr)}.challenge-pulse{width:46px;height:46px}.dashboard-challenge-meta{grid-column:2;text-align:start;display:flex;gap:6px;align-items:center}.dashboard-challenge-meta b,.dashboard-challenge-meta span,.dashboard-challenge-meta strong{display:inline;margin:0}.experience-item{grid-template-columns:45px minmax(0,1fr)}.experience-item .lesson-status{grid-column:2;display:flex;justify-content:space-between}.experience-lab{padding:18px}}
@media(prefers-reduced-motion:reduce){.challenge-pulse{animation:none}}

/* ===== V3.1 Teacher Control + Public Landing ===== */
.public-home{background:#06172f;color:#eef8ff}.public-shell{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(33,198,188,.18),transparent 28%),linear-gradient(180deg,#06172f 0%,#081d36 58%,#f4f8fb 58%,#f4f8fb 100%)}.public-nav{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.public-brand{display:flex;align-items:center;gap:12px;color:#fff}.public-brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:17px;padding:4px}.public-brand strong{display:block;font-size:16px}.public-brand span{display:block;color:#84ddd6;font-size:11px;margin-top:3px}.public-actions{display:flex;gap:9px;flex-wrap:wrap}.public-actions .btn-outline{border-color:rgba(255,255,255,.2);color:#fff}.public-hero{max-width:1240px;margin:8px auto 0;padding:44px 24px 68px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:42px;align-items:center;position:relative}.public-hero:before{content:"";position:absolute;inset:10% 0 auto;width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(33,198,188,.45),transparent)}.public-kicker{color:#6fe5dd;font-size:11px;font-weight:900;letter-spacing:.16em}.public-hero h1{font-size:clamp(39px,5vw,70px);line-height:1.08;margin:16px 0 18px;color:#fff;letter-spacing:-.035em}.public-hero h1 em{font-style:normal;color:#6fe5dd}.public-hero p{color:#bed3e3;font-size:16px;line-height:1.9;max-width:690px}.public-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.public-trust{display:flex;gap:15px;flex-wrap:wrap;color:#90b0c5;font-size:10px;margin-top:26px}.teacher-stage{position:relative;min-height:430px;display:grid;place-items:end center}.teacher-stage img{position:relative;z-index:3;max-height:430px;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(0,0,0,.35));border-radius:32px}.teacher-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(33,198,188,.22),rgba(33,198,188,.04) 45%,transparent 70%);border:1px solid rgba(83,222,213,.18);box-shadow:0 0 0 42px rgba(33,198,188,.025),0 0 0 84px rgba(33,198,188,.012);top:18px}.teacher-signature{position:absolute;z-index:5;inset-inline-start:8px;bottom:12px;background:rgba(5,20,38,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.13);padding:14px 17px;border-radius:19px;min-width:200px}.teacher-signature small{display:block;color:#84ddd6}.teacher-signature strong{display:block;color:#fff;font-size:20px;margin-top:4px}.teacher-signature span{display:block;color:#a6bfd1;font-size:11px;margin-top:2px}.floating-code{position:absolute;z-index:4;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:rgba(11,49,76,.88);border:1px solid rgba(111,229,221,.2);color:#70e1d9;font:bold 18px ui-monospace,monospace;box-shadow:0 16px 35px rgba(0,0,0,.22)}.floating-code.c1{top:45px;inset-inline-start:5px}.floating-code.c2{top:110px;inset-inline-end:0}.floating-code.c3{bottom:75px;inset-inline-end:20px}.public-worlds{max-width:1180px;margin:-30px auto 0;position:relative;z-index:7;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px}.public-worlds article{background:#fff;color:#11233a;border:1px solid #dce8ef;border-radius:22px;padding:20px;box-shadow:0 18px 44px rgba(4,24,44,.13)}.public-worlds article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#071b36;color:#67e2d9;font-weight:900}.public-worlds b{display:block;font-size:17px;margin:14px 0 6px}.public-worlds p{margin:0;color:#6e7c8f;font-size:11px;line-height:1.6}.public-section{max-width:1180px;margin:58px auto;padding:0 20px;color:#11233a}.public-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.public-section-head span{color:#0aa7a0;font-weight:900;font-size:10px;letter-spacing:.14em}.public-section-head h2{font-size:31px;margin:7px 0 0}.public-section-head p{color:#6e7c8f;line-height:1.7}.public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-feature-grid article{background:#fff;border:1px solid #dbe5ec;border-radius:22px;padding:22px;box-shadow:0 8px 25px rgba(7,27,54,.06)}.public-feature-grid i{font-style:normal;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eaf8f7;color:#087c76;font-size:20px}.public-feature-grid b{display:block;margin:14px 0 7px}.public-feature-grid p{margin:0;color:#6e7c8f;font-size:12px;line-height:1.7}.merit-stage{background:linear-gradient(135deg,#071b36,#0b4d61);max-width:1180px;padding:28px;border-radius:30px;color:#fff}.merit-stage .public-section-head h2{color:#fff}.merit-stage .public-section-head p{color:#bcd2df}.public-top10{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.public-rank{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:15px;padding:11px 13px}.public-rank b{color:#78e5de}.public-rank span{font-weight:700}.public-rank strong{font-size:12px;color:#a4eee9}.public-cta{max-width:1180px;margin:58px auto;padding:28px 30px;border-radius:28px;background:#fff;color:#11233a;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 40px rgba(7,27,54,.09)}.public-cta span{color:#0aa7a0;font-size:11px;font-weight:900}.public-cta h2{margin:6px 0 0}.public-footer{max-width:1180px;margin:30px auto 0;padding:24px 20px 40px;color:#63798d;display:flex;align-items:center;gap:10px}.public-footer img{width:34px;height:34px;object-fit:contain}.admin-tabs{overflow:auto;white-space:nowrap}.admin-command-hero{background:linear-gradient(135deg,#06172f,#093a5a 58%,#087772)}.control-card,.admin-form-card,.score-philosophy{padding:20px}.mini-leaderboard{display:grid;gap:7px}.mini-leader{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border-radius:12px;background:var(--bg)}.mini-leader b{color:var(--teal)}.mini-leader strong{font-size:12px}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:start;font-size:12px}th{background:var(--bg);font-size:10px;text-transform:uppercase;color:var(--muted)}td small{display:block;color:var(--muted);margin-top:3px}.stack-form{display:grid;gap:10px}.check-row{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.release-unit{margin-top:14px;overflow:hidden}.lesson-release-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.lesson-release-row:last-child{border-bottom:0}.lesson-release-row h4{margin:0}.lesson-release-row p{margin:4px 0 0;color:var(--muted);font-size:10px}.admin-activity-list{display:grid;gap:10px}.admin-activity-row{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.admin-activity-row h3{margin:6px 0}.admin-activity-row p{margin:0;color:var(--muted);font-size:10px}.activity-state,.activity-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.activity-actions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.moderation-card{padding:18px;margin-bottom:10px}.moderation-card p{line-height:1.85}.moderation-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.moderation-head b,.moderation-head span{display:block}.moderation-head span{font-size:10px;color:var(--muted);margin-top:4px}.grade-form{display:grid;grid-template-columns:100px 100px minmax(160px,1fr) minmax(160px,1fr) 130px auto;gap:7px;align-items:center}.grade-form.compact{grid-template-columns:90px 120px auto auto}.score-rule{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.score-rule:last-child{border-bottom:0}.score-rule b{color:var(--teal)}.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.signal-grid div{padding:14px;border-radius:15px;background:var(--bg)}.signal-grid b{font-size:22px;display:block}.signal-grid span{color:var(--muted);font-size:10px}.padded-head{padding:17px 17px 0}.community-topic-hero,.community-hero{background:linear-gradient(135deg,#071b36,#0a4660 66%,#087d77)}.reply-card{padding:17px}.reply-card.featured,.discussion-card.featured{border-color:rgba(10,167,160,.4);box-shadow:0 0 0 3px rgba(10,167,160,.05)}.muted-note{color:var(--muted);font-size:11px}.discussion-card{display:block;margin-bottom:10px}.discussion-card:hover{border-color:rgba(10,167,160,.45)}
@media(max-width:980px){.public-hero{grid-template-columns:1fr 320px}.public-worlds{grid-template-columns:repeat(2,1fr)}.public-feature-grid{grid-template-columns:repeat(2,1fr)}.grade-form{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-release-row{grid-template-columns:44px minmax(0,1fr) auto}.lesson-release-row form{grid-column:2/-1}.admin-activity-row{grid-template-columns:1fr}.activity-state{justify-content:flex-start}}
@media(max-width:700px){.public-shell{background:linear-gradient(180deg,#06172f 0%,#081d36 48%,#f4f8fb 48%,#f4f8fb 100%)}.public-nav{padding:13px 15px}.public-brand img{width:46px;height:46px}.public-brand strong{font-size:13px}.public-brand span{font-size:9px}.public-actions .btn:first-child{display:none}.public-hero{grid-template-columns:1fr;padding:30px 16px 52px}.public-hero h1{font-size:40px}.teacher-stage{min-height:310px}.teacher-stage img{max-height:315px}.teacher-halo{width:260px;height:260px}.teacher-signature{inset-inline-start:0;bottom:0}.floating-code{width:48px;height:48px;border-radius:15px;font-size:14px}.public-worlds{grid-template-columns:1fr 1fr;margin-top:-18px;padding:0 14px}.public-worlds article{padding:15px}.public-worlds p{font-size:10px}.public-feature-grid{grid-template-columns:1fr}.public-top10{grid-template-columns:1fr}.public-section{margin:38px auto;padding:0 14px}.merit-stage{margin-inline:14px;padding:20px}.public-cta{margin:38px 14px;display:grid;padding:22px}.public-footer{padding-inline:15px}.lesson-release-row{grid-template-columns:42px minmax(0,1fr)}.lesson-release-row>.status{grid-column:2}.lesson-release-row form{grid-column:2}.grade-form,.grade-form.compact{grid-template-columns:1fr}.admin-activity-row{padding:14px}.activity-actions{justify-content:flex-start}.signal-grid{grid-template-columns:1fr 1fr}}
.rank-chip-global{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#071b36,#0a6868);color:#fff;border-radius:14px;padding:8px 11px;min-height:42px}.rank-chip-global b{color:#6fe5dd;font-size:13px}.rank-chip-global span{font-size:10px;color:#d8eff1}@media(max-width:640px){.rank-chip-global span{display:none}.rank-chip-global{padding:8px 10px}.profile-chip{display:none}}
/* ===== V4 Control Center, notifications, student 360, share cards ===== */
.nav-link{position:relative}.nav-count{margin-inline-start:auto;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#ffce68;color:#132840;font-style:normal;font-size:10px;font-weight:900;padding:0 6px}.admin-mobile-tabs{display:none}.admin-command-orb{position:relative;z-index:2;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,rgba(123,242,233,.36),rgba(14,127,126,.20) 45%,rgba(3,20,39,.22) 72%);border:1px solid rgba(142,238,231,.28);box-shadow:0 0 0 18px rgba(93,223,214,.045)}.admin-command-orb b{font-size:52px;line-height:1;color:#79eee5}.admin-command-orb span{display:block;font-size:11px;color:#d7e7ee;max-width:100px}.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.admin-quick-grid a{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);background:var(--bg);border-radius:15px}.admin-quick-grid svg{width:22px;height:22px;fill:none;stroke:var(--teal);stroke-width:1.8}.admin-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px auto;gap:8px;margin-bottom:12px}.row-actions{display:flex;flex-wrap:wrap;gap:5px}.btn.small{padding:7px 10px;min-height:34px;font-size:10px}.btn-danger{background:#fff0f2;color:#a72e42;border:1px solid #ffd1d9}.dark .btn-danger{background:#3b1620;color:#ffb7c3;border-color:#63303b}.table-sub{white-space:nowrap}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.status-pill.approved{background:#e7f7ef;color:#13744e}.status-pill.pending{background:#fff5dc;color:#9b6a13}.status-pill.suspended{background:#ffe9ed;color:#a73245}.curriculum-admin-unit{padding:18px;margin-bottom:12px}.lesson-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-radius:16px;border:1px solid var(--line);background:var(--bg)}.lesson-control.open{border-color:rgba(10,167,160,.35);background:rgba(10,167,160,.06)}.lesson-control b,.lesson-control small{display:block}.lesson-control small{font-size:10px;color:var(--muted);margin-top:4px}.quick-bonus-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.quick-bonus-row>span{font-size:10px;color:var(--muted);font-weight:800}.bonus-tap{border:1px solid rgba(10,167,160,.30);background:#e9f9f7;color:#087b76;border-radius:999px;padding:6px 10px;font-weight:900;font-size:10px}.bonus-tap:active{transform:scale(.96)}.dark .bonus-tap{background:#103e42;color:#82eee6}.broadcast-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 16px;padding:11px 14px;border-radius:16px;border:1px solid rgba(10,167,160,.22);background:linear-gradient(90deg,#e9f9f7,#f6fcfc);color:#123451}.broadcast-bar span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.broadcast-bar.urgent{background:linear-gradient(90deg,#fff0f2,#fff7e8);border-color:#ffc2cb}.dark .broadcast-bar{background:#0e2d36;color:#eaf8f7}.notification-chip{width:42px;height:42px;border:1px solid var(--line);background:var(--card);border-radius:14px;display:grid;place-items:center;position:relative}.notification-chip em{position:absolute;inset-inline-end:-5px;top:-5px;min-width:20px;height:20px;border-radius:999px;background:#e65063;color:#fff;font-style:normal;font-size:9px;font-weight:900;display:grid;place-items:center;padding:0 5px}.notification-chip.has-unread{box-shadow:0 0 0 4px rgba(230,80,99,.08)}.announcement-stack{display:grid;gap:8px}.announcement-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.announcement-card h3{margin:6px 0 4px}.announcement-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.announcement-card.urgent{border-color:#ffbec9;background:#fff6f7}.announcement-card.important{border-color:rgba(10,167,160,.28)}.dark .announcement-card.urgent{background:#301820}.notification-list{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px}.notification-item.unread{border-color:rgba(10,167,160,.38);box-shadow:inset 4px 0 0 var(--teal)}[dir=rtl] .notification-item.unread{box-shadow:inset -4px 0 0 var(--teal)}.notification-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:var(--bg);font-size:20px}.notification-copy b{display:block}.notification-copy p{margin:5px 0;color:var(--muted);font-size:11px}.notification-copy small{color:var(--muted);font-size:9px}.notification-actions{display:flex;gap:5px;align-items:center}.student-360-hero{grid-template-columns:minmax(0,1fr) 190px}.student-360-score{position:relative;z-index:2;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}.student-360-score b{font-size:42px;color:#7cebe3}.student-360-score span,.student-360-score small{display:block}.sensitive-box{display:grid;gap:6px;margin-top:14px;padding:13px;border:1px dashed #e1b55e;border-radius:14px;background:#fff9e9;font-size:11px}.dark .sensitive-box{background:#2b2516}.whatsapp-compose{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:9px}.share-card-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.share-controls{padding:20px;position:sticky;top:18px}.share-canvas-wrap{background:#0a1930;border-radius:28px;padding:18px;display:grid;place-items:center;overflow:hidden}.share-canvas-wrap canvas{width:min(100%,720px);height:auto;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.compact-note{font-size:10px;line-height:1.6}.notification-hero{background:linear-gradient(135deg,#071b36,#0a4660 60%,#7c4b97)}
@media(max-width:1100px){.admin-filter-bar{grid-template-columns:1fr 1fr}.admin-filter-bar>button{grid-column:1/-1}.lesson-admin-grid{grid-template-columns:1fr}.share-card-layout{grid-template-columns:1fr}.share-controls{position:static}}
@media(max-width:900px){.admin-mobile-tabs{display:flex;overflow:auto;gap:6px;padding:0 0 12px;scrollbar-width:none}.admin-mobile-tabs::-webkit-scrollbar{display:none}.admin-mobile-tabs a{white-space:nowrap;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 11px;font-size:10px;color:var(--muted)}.admin-mobile-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.admin-command-orb{display:none}.student-360-hero{grid-template-columns:1fr}.student-360-score{display:none}.broadcast-bar{margin-top:0}.notification-item{grid-template-columns:42px minmax(0,1fr)}.notification-actions{grid-column:2;justify-content:flex-start}.bottom-nav+*{} }
@media(max-width:640px){.admin-filter-bar{grid-template-columns:1fr}.lesson-control{align-items:flex-start;flex-direction:column}.lesson-control form,.lesson-control .btn{width:100%}.admin-quick-grid{grid-template-columns:1fr}.announcement-card{display:grid;gap:6px}.broadcast-bar{grid-template-columns:minmax(0,1fr) auto}.broadcast-bar span{grid-column:1/-1;white-space:normal}.notification-chip{width:36px;height:36px}.notification-item{padding:12px}.share-canvas-wrap{padding:8px;border-radius:18px}}

/* ===== V4.1 refinements ===== */
.public-community-strip{margin-top:18px}.public-community-strip .public-feature-grid article{min-height:150px}.auth-panel select.form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(16px) calc(50% - 3px),calc(10px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.public-hero-copy p{max-width:760px}.teacher-stage img{object-position:center top}

/* ===== V4.2 granular roles, bonus celebrations, premium share cards ===== */
.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.permission-matrix span{padding:9px 11px;border-radius:12px;background:#eaf8f5;color:#087c76;font-size:10px;font-weight:800}.permission-matrix span.blocked{background:#fff0f2;color:#ad3147}.dark .permission-matrix span{background:#103b3a;color:#7cece3}.dark .permission-matrix span.blocked{background:#3a1821;color:#ffbac6}.staff-permission-list{display:flex;flex-wrap:wrap;gap:5px;max-width:470px}.staff-permission-list span{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:9px;color:var(--muted);white-space:nowrap}
.bonus-celebration{position:relative;overflow:hidden;min-height:300px;border-radius:30px;margin-bottom:18px;background:radial-gradient(circle at 50% 0%,rgba(255,224,136,.28),transparent 36%),linear-gradient(135deg,#071b36,#0c465c 58%,#0a7f76);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow)}.bonus-rays{position:absolute;width:600px;height:600px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.08) 0 7deg,transparent 7deg 16deg);animation:bonusSpin 30s linear infinite}.bonus-pop{position:relative;z-index:2;text-align:center;max-width:700px;padding:34px}.bonus-pop small{display:block;letter-spacing:.18em;font-weight:900;color:#9af7ee}.bonus-pop strong{display:block;font-size:84px;line-height:1;color:#ffd875;margin:9px 0;text-shadow:0 8px 28px rgba(0,0,0,.22)}.bonus-pop b{font-size:25px}.bonus-pop p{color:#d7e9ef;line-height:1.75}.bonus-pop .hero-actions{justify-content:center}.bonus-spark{position:absolute;font-size:42px;color:#ffd875;inset-inline-start:20px;top:20px;animation:bonusPulse 1.8s ease-in-out infinite}.bonus-note{border-color:rgba(216,169,57,.35);background:linear-gradient(135deg,var(--card),rgba(255,244,205,.42))}.dark .bonus-note{background:linear-gradient(135deg,var(--card),rgba(117,89,18,.18))}.notification-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.points-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.points-pill.gain{background:#e8f8ef;color:#13764f}.points-pill.loss{background:#ffecef;color:#a63246}.notification-source{display:inline-flex;margin:0 0 6px;padding:4px 8px;border-radius:999px;background:#eef7f8;color:#0a7b76;font-size:9px;font-weight:800}.dark .notification-source{background:#113538;color:#7ce8df}@keyframes bonusSpin{to{transform:rotate(360deg)}}@keyframes bonusPulse{50%{transform:scale(1.18);opacity:.65}}
.v42-share .share-controls{overflow:hidden}.share-style-grid,.share-format-grid{display:grid;gap:7px}.share-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.share-format-grid{grid-template-columns:1fr 1fr}.share-style,.share-format{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:10px 8px;font-size:10px;font-weight:800}.share-style{display:grid;justify-items:center;gap:5px}.share-style span{width:34px;height:18px;border-radius:999px;display:block;background:linear-gradient(90deg,#06172f,#08726f)}.share-style[data-theme="champion"] span{background:linear-gradient(90deg,#101828,#d2a54a)}.share-style[data-theme="neon"] span{background:linear-gradient(90deg,#21164d,#00a1a8)}.share-style.active,.share-format.active{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,167,160,.08);background:#effaf9}.dark .share-style.active,.dark .share-format.active{background:#103337}.share-safe-note{padding:10px 12px;border-radius:14px;background:#edf9f4;color:#13754f;font-size:10px;font-weight:800;margin:8px 0 14px}.share-preview-label{justify-self:start;color:#9fd8d3;font-size:10px;letter-spacing:.12em;font-weight:900;margin:2px 0 10px}.v42-share .share-canvas-wrap{align-content:start}.v42-share canvas{max-height:78vh;object-fit:contain}
@media(max-width:640px){.permission-matrix{grid-template-columns:1fr}.share-style-grid{grid-template-columns:1fr 1fr 1fr}.share-format-grid{grid-template-columns:1fr}.bonus-pop strong{font-size:68px}.bonus-pop b{font-size:20px}.bonus-celebration{min-height:280px}.v42-share canvas{max-height:none}}
@media(prefers-reduced-motion:reduce){.bonus-rays,.bonus-spark{animation:none}}

.live-bonus-toast{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0 0 14px;padding:10px 13px;border-radius:17px;background:linear-gradient(90deg,#fff8dd,#ecfbf7);border:1px solid #efd68a;box-shadow:0 8px 24px rgba(74,57,10,.08)}.live-bonus-toast>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff0b8;font-size:20px}.live-bonus-toast b{display:block;color:#8b6511}.live-bonus-toast small{display:block;color:#667787;margin-top:3px}.live-bonus-toast strong{font-size:10px;color:#087c76}.dark .live-bonus-toast{background:linear-gradient(90deg,#352b12,#103a36);border-color:#705d26}.dark .live-bonus-toast small{color:#b4c4cf}@media(max-width:640px){.live-bonus-toast{grid-template-columns:42px minmax(0,1fr)}.live-bonus-toast strong{grid-column:2}}

/* ===== V5 Book Intelligence + frictionless registration ===== */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-control.invalid{border-color:#d84e61!important;box-shadow:0 0 0 3px rgba(216,78,97,.08)}.field-error{margin-top:6px;color:#b63749;font-size:11px;font-weight:700;line-height:1.5}.book-intelligence{scroll-margin-top:20px}.book-pack-hero{padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:18px;align-items:center;background:linear-gradient(135deg,#071b36,#0c4560 62%,#0a7977);color:#fff;overflow:hidden;position:relative}.book-pack-hero:after{content:'10×4';position:absolute;inset-inline-end:145px;bottom:-22px;font:900 72px/1 ui-monospace,monospace;color:rgba(255,255,255,.045)}.book-pack-hero h2{margin:7px 0;font-size:25px}.book-pack-hero p{margin:0;color:#d1e3eb;line-height:1.7;font-size:12px}.book-pack-score{position:relative;z-index:2;background:rgba(3,20,39,.32);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:16px;text-align:center}.book-pack-score span,.book-pack-score small{display:block;color:#aee8e5;font-size:10px;font-weight:800}.book-pack-score b{display:block;font-size:28px;margin:5px 0}.book-tabs{display:flex;gap:7px;overflow:auto;padding:13px 0 4px;scrollbar-width:none}.book-tabs::-webkit-scrollbar{display:none}.book-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:9px 13px;font-weight:800;font-size:11px}.book-tabs button b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--bg);margin-inline-start:4px}.book-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.book-tabs button.active b{background:rgba(255,255,255,.15)}.book-panel{margin-top:12px}.didyou-grid,.definition-grid,.mistake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.didyou-card,.definition-card,.mistake-card{padding:17px}.didyou-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.didyou-card>span,.definition-no{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#e6f9f7,#e7efff);display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:10px}.didyou-card b{color:var(--teal);font-size:11px}.didyou-card p,.definition-card p,.mistake-card p{margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--ink)}.why-stack{display:grid;gap:8px}.why-detail{padding:0;overflow:hidden}.why-detail summary{list-style:none;display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:15px 17px;cursor:pointer}.why-detail summary::-webkit-details-marker{display:none}.why-detail summary span{width:32px;height:32px;border-radius:11px;background:#edf8f6;color:#087c76;display:grid;place-items:center;font-size:9px;font-weight:900}.why-detail summary b{font-size:13px}.why-detail summary i{font-style:normal;font-size:19px;color:var(--teal)}.why-detail[open] summary i{transform:rotate(45deg)}.why-detail p{margin:0;padding:0 64px 17px 20px;color:var(--muted);font-size:12px;line-height:1.8}.definition-card h3{margin:12px 0 3px;font-size:15px}.definition-card>span{font-size:10px;color:var(--teal);font-weight:800}.mistake-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;border-color:#f1d8a6}.mistake-card>span{font-size:24px}.mistake-card b{color:#aa6d11}.book-source-note{text-align:center;color:var(--muted);font-size:10px;padding:13px}.book-quiz-intro{display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:10px}.book-quiz-intro b{font-size:16px}.book-quiz-intro p{margin:4px 0 0;color:var(--muted);font-size:11px}.attempt-badges{display:flex;gap:5px;flex-wrap:wrap}.attempt-badges span{background:var(--bg);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.book-quiz{display:grid;gap:10px}.book-question{padding:18px;border-width:1px;transition:.2s}.book-question legend{padding:0 6px;font-weight:800;font-size:13px;line-height:1.65}.book-question legend span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:10px;background:var(--navy);color:#fff;margin-inline-end:8px;font-size:9px}.book-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.book-options label{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:14px;padding:11px;cursor:pointer;font-size:11px;line-height:1.55}.book-options label:has(input:checked){border-color:var(--teal);background:rgba(10,167,160,.06)}.book-options input{margin-top:2px;accent-color:var(--teal)}.book-question.answer-correct{border-color:#59b98c;box-shadow:inset 4px 0 0 #38a773}.book-question.answer-wrong{border-color:#e5a2ac;box-shadow:inset 4px 0 0 #d95366}.book-explanation{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--bg);font-size:11px;line-height:1.65}.book-submit-row{display:flex;align-items:center;gap:12px;justify-content:space-between;position:sticky;bottom:12px;background:rgba(244,248,251,.94);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;padding:10px;z-index:6}.dark .book-submit-row{background:rgba(7,17,31,.94)}.book-quiz-result{flex:1;text-align:end;font-size:11px}.quiz-score-pop{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.quiz-score-pop b{font-size:22px;color:var(--teal)}.quiz-score-pop span,.quiz-score-pop small{color:var(--muted)}.result-warn{color:#a66b16;font-weight:800}
@media(max-width:760px){.book-pack-hero{grid-template-columns:1fr 92px;padding:18px}.book-pack-score{padding:11px}.book-pack-score b{font-size:22px}.didyou-grid,.definition-grid,.mistake-grid{grid-template-columns:1fr}.book-options{grid-template-columns:1fr}.book-submit-row{display:grid;bottom:76px}.book-submit-row .btn{width:100%}.book-quiz-result{text-align:center}.quiz-score-pop{justify-content:center}.why-detail p{padding-inline:18px}.book-pack-hero:after{display:none}}
.security-switches{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.security-switches h3{margin:0 0 8px}.security-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px dashed var(--line)}.security-toggle-row:first-of-type{border-top:0}.security-toggle-row b,.security-toggle-row small{display:block}.security-toggle-row small{color:var(--muted);font-size:10px;margin-top:3px;line-height:1.5}
@media(max-width:640px){.security-toggle-row{align-items:flex-start;flex-direction:column}.security-toggle-row form,.security-toggle-row .btn{width:100%}}
.totp-card{max-width:900px}.totp-secret{display:grid;gap:7px;padding:15px;border:1px dashed var(--teal);border-radius:16px;background:rgba(10,167,160,.05);margin:10px 0 14px}.totp-secret span,.totp-secret small{font-size:10px;color:var(--muted)}.totp-secret code{font:800 15px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;word-break:break-all;color:var(--teal)}.otp-input{text-align:center;letter-spacing:.25em;font-size:20px;font-weight:900}

/* ===== V5.1 Book+ one-by-one learning ===== */
.book-sequence,.book-quiz-sequence{max-width:860px;margin:0 auto}.book-sequence-card,.book-question{min-height:330px;padding:24px;display:flex;flex-direction:column;justify-content:center}.book-sequence-card[hidden],.book-question[hidden]{display:none!important}.book-step-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.book-step-head>span{font:900 11px/1 ui-monospace,monospace;color:var(--teal);white-space:nowrap}.book-step-progress{height:7px;background:var(--bg);border-radius:999px;overflow:hidden;flex:1}.book-step-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--teal),var(--teal2));border-radius:inherit}.book-step-icon{width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#e9faf8,#e9efff);display:grid;place-items:center;font-size:28px;margin-bottom:14px}.book-step-title{font-size:21px;line-height:1.55}.book-step-term{display:inline-block;color:var(--teal);font-weight:800;font-size:12px;margin-top:5px}.book-step-copy{font-size:15px;line-height:2;color:var(--ink);margin:12px 0 24px}.book-step-actions{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:9px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.book-step-actions>.btn:nth-child(2):last-child{grid-column:2}.book-step-actions button:disabled{opacity:.45;cursor:not-allowed}.book-read-feedback{min-height:25px;text-align:center;color:var(--muted);font-size:11px;padding-top:8px}.read-point-pop{display:inline-flex;align-items:center;justify-content:center;background:#e7f9ef;color:#148154;border-radius:999px;padding:5px 9px;margin-inline-end:6px}.book-question legend{font-size:17px;line-height:1.8;margin-bottom:10px}.book-question .book-step-actions{margin-top:22px}.book-quiz-result{max-width:860px;margin:12px auto 0;text-align:center}.dark .book-step-icon{background:linear-gradient(135deg,#123a3a,#162d4f)}
@media(max-width:760px){.book-sequence-card,.book-question{min-height:390px;padding:18px}.book-step-title{font-size:18px}.book-step-copy{font-size:14px;line-height:1.85}.book-step-actions{grid-template-columns:1fr 1fr}.book-step-actions [data-book-confirm]{grid-column:1/-1;grid-row:1}.book-step-actions [data-book-prev]{grid-column:1}.book-step-actions [data-book-next]{grid-column:2}.book-question .book-step-actions span{display:none}.book-question .book-step-actions{grid-template-columns:1fr 1fr}.book-question [data-quiz-submit]{grid-column:1/-1}.book-question legend{font-size:15px}.book-options label{font-size:12px;padding:12px}}

/* ===== V6 · Programmers Club · Live classroom ===== */
.install-app-btn{font-weight:900;font-size:18px}.bulk-approve-card{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:rgba(10,167,160,.34);background:linear-gradient(135deg,var(--card),rgba(10,167,160,.07))}.bulk-approve-card h2{margin:4px 0 5px}.bulk-approve-card p{margin:0;color:var(--muted);font-size:12px}
.live-event-banner{position:sticky;top:8px;z-index:45;margin:0 0 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border-radius:18px;color:#fff;box-shadow:0 14px 34px rgba(7,27,54,.22);animation:liveSlide .35s ease both}.live-event-banner.quiz{background:linear-gradient(135deg,#7a2a8e,#d14e7e)}.live-event-banner.challenge{background:linear-gradient(135deg,#073d58,#0ca7a0)}.live-event-pulse{display:grid;place-items:center;min-width:54px;height:34px;border-radius:999px;background:#fff;color:#b52b5e;font-weight:950;font-size:10px;letter-spacing:.08em;animation:livePulse 1.2s infinite}.live-event-banner.challenge .live-event-pulse{color:#087c76}.live-event-banner b{display:block;font-size:14px}.live-event-banner small{display:block;margin-top:3px;color:rgba(255,255,255,.82);font-size:10px;line-height:1.55}.live-event-banner>strong{font-size:11px;white-space:nowrap}
@keyframes livePulse{50%{transform:scale(.95);opacity:.72}}@keyframes liveSlide{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.live-control-hero{background:linear-gradient(135deg,#071b36,#0b5268 58%,#5b2d79)}.live-quiz-hero{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#071b36,#0c5262);color:#fff;margin-bottom:18px}.live-quiz-hero h2{margin:6px 0}.live-quiz-hero p{margin:0;color:#cfe1e7;line-height:1.7;font-size:12px}.live-kicker{font-size:10px;letter-spacing:.12em;color:#6ff0e7;font-weight:900}.live-countdown{width:118px;height:88px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);text-align:center;flex:none}.live-countdown small{font-size:9px;color:#bcd2dd}.live-countdown b{font:900 28px/1 ui-monospace,monospace;color:#fff}.live-countdown b.danger{color:#ff8b9b;animation:livePulse .8s infinite}.live-quiz-form{max-width:920px;margin:0 auto}.live-question{padding:22px}.live-question legend{font-size:20px;font-weight:900;line-height:1.7;margin:12px 0 16px;width:100%;white-space:pre-line}.live-options{display:grid;gap:9px}.live-options label{display:block}.live-options input{position:absolute;opacity:0;pointer-events:none}.live-options span{display:block;border:1px solid var(--line);border-radius:16px;padding:13px 15px;background:var(--bg);transition:.18s;font-weight:650;line-height:1.55}.live-options input:checked+span{border-color:var(--teal);background:rgba(10,167,160,.10);box-shadow:0 0 0 3px rgba(10,167,160,.08)}.live-result-card{max-width:650px;margin:26px auto;padding:35px;text-align:center}.live-result-card>span{font-size:48px}.live-result-card h2{margin:10px 0}.live-result-card strong{display:block;font-size:58px;color:var(--teal)}.live-result-card p{color:var(--muted);line-height:1.7}
.live-challenge-shell{padding:20px;overflow:hidden}.live-challenge-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 4px 18px;border-bottom:1px solid var(--line)}.live-challenge-head h2{margin:5px 0}.live-challenge-head p{margin:0;color:var(--muted);font-size:12px}.pulse-orb{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#42f1e2,#0a7d83 62%,#063654);color:#042a32;font-weight:950;box-shadow:0 0 0 12px rgba(10,167,160,.08);animation:livePulse 1.2s infinite;flex:none}.live-stage{min-height:330px;padding:24px 4px;display:grid;place-items:center}.live-waiting{text-align:center}.live-waiting>span{font-size:58px;display:block}.live-waiting h3{font-size:25px;margin:10px 0 5px}.live-waiting p{color:var(--muted)}.live-round-head{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--teal);font-weight:900;font-size:11px}.live-prompt{width:100%;font-size:26px;line-height:1.65;margin:18px 0;text-align:center;white-space:pre-line}.live-six-options{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-six-options button{border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);padding:15px;text-align:start;font-weight:750;line-height:1.45;display:flex;align-items:center;gap:10px;transition:.15s}.live-six-options button:hover:not(:disabled){border-color:var(--teal);transform:translateY(-1px)}.live-six-options button span{width:30px;height:30px;border-radius:10px;background:var(--bg);display:grid;place-items:center;flex:none;color:var(--teal);font-weight:950}.live-six-options button:disabled{opacity:.62}.live-answer-note{text-align:center;margin-top:12px;color:var(--muted);font-size:11px}.live-scoreboard{border-top:1px solid var(--line);padding-top:16px}.leader-row.live{padding-block:9px}.live-winner-pop{text-align:center;padding:24px;width:100%}.live-winner-pop>span{font-size:56px}.live-winner-pop small{display:block;color:var(--teal);font-weight:900;letter-spacing:.1em;margin-top:8px}.live-winner-pop h2{font-size:34px;margin:8px 0}.live-winner-pop strong{font-size:18px;color:var(--teal)}.live-winner-pop.final h2{font-size:30px}.live-admin-stage{padding:18px}.live-admin-hero .hero-actions form{margin:0}
@media(max-width:900px){.bulk-approve-card{display:grid}.live-six-options{grid-template-columns:1fr}.live-prompt{font-size:22px}.live-stage{min-height:280px}.live-event-banner{top:4px}.live-quiz-hero{align-items:flex-start}.live-countdown{width:100px;height:78px}}
@media(max-width:640px){.live-event-banner{grid-template-columns:auto minmax(0,1fr);padding:11px}.live-event-banner>strong{grid-column:2}.live-event-pulse{min-width:46px;height:30px}.live-quiz-hero{padding:18px;display:grid}.live-countdown{width:100%;height:auto;padding:11px;display:flex;justify-content:space-between}.live-question{padding:15px}.live-question legend{font-size:17px}.live-options span{padding:12px}.live-challenge-shell{padding:14px}.live-challenge-head{align-items:flex-start}.pulse-orb{width:58px;height:58px}.live-prompt{font-size:19px;margin:12px 0}.live-six-options button{padding:12px;border-radius:14px}.live-winner-pop h2{font-size:27px}}
/* ===== V6.1 instant live-event overlay ===== */
.live-event-overlay{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:18px;pointer-events:none}.live-event-dim{position:absolute;inset:0;background:rgba(2,14,31,.62);backdrop-filter:blur(7px);opacity:1;transition:.22s}.live-event-pop{position:relative;z-index:2;width:min(560px,calc(100vw - 30px));background:linear-gradient(165deg,#071b36 0%,#0b3553 68%,#0a6e6a 145%);color:#fff;border:1px solid rgba(136,239,231,.25);border-radius:28px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.34);pointer-events:auto;overflow:hidden;text-align:center}.live-event-pop:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(64,232,218,.08);inset-inline-end:-110px;top:-135px;box-shadow:0 0 0 34px rgba(64,232,218,.035),0 0 0 68px rgba(64,232,218,.018)}.live-event-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.live-event-pulse{display:inline-flex;align-items:center;gap:6px;background:#ff5269;color:white;font-size:10px;letter-spacing:.12em;font-weight:900;border-radius:999px;padding:7px 10px;box-shadow:0 0 0 0 rgba(255,82,105,.45);animation:livePulse 1.6s infinite}.live-event-pulse:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff}.live-minimize{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);color:#fff;width:38px;height:38px;border-radius:12px;font-weight:900}.live-event-symbol{position:relative;z-index:2;font-size:48px;margin-top:8px}.live-event-label{position:relative;z-index:2;display:block;color:#79eee5;font-size:11px;font-weight:900;letter-spacing:.12em;margin-top:2px}.live-event-pop h2{position:relative;z-index:2;margin:8px 0 7px;font-size:27px;line-height:1.35}.live-event-pop p{position:relative;z-index:2;margin:0 auto;color:#d3e3ec;line-height:1.75;max-width:470px;font-size:13px}.live-join-clock{position:relative;z-index:2;display:inline-grid;gap:2px;margin:15px auto 4px;padding:9px 18px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.10)}.live-join-clock small{font-size:9px;color:#9ddbd8;letter-spacing:.09em}.live-join-clock b{font:900 25px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.live-open-now{position:relative;z-index:2;width:100%;margin-top:16px;font-size:14px;min-height:50px}.live-no-refresh{position:relative;z-index:2;display:block;color:#a9c9d4;margin-top:10px;font-size:10px}.live-event-fab{display:none;position:fixed;z-index:3;inset-inline-end:18px;bottom:88px;width:76px;height:76px;border-radius:24px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(145deg,#092744,#0a7771);color:#fff;box-shadow:0 15px 35px rgba(3,28,50,.28);pointer-events:auto}.live-event-fab span{display:block;font-size:22px}.live-event-fab b{font-size:10px}.live-event-overlay.minimized{display:block;padding:0}.live-event-overlay.minimized .live-event-dim,.live-event-overlay.minimized .live-event-pop{display:none}.live-event-overlay.minimized .live-event-fab{display:block}.live-event-overlay.challenge .live-event-pop{background:linear-gradient(165deg,#07172f,#3a214d 75%,#802e64 150%)}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(255,82,105,.45)}70%{box-shadow:0 0 0 12px rgba(255,82,105,0)}100%{box-shadow:0 0 0 0 rgba(255,82,105,0)}}
@media(max-width:640px){.live-event-overlay{padding:12px;align-items:end}.live-event-pop{border-radius:26px 26px 20px 20px;padding:20px 16px 18px;margin-bottom:74px}.live-event-pop h2{font-size:22px}.live-event-symbol{font-size:38px}.live-event-fab{bottom:84px;inset-inline-end:12px;width:68px;height:68px;border-radius:21px}}

/* ===== V7 integrated lesson homework ===== */
.homework-hero{background:radial-gradient(circle at 85% 0,rgba(255,211,91,.18),transparent 34%),linear-gradient(135deg,#071b36,#0a5367 68%,#0a877f);color:#fff}.homework-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.hw-lesson-list,.hw-review-list{display:grid;gap:10px}.hw-lesson-card{padding:16px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center}.hw-lesson-card h3{margin:4px 0 8px}.hw-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf3f7;color:var(--muted);font-size:10px;font-weight:900}.hw-status.ready{background:#e7f8ef;color:#14764f}.hw-status.waiting{background:#fff4d9;color:#966914}.hw-status.draft{background:#e8f6ff;color:#176c98}.hw-app{padding:22px;max-width:980px;margin:auto}.hw-app-head,.hw-q-meta,.hw-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.hw-app-head h3{margin:4px 0}.hw-app-head span{font-size:10px;color:var(--teal);font-weight:900}.hw-progress{height:8px;background:var(--bg);border-radius:999px;overflow:hidden;margin:13px 0}.hw-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#63d8bc)}.hw-question-nav{display:flex;gap:6px;overflow:auto;padding:5px 0 14px}.hw-question-nav button{min-width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--muted);font-weight:900}.hw-question-nav button.answered{background:#e8f8f3;color:#147458;border-color:#b9e6d6}.hw-question-nav button.active{background:var(--navy);color:#fff}.hw-question-nav button.flagged:after{content:'•';color:#e49b21}.hw-question{min-height:350px;padding:26px 4px 12px;display:flex;flex-direction:column;justify-content:center}.hw-q-meta{color:var(--teal);font-size:10px}.hw-question h2{font-size:21px;line-height:1.75;margin:18px 0}.hw-options{display:grid;gap:9px}.hw-options.two{grid-template-columns:1fr 1fr}.hw-options input{position:absolute;opacity:0}.hw-options span{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--bg);font-weight:750}.hw-options input:checked+span{border-color:var(--teal);background:rgba(10,167,160,.1);box-shadow:0 0 0 3px rgba(10,167,160,.07)}.hw-essay{min-height:190px;line-height:1.8}.hw-flag{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:11px}.hw-actions{border-top:1px solid var(--line);padding-top:15px}.hw-actions [data-submit]{margin-inline-start:auto}.hw-waiting,.hw-result-summary{text-align:center;padding:38px;max-width:760px;margin:auto}.hw-wait-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e7f8ef;color:#14805a;font-size:38px}.hw-waiting p{color:var(--muted);line-height:1.8}.hw-waiting [data-hw-countdown]{font:900 34px/1.2 ui-monospace,monospace;color:var(--teal);margin:18px}.hw-result-summary>b{display:block;font-size:70px;color:var(--teal);margin:8px}.hw-result-summary>b small{font-size:20px}.hw-result-summary>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.hw-result-summary strong{padding:8px 12px;border-radius:999px;background:var(--bg)}.hw-review{padding:18px;border-inline-start:5px solid #e14d63}.hw-review.correct{border-inline-start-color:#23a879}.hw-review.essay{border-inline-start-color:#238eb6}.hw-review h3{font-size:15px;line-height:1.7}.hw-review p{line-height:1.75;color:var(--muted)}.hw-review details{background:var(--bg);padding:12px;border-radius:12px}.hw-review summary{font-weight:900;color:var(--teal);cursor:pointer}
@media(max-width:900px){.homework-grid{grid-template-columns:1fr}.hw-actions{flex-wrap:wrap}.hw-actions [data-submit]{width:100%;order:3;margin:0}.hw-question{min-height:390px}}@media(max-width:640px){.hw-app{padding:14px}.hw-question h2{font-size:17px}.hw-options.two{grid-template-columns:1fr}.hw-lesson-card{grid-template-columns:42px minmax(0,1fr)}.hw-lesson-card>strong{display:none}.hw-result-summary>b{font-size:56px}}
.forum-compose-launch{margin-bottom:12px}.forum-dialog{border:0;padding:0;background:transparent;width:min(760px,calc(100vw - 24px));max-width:none}.forum-dialog::backdrop{background:rgba(2,15,31,.62);backdrop-filter:blur(5px)}.forum-dialog-card{position:relative;padding:22px;max-height:88vh;overflow:auto}.forum-dialog-close{position:absolute;inset-inline-end:12px;top:12px;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:23px;z-index:2}.forum-inline-success{margin:0 0 12px}.forum-layout>div>.discussion-list{margin-top:0!important}
.protected-book-shell{position:relative;padding:0;overflow:hidden;background:#071b36;min-height:720px}.protected-book-shell iframe{display:block;width:100%;height:min(82vh,900px);min-height:700px;border:0;background:#eef2f6}.protected-book-badge{position:absolute;z-index:4;inset-inline-start:12px;top:12px;background:rgba(3,20,39,.88);border:1px solid rgba(255,255,255,.14);color:#d9f7f2;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;pointer-events:none;backdrop-filter:blur(8px)}@media(max-width:760px){.protected-book-shell,.protected-book-shell iframe{min-height:620px}.protected-book-shell iframe{height:76vh}.protected-book-badge{top:auto;bottom:8px}}
.lesson-tool-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.lesson-tool-card{position:relative;width:100%;border:1px solid rgba(255,255,255,.12);text-align:start;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:24px;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.lesson-tool-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 45px rgba(0,0,0,.2)}.lesson-tool-card.book-tool{background:linear-gradient(135deg,rgba(32,184,146,.2),rgba(10,22,42,.92))}.lesson-tool-card.homework-tool{background:linear-gradient(135deg,rgba(121,83,255,.22),rgba(10,22,42,.92))}.lesson-tool-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.1);font-size:35px}.lesson-tool-order{position:absolute;inset-inline-end:16px;top:12px;font-size:38px;font-weight:900;opacity:.08}.lesson-tool-card small{color:var(--accent);font-weight:800;letter-spacing:.08em}.lesson-tool-card h3{font-size:1.35rem;margin:5px 0}.lesson-tool-card p{margin:0 0 10px;color:var(--muted)}.lesson-tool-card b{color:var(--accent)}
.learning-modal{width:min(1180px,96vw);height:min(900px,94vh);padding:0;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#081426;color:var(--text);overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.65)}.learning-modal::backdrop{background:rgba(2,8,18,.82);backdrop-filter:blur(7px)}.learning-modal[open]{display:grid;grid-template-rows:auto 1fr}.learning-modal-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#0c1b31}.learning-modal-bar div{display:flex;flex-direction:column;gap:2px}.learning-modal-bar small{color:var(--muted)}.learning-modal iframe{width:100%;height:100%;border:0;background:#fff}.modal-close{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:28px;cursor:pointer}.modal-open{overflow:hidden}
.embed-page .sidebar,.embed-page .topbar,.embed-page .bottom-nav,.embed-page .announcement-strip{display:none!important}.embed-page .main-content{margin:0!important;padding:16px!important;max-width:none!important}.embed-page .app-shell{display:block!important}.embed-page .homework-hero{margin-top:0}.embed-page .page-footer{display:none!important}
.student-trigger{appearance:none;border:0;background:none;color:inherit;padding:0;font:inherit;cursor:pointer;text-align:inherit}.student-trigger:hover{text-decoration:underline;color:var(--accent)}
@media(max-width:760px){.lesson-tool-grid{grid-template-columns:1fr}.lesson-tool-card{padding:18px;gap:12px}.lesson-tool-icon{width:56px;height:56px;font-size:28px}.learning-modal{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border:0}.learning-modal-bar{padding:9px 12px}.embed-page .main-content{padding:9px!important}.hw-actions{display:grid!important;grid-template-columns:1fr 1fr}.hw-actions [data-save-now],.hw-actions [data-submit]{grid-column:1/-1;width:100%}}
.student-admin-modal{width:min(900px,95vw);max-height:92vh;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#0a1729;color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.65)}.student-admin-modal::backdrop{background:rgba(2,8,18,.78);backdrop-filter:blur(6px)}.student-modal-shell{position:relative;padding:26px}.student-modal-shell>.modal-close{position:absolute;inset-inline-end:16px;top:14px;z-index:2}.student-modal-loading{min-height:250px;display:grid;place-items:center;color:var(--muted)}.student-modal-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-inline-end:45px}.student-modal-head h2,.student-modal-head p{margin:2px 0}.student-popup-form{display:grid;gap:13px}.student-popup-form label{display:grid;gap:6px;font-weight:700;color:var(--muted)}.student-popup-form label .form-control{color:var(--text)}.student-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;bottom:-26px;margin:6px -26px -26px;padding:14px 26px;background:#0c1b31;border-top:1px solid rgba(255,255,255,.1)}.is-loading{opacity:.55;pointer-events:none}
@media(max-width:650px){.student-admin-modal{width:100vw;height:100dvh;max-height:none;border-radius:0}.student-modal-shell{padding:18px 14px}.student-popup-form .form-grid{grid-template-columns:1fr}.student-modal-actions{bottom:-18px;margin:5px -14px -18px;padding:12px 14px}.student-modal-actions .btn{flex:1}}
.book-library-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:radial-gradient(circle at 88% 18%,rgba(99,216,188,.23),transparent 30%),linear-gradient(135deg,#071b36,#113e57 70%,#08776f);color:#fff}.book-library-mark{width:118px;height:118px;border-radius:34px;display:grid;place-items:center;font-size:58px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.book-library{display:grid;gap:28px}.book-unit{display:grid;gap:10px}.book-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.book-lesson-card{position:relative;width:100%;padding:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;text-align:start;cursor:pointer;overflow:hidden;transition:.2s}.book-lesson-card:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 18px 40px rgba(5,30,51,.12)}.book-card-code{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(10,167,160,.12);color:var(--teal);font-weight:950}.book-lesson-card small{color:var(--teal);font-weight:900}.book-lesson-card h3{margin:4px 0 7px;font-size:16px}.book-lesson-card p{margin:0 0 8px;color:var(--muted);font-size:11px;line-height:1.65}.book-lesson-card b{color:var(--teal);font-size:11px}.book-card-icon{font-size:26px;opacity:.75}.password-reveal{position:relative}.password-reveal input{padding-inline-end:50px}.password-reveal button{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);width:37px;height:37px;border:0;border-radius:11px;background:var(--bg);cursor:pointer}.login-easy-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.login-easy-steps span{display:flex;align-items:center;gap:7px;padding:9px;border-radius:12px;background:var(--bg);font-size:10px;color:var(--muted)}.login-easy-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff}.login-main-btn{width:100%;min-height:50px;font-size:15px}
@media(max-width:900px){.bottom-nav{display:flex;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav a{min-width:66px;flex:1}.book-library-hero{grid-template-columns:1fr}.book-library-mark{display:none}.book-lesson-grid{grid-template-columns:1fr}}
@media(max-width:520px){.login-easy-steps{grid-template-columns:1fr}.book-lesson-card{padding:15px;grid-template-columns:42px minmax(0,1fr)}.book-card-icon{display:none}}
.video-library-hero{background:linear-gradient(135deg,#071b39,#0b4960);color:#fff}.video-card .book-card-icon{background:#e53232;color:#fff}.protected-video-modal iframe{background:#06152d}.video-admin-list{display:grid;gap:16px}.video-admin-card{margin:0}.video-enable-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.video-enable-row label{font-weight:800}.video-enable-row .btn{margin-inline-start:auto}.quick-tabs{position:sticky;top:0;z-index:20;overflow:auto;display:flex;gap:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);padding:12px;border-radius:18px}.quick-tabs a{white-space:nowrap;padding:10px 14px;border-radius:12px;background:#eef6f8;color:#08213f;font-weight:800}.quick-content-card{font-size:1.08rem;line-height:1.9}.quick-content-card>span{font-size:2rem}.quick-comparisons{display:grid;gap:14px}.comparison-card .correct,.quick-quiz .correct{background:#e8fff4;border:1px solid #8ddbb8}.comparison-card .wrong{background:#fff0f0;border:1px solid #efb2b2}.comparison-card p,.quick-quiz p{padding:12px;border-radius:12px}.quick-quiz{display:grid;gap:12px}.quick-quiz details{padding:18px}.quick-quiz summary{font-weight:900;cursor:pointer}.platform-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-home-card{display:flex;gap:14px;align-items:center;min-height:130px}.platform-home-card>span{font-size:2.2rem}.platform-home-card h3{margin:0 0 6px}@media(max-width:800px){.platform-home-grid{grid-template-columns:1fr}.video-enable-row .btn{width:100%;margin:0}.quick-tabs{margin-inline:-12px;border-radius:0}.protected-video-modal{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important}}
/* V8.2: app-like administration, maintenance and unified lesson media */
.legacy-video-admin{display:none!important}.unified-video-admin{display:grid;gap:18px}.unified-video-card{padding:22px}.video-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.video-source-grid fieldset{border:1px solid var(--border,#dbe3ee);border-radius:16px;padding:16px;display:grid;gap:10px}.video-source-grid legend{font-weight:900;padding:0 8px}.video-source-grid label>span{display:block;font-weight:700;margin-bottom:6px}.video-source-grid small{display:block;color:#6b7280;margin-top:4px}.video-check{display:flex!important;align-items:center;gap:7px}
.maintenance-control{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-inline-start:6px solid #16a34a}.maintenance-control.is-on{border-inline-start-color:#dc2626;background:linear-gradient(135deg,#fff,#fff1f2)}.maintenance-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#12345a,#06152d 70%);direction:rtl}.maintenance-card{width:min(680px,100%);padding:42px;text-align:center;background:#fff;border-radius:28px;box-shadow:0 30px 80px #0006}.maintenance-card img{width:min(260px,70%);height:auto}.maintenance-card span{display:block;color:#07989d;font-weight:900;margin-top:20px}.maintenance-card h1{color:#082343;font-size:clamp(24px,4vw,40px);margin:12px 0}.maintenance-card p{font-size:18px;line-height:1.9;color:#475569}
.student-bulk-toolbar{position:sticky;top:76px;z-index:20;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 14px;margin:12px 0;background:#fff;border:1px solid #dbe3ee;border-radius:16px;box-shadow:0 12px 30px #0b244714}.student-bulk-toolbar b{margin-inline-end:auto}.student-bulk-toolbar select{width:auto;min-width:160px}.bulk-check-col{width:44px;text-align:center}.bulk-check-col input{width:19px;height:19px;accent-color:#07989d}.ajax-action-toast{position:fixed;z-index:99999;left:50%;bottom:28px;transform:translate(-50%,25px);padding:12px 20px;border-radius:999px;background:#073b3d;color:#fff;font-weight:800;opacity:0;pointer-events:none;transition:.22s}.ajax-action-toast.show{opacity:1;transform:translate(-50%,0)}.ajax-action-toast.error{background:#991b1b}
@media(max-width:760px){.video-source-grid{grid-template-columns:1fr}.unified-video-card{padding:15px}.maintenance-control{align-items:stretch;flex-direction:column}.student-bulk-toolbar{top:62px}.student-bulk-toolbar .btn{flex:1}.student-bulk-toolbar select{width:100%}}
/* V9 subscription-first student administration */
.student-manager-head{display:grid;gap:12px}.student-primary-actions{display:flex;gap:9px;flex-wrap:wrap}.server-toolbar{position:sticky}.bulk-main-check{display:flex;align-items:center;gap:7px;font-weight:900}.student-management-grid td:first-child input{width:19px;height:19px;accent-color:var(--teal)}.month-mini-list{display:flex;gap:4px;flex-wrap:wrap;max-width:290px}.month-mini-list span{font-size:9px;font-weight:800;padding:4px 7px;border-radius:999px;background:#e9f8f5;color:#08766f}.grid-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px}.grid-pagination>div{display:flex;align-items:center;gap:8px}.admin-action-dialog{border:0;padding:0;background:transparent;width:min(720px,calc(100vw - 24px));max-width:none}.admin-action-dialog::backdrop{background:#021022bd;backdrop-filter:blur(6px)}.admin-action-dialog .dialog-card{position:relative;background:var(--card);color:var(--ink);padding:26px;border:1px solid var(--line);border-radius:24px;max-height:90vh;overflow:auto}.admin-action-dialog .modal-close{position:absolute;inset-inline-end:14px;top:14px;background:var(--bg);color:var(--ink)}.subscription-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.subscription-month-grid label{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.subscription-month-grid input{width:18px;height:18px;accent-color:var(--teal)}.profile-completion-wrap{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at top right,#0b7770,#071b36 55%)}.profile-completion-card{width:min(820px,100%);padding:30px}.profile-completion-card>img{width:min(240px,55%);display:block;margin:0 auto 20px}.profile-completion-card h1{margin:7px 0}.curriculum-month-manager{padding:22px}.lesson-month-grid{display:grid;gap:8px}.lesson-month-row{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.lesson-month-row div{display:grid}.lesson-month-row small{color:var(--muted)}
@media(max-width:760px){.student-primary-actions .btn{flex:1}.student-bulk-toolbar.server-toolbar{position:static}.subscription-month-grid{grid-template-columns:1fr 1fr}.grid-pagination{align-items:stretch;flex-direction:column}.lesson-month-row{grid-template-columns:1fr}.lesson-month-row .btn{width:100%}.admin-action-dialog .dialog-card{padding:20px 14px;border-radius:18px}.profile-completion-wrap{padding:10px}.profile-completion-card{padding:20px 14px}}

/* V9.2 — new public identity, instant student tools and guaranteed contrast */
.v92-public{margin:0;background:#f5f9fc;color:#0a203b}.v92-site{min-height:100vh;background:linear-gradient(180deg,#071b35 0 720px,#f6f9fc 720px);overflow:hidden}.v92-nav{height:90px;max-width:1320px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.v92-brand{display:flex;align-items:center;gap:14px;color:#fff}.v92-brand img{width:104px;height:54px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}.v92-brand b,.v92-brand small{display:block}.v92-brand b{font-size:15px}.v92-brand small{color:#54d5ce;margin-top:3px;font-weight:800}.v92-nav-actions{display:flex;align-items:center;gap:20px;color:#a9c1d4;font-size:11px}.v92-nav-actions>span b{color:#66ddd6}.v92-login,.v92-primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:14px;background:#12b8ae;color:#031b2d;font-weight:950;padding:13px 18px;box-shadow:0 12px 30px #00a99d30}.v92-login i{font-style:normal}.v92-hero{max-width:1320px;min-height:620px;margin:auto;padding:38px 28px 70px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:50px}.v92-eyebrow{display:flex;align-items:center;gap:9px;color:#7de3dc;font-size:11px;font-weight:900}.v92-eyebrow i{width:8px;height:8px;background:#39d7cd;border-radius:50%;box-shadow:0 0 0 7px #38d7cd18}.v92-hero h1{color:#fff;font-size:clamp(48px,5.8vw,79px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.v92-hero h1 em{font-style:normal;color:#65ddd5}.v92-hero-copy>p{color:#b9cedd;font-size:16px;line-height:2;max-width:680px;margin:0}.v92-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.v92-primary{padding:15px 23px}.v92-primary span{font-size:20px}.v92-ghost{padding:14px 21px;border:1px solid #ffffff2b;border-radius:14px;color:#e4f1f7;font-weight:850}.v92-trust{display:flex;align-items:center;gap:18px;margin-top:31px}.v92-trust div{display:grid}.v92-trust strong{color:#fff;font-size:19px}.v92-trust span{color:#829db2;font-size:9px}.v92-trust>i{width:1px;height:30px;background:#ffffff20}.v92-portrait{position:relative;height:520px;display:grid;place-items:center}.v92-portrait>img{width:100%;height:100%;object-fit:cover;border-radius:45% 45% 28px 28px;position:relative;z-index:2;box-shadow:0 35px 75px #0006;border:1px solid #ffffff1c}.v92-orbit{position:absolute;border:1px solid #5be3da26;border-radius:50%}.v92-orbit.o1{width:520px;height:520px}.v92-orbit.o2{width:410px;height:410px;box-shadow:0 0 80px #13bbb025}.v92-name-card{position:absolute;z-index:4;bottom:-22px;inset-inline-start:-28px;background:#fff;color:#0a203b;border-radius:19px;padding:11px 16px;display:flex;align-items:center;gap:13px;box-shadow:0 20px 50px #00142e55}.v92-name-card img{width:75px;height:48px;object-fit:contain}.v92-name-card small,.v92-name-card strong,.v92-name-card span{display:block}.v92-name-card small{color:#078e88;font-size:8px;font-weight:900}.v92-name-card strong{font-size:15px;margin:2px 0}.v92-name-card span{color:#60748a;font-size:9px}.v92-float{position:absolute;z-index:3;width:60px;height:60px;border-radius:19px;display:grid;place-items:center;background:#0a314d;color:#67e2da;border:1px solid #ffffff24;font:900 16px monospace;box-shadow:0 18px 35px #0004}.v92-float.f1{top:34px;inset-inline-start:-20px}.v92-float.f2{top:115px;inset-inline-end:-25px}.v92-quick-strip{max-width:1260px;margin:-28px auto 0;position:relative;z-index:7;background:#fff;border:1px solid #d9e6ed;border-radius:24px;box-shadow:0 25px 65px #061b3324;display:grid;grid-template-columns:repeat(4,1fr);padding:10px}.v92-quick-strip article{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:17px;border-inline-end:1px solid #e4edf2}.v92-quick-strip article:last-child{border:0}.v92-quick-strip article>span{width:39px;height:39px;border-radius:13px;background:#e5f8f6;color:#087e78;display:grid;place-items:center;font-weight:950;font-size:10px}.v92-quick-strip b,.v92-quick-strip small{display:block}.v92-quick-strip b{color:#0a203b}.v92-quick-strip small{color:#708196;font-size:9px;margin-top:4px}.v92-section{max-width:1260px;margin:90px auto;padding:0 20px}.v92-section-title{max-width:720px}.v92-section-title>span,.v92-track-copy>span,.v92-final>div>span{color:#09958e;font-size:10px;font-weight:950;letter-spacing:.1em}.v92-section-title h2,.v92-track-copy h2{font-size:clamp(30px,4vw,47px);color:#0a203b;line-height:1.25;margin:9px 0}.v92-section-title p,.v92-track-copy p{color:#687b8f;line-height:1.8}.v92-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:28px}.v92-journey article{position:relative;min-height:240px;padding:24px;background:#fff;border:1px solid #dce7ee;border-radius:22px;overflow:hidden;transition:.2s}.v92-journey article:hover{transform:translateY(-5px);border-color:#1ab9b0;box-shadow:0 18px 42px #09253c14}.v92-journey article i{display:inline-block;color:#087f78;background:#e9f8f6;border-radius:999px;padding:6px 10px;font-style:normal;font-size:9px;font-weight:900}.v92-journey article b{display:block;font-size:19px;margin:22px 0 8px}.v92-journey article p{color:#6d7e90;font-size:11px;line-height:1.8}.v92-journey article>span{position:absolute;bottom:-18px;inset-inline-end:12px;color:#eef4f7;font-size:75px;font-weight:950}.v92-track-section{max-width:1260px;margin:90px auto;padding:52px;border-radius:34px;background:linear-gradient(135deg,#071b35,#0a4054);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.v92-track-copy h2{color:#fff}.v92-track-copy p{color:#b0c6d3}.v92-track-copy a{display:inline-flex;margin-top:10px;color:#6ce0d8;font-weight:900;gap:10px}.v92-track-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v92-track-cards article{position:relative;min-height:220px;border-radius:24px;padding:24px;overflow:hidden}.v92-track-cards .arabic{background:#eefbf9;color:#0a353a}.v92-track-cards .languages{background:#fff;color:#102a44}.v92-track-cards small,.v92-track-cards strong{display:block}.v92-track-cards small{color:#078e88;font-size:9px;font-weight:900}.v92-track-cards strong{font-size:22px;margin:38px 0 8px}.v92-track-cards p{font-size:11px;color:#64788b}.v92-track-cards article>span{position:absolute;inset-inline-end:-10px;bottom:-30px;font-size:100px;font-weight:950;color:#0da59b12}.v92-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px}.v92-benefit-grid article{padding:22px;background:#fff;border:1px solid #dce7ee;border-radius:20px}.v92-benefit-grid i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#09223e;color:#61ddd5;font-style:normal}.v92-benefit-grid b{display:block;margin:16px 0 7px}.v92-benefit-grid p{color:#6d7e90;font-size:11px;line-height:1.7}.v92-final{max-width:1260px;margin:80px auto 30px;padding:35px 42px;border-radius:28px;background:#fff;border:1px solid #dce7ee;display:grid;grid-template-columns:130px 1fr auto;gap:28px;align-items:center;box-shadow:0 18px 55px #0b253714}.v92-final>img{width:130px}.v92-final h2{font-size:27px;margin:5px 0;color:#0a203b}.v92-final p{color:#6d7e90;margin:0}.v92-final>a{padding:14px 20px;border-radius:14px;background:#0a203b;color:#fff;font-weight:900}.v92-footer{max-width:1260px;margin:auto;padding:25px 18px 40px;border-top:1px solid #d9e4eb;display:flex;justify-content:space-between;gap:15px;color:#6b7c8e;font-size:10px}.v92-footer b{color:#0a203b}
.admin-action-dialog .dialog-card,.student-admin-modal,.student-modal-actions{background:#fff!important;color:#0a203b!important}.admin-action-dialog h2,.admin-action-dialog label,.student-popup-form label,.student-modal-head h2{color:#0a203b!important}.admin-action-dialog p,.admin-action-dialog small,.student-popup-form label{color:#4f657a!important}.admin-action-dialog .form-control,.student-popup-form .form-control{background:#f7fafc!important;color:#0a203b!important;border-color:#b9cad7!important}.admin-action-dialog .form-control::placeholder,.student-popup-form .form-control::placeholder{color:#70859a!important}.student-primary-actions .student-import-btn{background:#0a5367!important;color:#fff!important;border-color:#0a5367!important}.student-primary-actions .btn-outline{background:#fff;color:#0a3151;border-color:#8ba8ba}.student-search-selected{display:block;padding:10px 12px;margin-top:8px;border-radius:11px;background:#e8f8f5;color:#08766f!important;font-weight:900}.student-search-results{display:grid;gap:5px;max-height:210px;overflow:auto;margin-top:6px}.student-search-results>button{border:1px solid #d4e1e9;background:#fff;color:#0a203b;border-radius:11px;padding:10px 12px;text-align:start;cursor:pointer}.student-search-results>button:hover{border-color:#10a9a0;background:#f0fbfa}.student-search-results b,.student-search-results small{display:block}.student-search-results small{margin-top:3px}.student-management-grid .btn-danger{background:#b7253a;color:#fff;border-color:#b7253a}
@media(max-width:900px){.v92-site{background:linear-gradient(180deg,#071b35 0 1050px,#f6f9fc 1050px)}.v92-nav{height:auto;padding:12px 16px}.v92-nav-actions>span{display:none}.v92-brand span{display:none}.v92-brand img{width:90px}.v92-hero{grid-template-columns:1fr;padding:30px 18px 80px;gap:25px}.v92-portrait{height:470px;max-width:520px;width:100%;margin:auto}.v92-quick-strip{grid-template-columns:1fr 1fr;margin-inline:14px}.v92-quick-strip article:nth-child(2){border:0}.v92-journey,.v92-benefit-grid{grid-template-columns:1fr 1fr}.v92-track-section{margin-inline:14px;padding:32px 24px;grid-template-columns:1fr}.v92-final{margin-inline:14px;grid-template-columns:100px 1fr}.v92-final>a{grid-column:1/-1;text-align:center}}
@media(max-width:560px){.v92-site{background:linear-gradient(180deg,#071b35 0 920px,#f6f9fc 920px)}.v92-login{padding:11px 13px;font-size:10px}.v92-hero h1{font-size:43px}.v92-hero-copy>p{font-size:13px}.v92-portrait{height:360px}.v92-name-card{inset-inline:8px;padding:9px}.v92-name-card img{width:62px}.v92-float{display:none}.v92-quick-strip{grid-template-columns:1fr}.v92-quick-strip article{border-inline-end:0;border-bottom:1px solid #e4edf2}.v92-journey,.v92-benefit-grid,.v92-track-cards{grid-template-columns:1fr}.v92-section{margin:60px auto}.v92-track-section{margin-top:60px}.v92-final{grid-template-columns:1fr;text-align:center;padding:25px 18px}.v92-final>img{margin:auto}.v92-footer{display:grid;text-align:center}.student-primary-actions{display:grid;grid-template-columns:1fr 1fr}.student-primary-actions .btn{width:100%}}

/* V9.3 — subscriptions, zero-load student search */
.v93-subscribe{max-width:1260px;margin:90px auto;padding:44px;border-radius:34px;background:linear-gradient(145deg,#071b35,#0a4054);color:#fff;box-shadow:0 28px 75px #061b3326}.v93-subscribe-head{display:flex;align-items:center;justify-content:space-between;gap:35px}.v93-subscribe-head>div{max-width:720px}.v93-subscribe-head span{color:#69e0d8;font-size:10px;font-weight:950;letter-spacing:.08em}.v93-subscribe-head h2{font-size:clamp(29px,4vw,47px);line-height:1.25;margin:9px 0}.v93-subscribe-head p{color:#b8ccd8;line-height:1.85;margin:0}.v93-whatsapp{flex:none;display:grid;grid-template-columns:1fr auto;gap:3px 15px;align-items:center;background:#25d366;color:#052d25;border-radius:18px;padding:15px 19px;font-weight:950;box-shadow:0 15px 35px #0003}.v93-whatsapp small{grid-column:1/-1;color:#075d43;font-size:10px}.v93-includes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.v93-includes article{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #ffffff18;background:#ffffff0b;border-radius:15px}.v93-includes i{font-style:normal;font-size:19px}.v93-includes b{font-size:11px}.v93-plans{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:11px;align-items:stretch}.v93-plan-copy{padding:16px 0}.v93-plan-copy>span{color:#69e0d8;font-size:10px;font-weight:900}.v93-plan-copy h3{font-size:24px;margin:7px 0}.v93-plan-copy p{color:#aabfcd;font-size:10px;line-height:1.7;margin:0}.v93-plans article{position:relative;padding:21px;border-radius:18px;background:#fff;color:#09223d;display:grid;align-content:center;min-height:115px}.v93-plans article.featured{background:#66dfd7}.v93-plans article small{position:absolute;top:8px;inset-inline-end:10px;font-size:8px;color:#08736d}.v93-plans article b{font-size:17px}.v93-plans article span{font-size:10px;color:#627689;margin-top:6px}.v93-payment{margin-top:22px;padding:16px;border-radius:18px;background:#fff;color:#09223d;display:grid;grid-template-columns:1fr 1.4fr auto;gap:15px;align-items:center}.v93-payment>div{display:flex;gap:11px;align-items:center}.v93-payment>div>span{font-size:24px}.v93-payment p{display:grid;margin:0}.v93-payment p b{font-size:10px}.v93-payment p strong{font-size:20px;color:#078b84}.v93-payment p small{font-size:9px;color:#60758a}.v93-payment>a{padding:13px 17px;border-radius:12px;background:#25d366;color:#073f31;font-weight:950;font-size:11px}.student-search-empty{text-align:center;padding:54px 20px!important;border:1px dashed #aec4d2!important;background:#f8fbfd!important;color:#0a203b!important}.student-search-empty>span{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:20px;background:#e2f7f4;color:#087a74;font-size:34px}.student-search-empty h2{margin:14px 0 6px}.student-search-empty p{max-width:650px;margin:auto;color:#60758a;line-height:1.8}.admin-filter-bar .btn{white-space:nowrap}
@media(max-width:900px){.v93-subscribe{margin-inline:14px;padding:28px 22px}.v93-subscribe-head{display:grid}.v93-whatsapp{width:100%}.v93-includes{grid-template-columns:1fr 1fr}.v93-plans{grid-template-columns:1fr 1fr}.v93-plan-copy{grid-column:1/-1}.v93-payment{grid-template-columns:1fr 1fr}.v93-payment>a{grid-column:1/-1;text-align:center}}
@media(max-width:560px){.v93-subscribe{margin-top:60px}.v93-includes,.v93-plans,.v93-payment{grid-template-columns:1fr}.v93-plan-copy,.v93-payment>a{grid-column:auto}.v93-subscribe-head h2{font-size:29px}}

/* V9.4 — language entitlement and clear subscription state */
.public-lang-switch{position:fixed;z-index:1000;top:12px;inset-inline-end:12px;background:#fff!important;box-shadow:0 10px 30px #00172d35}.public-lang-switch button{min-width:58px}.lang-switch button:disabled{opacity:.62;cursor:not-allowed;background:#eef2f5;color:#617487}.subscription-state{margin:0 0 15px;padding:12px 16px;border:1px solid var(--line);border-radius:17px;background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink)}.subscription-state>div{display:flex;align-items:center;gap:11px;min-width:0}.subscription-state>div>span{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:#e8f8f4;color:#087970;font-weight:950}.subscription-state b,.subscription-state small{display:block}.subscription-state b{font-size:11px}.subscription-state small{color:var(--muted);font-size:9px;margin-top:3px}.subscription-state p{margin:0;max-width:690px;color:var(--muted);font-size:10px;line-height:1.7}.subscription-state.blocked{background:#fff7e7;border-color:#efd49b}.subscription-state.blocked>div>span{background:#f7dca2;color:#704500}.subscription-state.blocked p{color:#704f16}.subscription-state.partial{background:#eef8ff;border-color:#b9d9ee}.subscription-state.partial>div>span{background:#d6edfa;color:#12618e}.student-search-results{position:relative;z-index:3;background:#fff;border-radius:12px}.student-search-results:not(:empty){padding:6px;border:1px solid #cbdbe5;box-shadow:0 12px 28px #05223b1f}.student-search-results>button{width:100%}.student-search-results>button b{color:#0a203b!important}.student-search-results>button small{color:#64788b!important}
@media(max-width:760px){.public-lang-switch{top:8px;inset-inline-end:8px}.subscription-state{display:grid;padding:11px}.subscription-state p{padding-inline-start:49px}.auth-page .public-lang-switch{top:9px}}
.month-save-footer{position:sticky;bottom:0;z-index:8;margin:16px -22px -22px;padding:14px 22px;background:color-mix(in srgb,var(--card) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(12px);display:flex;justify-content:flex-end}.lesson-month-row>span{justify-self:end}@media(max-width:760px){.month-save-footer{margin:14px -14px -20px;padding:12px 14px}.month-save-footer .btn{width:100%}.lesson-month-row>span{justify-self:start}}
.public-home .public-lang-switch{top:96px}.flash.warning{background:#fff4df;color:#80530d}@media(max-width:760px){.public-home .public-lang-switch{top:78px}}
.profile-setup-page{background:#06172f}.profile-setup-page .public-lang-switch{position:fixed;z-index:20}.profile-setup-page .profile-completion-wrap{min-height:100svh;padding:34px 18px;background:radial-gradient(circle at 80% 5%,rgba(36,202,190,.30),transparent 31%),radial-gradient(circle at 8% 90%,rgba(29,91,151,.28),transparent 34%),#06172f}.profile-setup-page .profile-completion-card{width:min(920px,100%);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:34px 38px;background:rgba(255,255,255,.97);box-shadow:0 30px 90px rgba(0,0,0,.35)}.profile-setup-page .profile-completion-card>img{width:190px;margin-bottom:14px}.profile-setup-page .profile-completion-card>.eyebrow,.profile-setup-page .profile-completion-card>h1,.profile-setup-page .profile-completion-card>p{text-align:center;display:block}.profile-setup-page .profile-completion-card>p{color:var(--muted);margin-bottom:22px}.profile-setup-page .stack-form{gap:14px}.profile-setup-page label{font-weight:800;color:#17304b}.profile-setup-page .form-control{margin-top:6px;min-height:50px;background:#f7fafc;border-color:#cedbe6}.profile-setup-page .login-main-btn{min-height:54px;font-size:16px;border-radius:16px}.subscription-history{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f5fbfa}.subscription-history strong{color:#08766f}.previous-payment-list{display:grid;gap:5px;max-height:150px;overflow:auto}.previous-payment-list span{padding:7px 9px;background:#fff;border-radius:9px;font-size:11px}.center-manage-list{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.center-manage-list form{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;background:var(--bg);border-radius:10px}
@media(max-width:760px){.profile-setup-page .profile-completion-wrap{padding:0;display:block}.profile-setup-page .profile-completion-card{min-height:100svh;width:100%;border:0;border-radius:0;padding:82px 16px 28px;box-shadow:none}.profile-setup-page .profile-completion-card>img{width:145px}.profile-setup-page .form-grid{grid-template-columns:1fr}.profile-setup-page .form-control{font-size:16px}.profile-setup-page .login-main-btn{position:sticky;bottom:8px;box-shadow:0 9px 28px rgba(5,62,87,.28)}}

/* V9.7 — easy staff administration */
.staff-manager-head{max-width:920px}.staff-manager-head .admin-form-card{padding:25px}.staff-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.staff-control-card{padding:20px;display:grid;gap:14px}.staff-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.staff-card-title b,.staff-card-title small{display:block}.staff-card-title small{color:var(--muted);margin-top:4px}.staff-visible-password{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.04em;background:#fffbed!important;border-color:#d8bd65!important}.staff-credential{display:flex;align-items:center;gap:12px;margin-top:10px}.staff-credential .form-control{max-width:280px}.staff-control-card details{border-top:1px solid var(--line);padding-top:10px}.staff-control-card summary{cursor:pointer;font-weight:800;color:var(--primary)}
@media(max-width:900px){.staff-card-grid{grid-template-columns:1fr}}@media(max-width:560px){.staff-manager-head .admin-form-card,.staff-control-card{padding:15px}.staff-control-card .form-grid{grid-template-columns:1fr}.staff-credential{display:grid}.staff-credential .form-control{max-width:none}}

/* V9.8 — protected homework library */
.printed-book-note{margin:15px 22px 0;padding:15px 18px;border:1px solid #b7dfda;border-radius:17px;background:linear-gradient(135deg,#ecfbf8,#fffaf0);color:#12324a;display:flex;align-items:center;gap:13px}.printed-book-note>span{font-size:27px}.printed-book-note p{margin:0;font-weight:850;line-height:1.75}.homework-file-kind{margin:18px 0 0;border:1px solid var(--line);border-radius:18px;padding:16px}.homework-file-kind legend{padding:0 10px;color:var(--primary);font-weight:950}.protected-pdf-page{margin:0;background:#07192f;overflow:hidden;-webkit-user-select:none;user-select:none}.protected-pdf-shell{height:100svh;display:grid;grid-template-rows:72px 1fr;position:relative}.protected-pdf-shell header{display:flex;align-items:center;gap:15px;padding:10px 18px;background:#0a213d;color:#fff;border-bottom:1px solid #ffffff18}.protected-pdf-shell header>a{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#ffffff13;color:#fff;font-size:28px}.protected-pdf-shell header b,.protected-pdf-shell header small{display:block}.protected-pdf-shell header small{color:#9fc3d6;margin-top:3px}.protected-pdf-shell iframe{width:100%;height:100%;border:0;background:#303030}.pdf-watermark{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg);pointer-events:none;width:min(38vw,430px);opacity:.09;filter:grayscale(.15)}.pdf-watermark img{display:block;width:100%;height:auto}.protected-pdf-shell:after{content:"منصة د. عيسى صبري";position:fixed;z-index:6;inset-inline-end:22px;bottom:18px;padding:6px 10px;border-radius:8px;background:#07192fcc;color:#fff9;font-size:10px;pointer-events:none}
@media(max-width:600px){.printed-book-note{margin-inline:10px;padding:12px}.printed-book-note p{font-size:11px}.protected-pdf-shell{grid-template-rows:62px 1fr}.protected-pdf-shell header{padding:8px 10px}.homework-file-kind{padding:10px}}

/* V10 — bilingual public, login and onboarding experience */
.auth-premium{grid-template-columns:minmax(540px,1.15fr) minmax(410px,.85fr);background:#071b35}.auth-showcase{position:relative;min-height:100svh;padding:34px 48px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 24% 30%,#0a5e6a88,transparent 35%),linear-gradient(145deg,#06172f,#073b50);color:#fff}.auth-showcase:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #62e2da20;border-radius:50%;inset-inline-start:-230px;bottom:-300px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.auth-showcase-brand{position:relative;z-index:3;display:flex;align-items:center;gap:12px}.auth-showcase-brand img{width:72px;height:58px;object-fit:contain;padding:5px;background:#fff;border-radius:16px}.auth-showcase-brand b,.auth-showcase-brand small{display:block}.auth-showcase-brand small{color:#67ddd6;margin-top:3px}.auth-doctor-stage{position:absolute;z-index:1;inset-inline-end:2%;bottom:0;width:min(56%,610px);height:88%;display:flex;align-items:flex-end}.auth-doctor-stage>img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:top center;mask-image:linear-gradient(#000 78%,transparent 100%);filter:drop-shadow(0 30px 45px #0007)}.auth-doctor-glow{position:absolute;inset:18% 4% 8%;border-radius:50%;background:#28cfc142;filter:blur(45px)}.auth-doctor-caption{position:absolute;z-index:4;bottom:34px;inset-inline-end:10px;padding:12px 16px;border:1px solid #ffffff28;border-radius:17px;background:#071b35d9;backdrop-filter:blur(15px);box-shadow:0 18px 40px #0005}.auth-doctor-caption small,.auth-doctor-caption b,.auth-doctor-caption span{display:block}.auth-doctor-caption small{color:#65ddd5;font-size:9px}.auth-doctor-caption b{margin:3px 0}.auth-doctor-caption span{color:#b9cddd;font-size:10px}.auth-showcase-copy{position:relative;z-index:3;align-self:end;width:52%;padding-bottom:42px}.auth-showcase-copy>span{color:#6ce1d9;font-size:10px;font-weight:950;letter-spacing:.08em}.auth-showcase-copy h1{font-size:clamp(42px,5vw,73px);line-height:1.08;margin:14px 0}.auth-showcase-copy h1 em{font-style:normal;color:#64e1d8}.auth-showcase-copy p{color:#bfd1de;line-height:1.9}.auth-entry{min-height:100svh;display:grid;place-items:center;padding:55px 36px;background:#f3f7fa;color:#0a203b}.auth-entry-card{width:min(490px,100%);padding:34px;border:1px solid #d9e5ec;border-radius:30px;background:#fff;box-shadow:0 28px 75px #061b3326}.auth-entry-logo img{display:block;width:150px;height:62px;object-fit:contain;margin:0 auto 17px}.auth-entry-card>.eyebrow,.auth-entry-card>h2,.auth-entry-card>p{text-align:center;display:block}.auth-entry-card h2{font-size:27px;margin:7px 0}.auth-entry-card>p{color:#687b8e;margin:0}.auth-entry-form{margin-top:20px}.auth-entry-form .form-control{min-height:52px;background:#f8fafc;border-color:#c7d7e2}.auth-entry-form .login-main-btn{width:100%;min-height:55px;margin-top:14px;font-size:15px}.auth-support{text-align:center;margin-top:18px;padding-top:16px;border-top:1px solid #e4edf2}.auth-support span{font-size:10px;color:#087e78;font-weight:900}.auth-support p{font-size:10px;color:#6a7d90;line-height:1.7}.profile-setup-v10{display:block;background:#06172f}.profile-onboarding{min-height:100svh;display:grid;grid-template-columns:minmax(340px,.72fr) minmax(600px,1.28fr);background:#f3f7fa}.profile-onboarding-side{position:sticky;top:0;height:100svh;padding:32px 38px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% 38%,#19bdb54d,transparent 35%),linear-gradient(145deg,#06172f,#073a4e);color:#fff}.profile-onboarding-brand{display:flex;align-items:center;gap:11px;z-index:2}.profile-onboarding-brand img{width:65px;height:52px;object-fit:contain;background:#fff;border-radius:14px;padding:4px}.profile-onboarding-brand b,.profile-onboarding-brand small{display:block}.profile-onboarding-brand small{color:#62dcd4}.profile-onboarding-doctor{min-height:0;display:flex;align-items:flex-end;justify-content:center}.profile-onboarding-doctor img{height:100%;max-height:580px;width:100%;object-fit:cover;object-position:top center;border-radius:38% 38% 20px 20px;mask-image:linear-gradient(#000 80%,transparent)}.profile-onboarding-side>div:last-child{position:relative;z-index:2}.profile-onboarding-side>div:last-child>span{color:#67dfd7;font-size:9px;font-weight:950}.profile-onboarding-side h1{font-size:35px;margin:7px 0}.profile-onboarding-side p{color:#b9cedb;line-height:1.75;margin-top:0}.profile-onboarding-form{padding:40px;display:grid;place-items:center}.profile-form-card{width:min(930px,100%);padding:34px 38px;background:#fff;border:1px solid #d9e5ec;border-radius:30px;box-shadow:0 24px 70px #071b351c;color:#0a203b}.profile-form-head{text-align:center;margin-bottom:20px}.profile-form-head img{width:160px;height:64px;object-fit:contain}.profile-form-head h2{font-size:28px;margin:6px 0}.profile-form-head p{color:#687c8f;margin:0}.profile-form-card label{font-weight:850;color:#17314a}.profile-form-card .form-control{margin-top:6px;min-height:50px;background:#f8fafc;border-color:#c9d8e3}.profile-form-card .login-main-btn{min-height:56px;font-size:15px}.locked-track{min-height:50px;margin-top:6px;padding:9px 12px;display:grid;grid-template-columns:auto 1fr;gap:1px 9px;align-items:center;border:1px solid #b8dcd7;border-radius:12px;background:#edf9f7;color:#0b615d}.locked-track>span{grid-row:1/3}.locked-track small{font-size:9px;color:#587b79;font-weight:600}.public-home .v92-site{background:#f5f9fc}.public-home .v92-nav{max-width:none;padding-inline:max(28px,calc((100% - 1260px)/2));background:#071b35}.public-first-subscribe{margin-top:28px;margin-bottom:28px}.public-home .v92-hero{max-width:1260px;min-height:600px;margin:28px auto 0;padding:48px;border-radius:34px;background:linear-gradient(145deg,#071b35,#0a4054);box-shadow:0 28px 75px #061b3326}.v92-value-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.v92-value-line span{padding:8px 11px;border:1px solid #ffffff1c;border-radius:999px;color:#bcd1dd;font-size:10px}.public-home .v92-quick-strip{margin-top:18px}
@media(max-width:1000px){.auth-premium{grid-template-columns:1fr}.auth-showcase{min-height:650px}.auth-entry{min-height:auto}.profile-onboarding{grid-template-columns:1fr}.profile-onboarding-side{position:relative;height:520px}.profile-onboarding-doctor{position:absolute;inset-inline-end:20px;bottom:0;width:48%;height:86%}.profile-onboarding-side>div:last-child{width:55%;align-self:end}.profile-onboarding-form{padding:24px}.public-home .v92-hero{margin-inline:14px;padding:34px 24px}}
@media(max-width:600px){.auth-showcase{min-height:540px;padding:22px 17px}.auth-showcase-brand img{width:59px;height:48px}.auth-doctor-stage{width:72%;height:73%;inset-inline-end:-17%}.auth-doctor-caption{display:none}.auth-showcase-copy{width:70%;padding-bottom:15px}.auth-showcase-copy h1{font-size:38px}.auth-showcase-copy p{font-size:11px}.auth-entry{padding:18px 12px 34px}.auth-entry-card{padding:25px 16px;border-radius:23px}.profile-onboarding-side{height:430px;padding:22px 17px}.profile-onboarding-doctor{width:65%;inset-inline-end:-12%;height:78%}.profile-onboarding-side>div:last-child{width:72%}.profile-onboarding-side h1{font-size:27px}.profile-onboarding-side p{font-size:11px}.profile-onboarding-form{padding:0}.profile-form-card{min-height:100svh;padding:74px 15px 24px;border:0;border-radius:0}.profile-form-card .form-grid{grid-template-columns:1fr}.public-first-subscribe{margin-top:14px}.public-home .v92-hero{padding:27px 18px}.public-home .v92-nav{padding-inline:15px}}

/* V10.0.8 — clear managed-registration notice on the public home page */
.registration-notice{max-width:1260px;margin:28px auto 0;padding:26px 28px;border:1px solid #f1c978;border-radius:26px;background:linear-gradient(135deg,#fff9e9,#fff 55%,#effbf8);box-shadow:0 18px 55px #071b3512;color:#0a203b}.registration-notice-title{display:flex;align-items:flex-start;gap:16px}.registration-notice-title>span{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:15px;background:#f3a712;color:#fff;font-size:29px;font-weight:950;box-shadow:0 10px 24px #e9a51c45}.registration-notice-title small{display:block;color:#9b6500;font-size:10px;font-weight:950;letter-spacing:.08em}.registration-notice-title h1{margin:4px 0 5px;font-size:clamp(22px,3vw,34px);line-height:1.3}.registration-notice-title p{margin:0;color:#617487;line-height:1.75}.registration-steps{list-style:none;margin:22px 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:none}.registration-steps li{min-width:0;display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dbe8ed;border-radius:16px;background:#fff}.registration-steps i{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:9px;background:#0a8f88;color:#fff;font-style:normal;font-weight:950}.registration-steps b,.registration-steps span{display:block}.registration-steps b{font-size:12px;line-height:1.5}.registration-steps span{margin-top:4px;color:#718194;font-size:10px;line-height:1.6}.registration-notice-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px dashed #ddc996}.registration-notice-actions>a{display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:13px;background:#25d366;color:#063b2e;font-weight:950}.registration-notice-actions>a strong{direction:ltr}.registration-notice-actions>span{color:#63788a;font-size:10px;font-weight:800}.registration-notice+.public-first-subscribe{margin-top:20px}@media(max-width:900px){.registration-notice{margin-inline:14px;padding:22px 18px}.registration-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.registration-notice{margin-top:14px;border-radius:20px}.registration-notice-title>span{width:42px;height:42px}.registration-notice-title h1{font-size:22px}.registration-steps{grid-template-columns:1fr}.registration-notice-actions{align-items:stretch;display:grid}.registration-notice-actions>a{justify-content:center;text-align:center}.registration-notice-actions>span{text-align:center}}

/* V10.0.9 — ordinary inline PDF reader */
.native-pdf-reader{height:100svh;display:grid;grid-template-rows:auto 1fr;background:#101820}.native-pdf-reader>iframe{width:100%;height:100%;border:0;background:#30363d}

/* V10.1 — fast app-like student administration */
.student-manager-head{margin-bottom:14px;padding:20px;border:1px solid #dce8ef;border-radius:24px;background:linear-gradient(135deg,#fff,#f2fbfa);box-shadow:0 15px 42px #09243a0d}.student-manager-head .admin-filter-bar{display:grid;grid-template-columns:minmax(250px,1.6fr) repeat(4,minmax(125px,.7fr)) auto auto;gap:9px;align-items:center}.student-manager-head .admin-filter-bar .form-control{min-height:46px;background:#fff}.student-primary-actions{margin-top:13px;padding-top:13px;border-top:1px dashed #cbdde5}.student-bulk-toolbar.server-toolbar{position:sticky;z-index:12;top:76px;padding:11px 13px;border:1px solid #c9e3e0;border-radius:16px;background:#f2fbfaeF;box-shadow:0 10px 28px #08283e13;backdrop-filter:blur(12px)}.student-management-grid{min-width:1050px}.student-management-grid thead th{position:sticky;top:0;z-index:2;background:#0a2942;color:#fff}.student-management-grid tbody tr{transition:background .16s,transform .16s}.student-management-grid tbody tr:hover{background:#f1faf9}.student-management-grid td{vertical-align:middle}.student-management-grid .student-trigger b{font-size:12px}.admin-action-dialog{padding:0;border:0;background:transparent}.admin-action-dialog::backdrop{background:#03142699;backdrop-filter:blur(4px)}.admin-action-dialog .dialog-card{position:relative;width:min(720px,calc(100vw - 24px));max-height:min(88svh,900px);overflow:auto;padding:27px;border:1px solid #d9e6ed;border-radius:26px;background:#fff;box-shadow:0 35px 100px #001b3052}.admin-action-dialog .modal-close{position:sticky;z-index:10;top:0;float:left;width:42px;height:42px;border:0;border-radius:13px;background:#edf4f7;color:#0a2942;font-size:25px;cursor:pointer}.student-search-results:not(:empty){max-height:290px;overflow:auto}.student-search-results>button{display:grid;gap:3px;padding:11px 12px;border:0;border-bottom:1px solid #e6eef2;background:#fff;text-align:start;cursor:pointer}.student-search-results>button:hover{background:#eaf8f6}.student-search-selected{display:block;margin-top:7px;padding:8px 10px;border-radius:10px;background:#e9f8f5;color:#08766f;font-weight:850}.admin-filter-bar.is-loading,.stack-form.is-loading{opacity:.65;pointer-events:none}.admin-filter-bar.is-loading:after,.stack-form.is-loading:after{content:'جارٍ التنفيذ…';color:#08766f;font-weight:900}
@media(max-width:1180px){.student-manager-head .admin-filter-bar{grid-template-columns:repeat(3,1fr)}.student-manager-head .admin-filter-bar>input[name="q"]{grid-column:1/-1}}
@media(max-width:700px){.student-manager-head{padding:13px;border-radius:18px}.student-manager-head .admin-filter-bar{grid-template-columns:1fr 1fr}.student-manager-head .admin-filter-bar>input[name="q"],.student-manager-head .admin-filter-bar>select[name="center"],.student-manager-head .admin-filter-bar>select[name="sort"]{grid-column:1/-1}.student-manager-head .admin-filter-bar .btn{width:100%}.student-bulk-toolbar.server-toolbar{top:62px;overflow-x:auto;flex-wrap:nowrap}.student-bulk-toolbar.server-toolbar>*{flex:none}.admin-action-dialog .dialog-card{width:100vw;max-height:94svh;margin-top:6svh;border-radius:24px 24px 0 0;padding:20px 14px}.admin-action-dialog .dialog-card .form-grid{grid-template-columns:1fr}.student-primary-actions{grid-template-columns:1fr 1fr}.student-primary-actions .btn{min-height:45px}.student-management-grid{min-width:900px}}

/* V10.0.2 protected raster reader: the source PDF is never sent to the browser. */
.protected-pdf-page{margin:0;background:#071a2d;user-select:none;-webkit-user-select:none;overflow:auto}.raster-reader{min-height:100vh;height:auto;display:block;background:#071a2d}.raster-reader>header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 20px;background:rgba(7,26,45,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.raster-reader>header>a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1b3653;color:#fff;font-size:26px;text-decoration:none}.raster-reader>header>div{flex:1}.raster-reader>header b,.raster-reader>header small{display:block}.raster-reader>header small{margin-top:3px;color:#a9cad8}.raster-reader>header>span{padding:7px 12px;border-radius:999px;background:#0e938f;font-weight:800}.protected-page-stack{width:min(1120px,100%);margin:auto;padding:24px;display:grid;gap:24px}.protected-page-stack figure{margin:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.34)}.protected-page-stack img{display:block;width:100%;height:auto;pointer-events:none;-webkit-touch-callout:none}.protected-page-stack figcaption{padding:8px 14px;text-align:center;background:#eaf3f6;color:#36546a;font-weight:800}@media(max-width:650px){.raster-reader>header{padding:9px 10px;gap:9px}.raster-reader>header small{font-size:10px}.raster-reader>header>span{font-size:11px;padding:6px 8px}.protected-page-stack{padding:8px;gap:12px}.protected-page-stack figure{border-radius:8px}}
.protected-pdf-admin-form{position:relative}.pdf-convert-status{padding:9px 11px;border-radius:11px;background:#eaf8f6;color:#12645f;font-size:10px;font-weight:750;line-height:1.6}.pdf-convert-status.error{background:#fff0f0;color:#a52222}.protected-pdf-admin-form[data-converting="1"]:after{content:"";position:absolute;inset:0;border-radius:14px;background:rgba(255,255,255,.38);pointer-events:none}
/* V10.4 — human homework approval and live finance controls */
.homework-review-dialog .dialog-card{width:min(1120px,96vw);max-height:94vh;overflow:auto}.hw-admin-score-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.hw-admin-score-summary span{padding:14px;border-radius:15px;background:#eef8f8;color:#31526a;display:flex;justify-content:space-between}.hw-admin-score-summary b{color:#073b5b;font-size:18px}.homework-admin-essays{display:grid;gap:14px;margin:16px 0}.hw-answer-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.hw-answer-compare section{padding:13px;border-radius:14px;background:#f6f9fb;border:1px solid #dce8ee}.hw-answer-compare section:nth-child(2){background:#eefaf7;border-color:#bfe8dd}.hw-answer-compare p{white-space:pre-wrap;line-height:1.75;margin:7px 0 0}.homework-admin-essays select{max-width:210px;margin-top:7px}@media(max-width:700px){.hw-admin-score-summary,.hw-answer-compare{grid-template-columns:1fr}.homework-review-dialog .dialog-card{width:100%;max-height:100vh;border-radius:0}}
/* V10.5 teaching plan, subscription map and live attendance */
.current-week-home{display:flex;align-items:center;gap:18px;padding:22px;background:linear-gradient(135deg,#082b4b,#087b83);color:#fff}.current-week-home>span{font-size:34px}.current-week-home div{flex:1}.current-week-home h2{margin:4px 0}.current-week-home small,.current-week-home p{color:#d5fbf7}.plan-hero,.subscription-detail-hero{background:linear-gradient(135deg,#071f3c,#086d76);color:#fff}.plan-timeline{display:grid;gap:12px}.plan-week{display:flex;gap:16px;align-items:center}.plan-week.current{border:2px solid #0fb9b1;background:#ebfffd}.plan-week-no{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#082b4b;color:#fff;font-weight:900}.plan-week h3{margin:4px 0 10px}.current-week-card{background:linear-gradient(135deg,#eafffb,#fff);border:2px solid #16b8ad}.current-week-card span{color:#078d87;font-weight:900}.subscription-month-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subscription-month-card.locked{opacity:.72}.subscription-month-card ul{display:grid;gap:9px;padding-inline-start:20px}.subscription-month-card li small{display:block;color:var(--muted);margin-top:3px}.plan-admin-form table{min-width:1180px}.plan-admin-form input,.plan-admin-form select{min-width:150px}.attendance-group-tabs{display:flex;gap:10px;overflow:auto}.attendance-group-tabs>a{min-width:190px;padding:15px}.attendance-group-tabs>a.active{border:2px solid #12aaa5}.attendance-group-tabs small,.attendance-member-list small{display:block;color:var(--muted)}.attendance-member-list{display:grid;gap:7px;margin-top:16px}.attendance-member-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.student-search-results{display:grid;gap:4px}.student-search-results button{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;text-align:start}.student-search-results small{display:block}.attendance-code-input{font-size:28px!important;letter-spacing:12px;text-align:center;font-weight:900}.attendance-student-dialog{border:0;background:transparent;width:min(92vw,520px)}.attendance-student-dialog::backdrop{background:#06182bd9;backdrop-filter:blur(6px)}.attendance-student-dialog .dialog-card{position:relative;background:#fff;border-radius:26px;padding:30px}.attendance-success{text-align:center;padding:24px}.attendance-success>span{display:grid;place-items:center;margin:auto;width:74px;height:74px;border-radius:50%;background:#19bb9b;color:#fff;font-size:42px}
@media(max-width:800px){.subscription-month-cards{grid-template-columns:1fr}.current-week-home{align-items:flex-start}.attendance-group-tabs{padding-bottom:8px}.attendance-student-dialog .dialog-card{padding:24px 18px}.plan-week{align-items:flex-start}.plan-week-no{flex:0 0 44px;width:44px;height:44px}}

/* V10.5.1 — professional separated plan and attendance workspaces */
.admin-plan-hero,.attendance-admin-hero{margin-bottom:20px;padding:30px 34px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 85% 15%,#18c8bc2d,transparent 30%),linear-gradient(135deg,#071c38,#0a4d63);color:#fff;box-shadow:0 22px 55px #061b3326}.admin-plan-hero h2,.attendance-admin-hero h2{font-size:30px;margin:7px 0}.admin-plan-hero p,.attendance-admin-hero p{margin:0;color:#c7dbe5}.admin-plan-metrics{display:flex;gap:9px}.admin-plan-metrics span{min-width:90px;padding:13px;border:1px solid #ffffff1d;border-radius:16px;background:#ffffff0d;text-align:center}.admin-plan-metrics b{display:block;font-size:25px;color:#62e3da}.plan-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-month-filter,.study-plan-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.plan-month-filter button,.study-plan-tabs button{white-space:nowrap;padding:10px 14px;border:1px solid #d5e2e9;border-radius:999px;background:#fff;color:#496175;font-weight:850;cursor:pointer}.plan-month-filter button.active,.study-plan-tabs button.active{background:#082d49;color:#fff;border-color:#082d49}.save-indicator{color:#087c76;font-weight:850}.admin-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-week-card{padding:18px;border:1px solid #dbe7ed;border-radius:22px;background:#fff;box-shadow:0 12px 32px #09243a0c}.admin-week-card.current{border:2px solid #15b9ae;background:linear-gradient(135deg,#edfffc,#fff)}.admin-week-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.admin-week-number{display:flex;align-items:center;gap:8px}.admin-week-number small{font-size:8px;letter-spacing:.14em;color:#718598}.admin-week-number b{font-size:25px;color:#082d49}.admin-week-card header em{padding:5px 8px;border-radius:999px;background:#13aa9f;color:#fff;font-size:9px;font-style:normal}.admin-week-dates{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}.admin-week-card>label,.admin-week-dates label{display:block;margin-top:10px;font-size:10px;font-weight:850;color:#496176}.admin-week-card .form-control{margin-top:5px;background:#f8fafc}.plan-save-dock{position:sticky;z-index:15;bottom:14px;margin:20px auto 0;width:min(760px,calc(100% - 20px));padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #bcdedb;border-radius:20px;background:#f5fffef2;box-shadow:0 18px 50px #05213926;backdrop-filter:blur(15px)}.plan-save-dock b,.plan-save-dock small{display:block}.plan-save-dock small{color:#6a7d8e}.attendance-live-orb{width:125px;height:125px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#ffffff0e;border:1px solid #ffffff1e}.attendance-live-orb.on{background:#e83b672b;box-shadow:0 0 0 10px #e83b6711}.attendance-live-orb b{font-size:22px;color:#61e3da}.attendance-live-orb.on b{color:#ff809d}.attendance-live-orb span{font-size:9px;color:#c9dce4}.attendance-title-row{margin-bottom:12px}.attendance-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.attendance-group-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:16px;border:1px solid #dbe7ed;border-radius:19px;background:#fff;color:#102f48}.attendance-group-card.active{border:2px solid #11a9a1;background:#edfcfa}.attendance-group-card>span{font-size:25px}.attendance-group-card b,.attendance-group-card small{display:block}.attendance-group-card small{margin-top:3px;color:#6e8293}.attendance-group-card strong{font-size:10px;color:#087f79}.attendance-workspace{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.attendance-members-panel,.attendance-session-maker,.attendance-sessions-card,.attendance-live-board{padding:22px}.attendance-session-maker{background:linear-gradient(145deg,#fff,#eefaf8)}.attendance-session-maker>p{color:#63798b}.attendance-member-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px}.member-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#082d49;color:#fff;font-weight:900}.attendance-code-chip{display:inline-block;padding:7px 10px;border-radius:10px;background:#082d49;color:#fff;font:900 16px/1 monospace;letter-spacing:3px}.attendance-live-board{border:2px solid #13aaa2;background:linear-gradient(145deg,#fff,#effcfa)}
.study-plan-hero{position:relative;overflow:hidden;min-height:340px;padding:40px;border-radius:30px;display:grid;grid-template-columns:1fr 260px;align-items:center;gap:25px;background:radial-gradient(circle at 80% 20%,#1bd0c244,transparent 28%),linear-gradient(135deg,#061a36,#08546b);color:#fff;box-shadow:0 25px 65px #061b332c}.study-plan-hero:after{content:"</>";position:absolute;inset-inline-end:25%;bottom:-75px;font:900 210px/1 monospace;color:#ffffff08}.study-plan-copy{position:relative;z-index:1}.study-plan-copy h2{max-width:720px;font-size:clamp(32px,4vw,55px);line-height:1.15;margin:13px 0}.study-plan-copy p{max-width:750px;color:#c7dbe5;line-height:1.9}.study-plan-progress{max-width:560px;margin-top:28px}.study-plan-progress>div{display:flex;justify-content:space-between}.study-plan-progress i{display:block;height:9px;margin-top:8px;border-radius:99px;background:#ffffff1d;overflow:hidden}.study-plan-progress i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18c2b8,#6ce9df)}.study-plan-visual{position:relative;z-index:2;aspect-ratio:1;border:1px solid #ffffff1d;border-radius:50%;display:grid;place-content:center;text-align:center;background:#ffffff0a;box-shadow:0 0 0 18px #ffffff05,0 0 0 38px #ffffff03}.study-plan-visual>span{font-size:78px;font-weight:950;color:#65e3da;line-height:.95}.study-plan-visual b,.study-plan-visual small{display:block}.study-plan-visual small{margin-top:7px;color:#bcd2dd}.current-week-showcase{padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border-radius:24px;background:linear-gradient(100deg,#eafffb,#fff);border:2px solid #13b1a8;box-shadow:0 16px 40px #0c837819}.current-week-badge{width:72px;height:72px;border-radius:21px;display:grid;place-content:center;text-align:center;background:#082d49;color:#fff}.current-week-badge small{font-size:8px;color:#63e0d8}.current-week-badge b{font-size:29px}.current-week-showcase>div:nth-child(2)>span{font-size:9px;font-weight:950;color:#0a8f88;letter-spacing:.1em}.current-week-showcase h2{margin:5px 0}.current-week-showcase p{margin:0;color:#687e8f}.current-week-showcase aside{min-width:170px;padding:13px;border-radius:15px;background:#fff;border:1px solid #d7e7e7;text-align:center}.current-week-showcase aside small,.current-week-showcase aside b{display:block}.current-week-showcase aside small{color:#718595}.study-plan-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}.student-plan-roadmap{position:relative;max-width:1050px;margin:auto}.student-plan-card{display:grid;grid-template-columns:72px 1fr;gap:15px}.student-plan-marker{display:grid;grid-template-rows:48px 1fr;justify-items:center}.student-plan-marker>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eaf1f5;color:#294b63;font-weight:950}.student-plan-marker>i{width:3px;height:100%;min-height:45px;background:#dce8ed}.student-plan-card.current .student-plan-marker>span{background:#11aaa1;color:#fff;box-shadow:0 0 0 8px #11aaa117}.student-plan-card.done .student-plan-marker>span{background:#082d49;color:#fff}.student-plan-content{margin-bottom:13px;padding:19px 21px;border:1px solid #dce7ed;border-radius:21px;background:#fff;box-shadow:0 10px 28px #09243a0b;transition:.2s}.student-plan-card:not([hidden]) .student-plan-content:hover{transform:translateY(-2px);box-shadow:0 16px 35px #09243a16}.student-plan-card.current .student-plan-content{border:2px solid #12aaa2;background:linear-gradient(135deg,#effdfa,#fff)}.student-plan-content header,.student-plan-content footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.student-plan-content h3{margin:5px 0;font-size:19px}.student-plan-content small{color:#718596}.student-plan-content footer{margin-top:13px;padding-top:12px;border-top:1px dashed #d7e4ea;color:#60778a;font-size:10px}.student-plan-content footer strong{color:#087d77}.plan-kind{padding:7px 10px;border-radius:999px;background:#e8f5f5;color:#087c76;font-size:9px;font-weight:900;white-space:nowrap}.plan-kind.test{background:#fff0f2;color:#ba3558}
@media(max-width:900px){.admin-plan-hero,.attendance-admin-hero{align-items:flex-start}.admin-plan-metrics{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.admin-plan-hero{display:grid}.admin-plan-grid,.attendance-group-grid{grid-template-columns:1fr 1fr}.attendance-workspace{grid-template-columns:1fr}.study-plan-hero{grid-template-columns:1fr 180px;padding:30px}.study-plan-visual>span{font-size:58px}}
@media(max-width:620px){.admin-plan-hero,.attendance-admin-hero{padding:22px 17px;border-radius:22px;display:grid}.admin-plan-hero h2,.attendance-admin-hero h2{font-size:24px}.admin-plan-metrics span{min-width:0}.admin-plan-grid,.attendance-group-grid{grid-template-columns:1fr}.plan-admin-toolbar,.study-plan-controls{align-items:stretch;display:grid}.plan-save-dock{bottom:8px}.plan-save-dock div{display:none}.plan-save-dock .btn{width:100%}.study-plan-hero{min-height:auto;grid-template-columns:1fr;padding:25px 19px;border-radius:24px}.study-plan-visual{display:none}.study-plan-copy h2{font-size:34px}.current-week-showcase{grid-template-columns:auto 1fr}.current-week-showcase aside{grid-column:1/-1;min-width:0}.student-plan-card{grid-template-columns:48px 1fr;gap:9px}.student-plan-marker>span{width:42px;height:42px}.student-plan-content{padding:15px}.student-plan-content header{align-items:flex-start}.student-plan-content h3{font-size:16px}.student-plan-content footer{align-items:flex-start;display:grid}.attendance-live-orb{width:100%;height:auto;border-radius:18px;padding:15px}}

/* V10.5.2 — clear subscription status and premium subscription page */
.subscription-state{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(320px,1.1fr);align-items:center;gap:22px;margin:0 0 20px;padding:18px 20px;border:1px solid #b9dfda;border-radius:22px;background:linear-gradient(120deg,#effcf9,#fff);box-shadow:0 12px 34px #082a4210}.subscription-state:before{content:"";position:absolute;inset-inline-start:-35px;top:-55px;width:140px;height:140px;border-radius:50%;background:#16b8aa0c}.subscription-state-main{position:relative;display:flex;align-items:center;gap:14px;min-width:0}.subscription-state-icon{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#0db0a6,#087970);color:#fff;font-size:25px;font-weight:950;box-shadow:0 9px 22px #07837b2b}.subscription-state-main>div{min-width:0}.subscription-state-label{display:block!important;margin:0 0 3px!important;color:#0a8c84!important;font-size:8px!important;font-weight:950;letter-spacing:.12em}.subscription-state-main b{display:block;font-size:14px;color:#082943}.subscription-state-main>div>small:last-child{display:block;margin-top:5px;color:#5e7587;font-size:10px;line-height:1.55}.subscription-state-message{position:relative;padding-inline-start:20px;border-inline-start:1px dashed #bcd9d6}.subscription-state-message p{margin:0;color:#536d80;font-size:11px;line-height:1.7}.subscription-state-message a{display:inline-flex;align-items:center;gap:8px;margin-top:7px;color:#087d77;font-size:10px;font-weight:950}.subscription-state-message a span{font-size:15px;transition:transform .2s}.subscription-state-message a:hover span{transform:translateX(-3px)}.subscription-state.blocked{border-color:#ead29f;background:linear-gradient(120deg,#fff8e9,#fff)}.subscription-state.blocked .subscription-state-icon{background:linear-gradient(145deg,#e7a52d,#a86708);box-shadow:0 9px 22px #b477172b}.subscription-state.blocked .subscription-state-label,.subscription-state.blocked .subscription-state-message a{color:#93600e!important}.subscription-state.partial{border-color:#b7d8ed;background:linear-gradient(120deg,#eef8ff,#fff)}.subscription-state.partial .subscription-state-icon{background:linear-gradient(145deg,#279dd0,#12618e)}
.subscription-page-hero{position:relative;overflow:hidden;min-height:335px;padding:38px 42px;border-radius:32px;display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:30px;background:radial-gradient(circle at 82% 12%,#23d1c538,transparent 30%),linear-gradient(135deg,#061a36,#084e66 72%,#087a71);color:#fff;box-shadow:0 25px 65px #061b332c}.subscription-page-hero:after{content:"✓";position:absolute;inset-inline-start:-35px;bottom:-100px;font-size:300px;font-weight:950;color:#ffffff06}.subscription-page-copy{position:relative;z-index:1}.subscription-page-copy h2{max-width:700px;margin:10px 0;font-size:clamp(32px,4vw,52px);line-height:1.18}.subscription-page-copy>p{max-width:690px;margin:0;color:#c7dce5;line-height:1.9}.subscription-progress{max-width:560px;margin-top:27px}.subscription-progress>div{display:flex;align-items:center;justify-content:space-between}.subscription-progress>div span{color:#65e5dc;font-weight:900}.subscription-progress>i{display:block;height:10px;margin-top:9px;border-radius:99px;background:#ffffff18;overflow:hidden}.subscription-progress>i>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18c2b8,#76eee5);box-shadow:0 0 18px #5ee9df}.subscription-total-orb{position:relative;z-index:1;aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;display:grid;place-content:center;text-align:center;background:#ffffff0b;box-shadow:0 0 0 18px #ffffff05,0 0 0 38px #ffffff03}.subscription-total-orb small{font-size:9px;color:#bcd8e1;letter-spacing:.12em;font-weight:900}.subscription-total-orb strong{margin:5px 0;font-size:46px;line-height:1;color:#6ae5dc}.subscription-total-orb b{font-size:11px}.subscription-overview{position:relative;z-index:2;width:calc(100% - 60px);margin:-34px auto 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.subscription-overview article{min-height:95px;padding:17px 19px;border:1px solid #dbe8ed;border-radius:20px;display:flex;align-items:center;gap:13px;background:#fff;box-shadow:0 14px 35px #08283e16}.subscription-overview article>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#e8f8f5;color:#07817a;font-size:20px;font-weight:950}.subscription-overview small,.subscription-overview b{display:block}.subscription-overview small{color:#718697;font-size:9px}.subscription-overview b{margin-top:4px;color:#0a2942;font-size:18px}.subscription-section{margin-top:30px}.subscription-section-head{margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.subscription-section-head h2{margin:5px 0;font-size:27px}.subscription-section-head p{margin:0;color:#6a7f90}.subscription-legend{display:flex;gap:7px;flex-wrap:wrap}.subscription-legend span,.payments-total-chip{padding:8px 11px;border:1px solid #dbe6eb;border-radius:999px;background:#fff;color:#718493;font-size:9px;font-weight:900}.subscription-legend .is-active{border-color:#bce5dc;background:#ecfaf7;color:#087d76}.subscription-month-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subscription-month-card{position:relative;overflow:hidden;padding:19px;border:1px solid #dce7ed;border-radius:22px;background:#fff;box-shadow:0 11px 30px #08273e0c;transition:transform .2s,box-shadow .2s,border-color .2s}.subscription-month-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #08273e16}.subscription-month-card.active{border:2px solid #16aea4;background:linear-gradient(145deg,#effcf9,#fff)}.subscription-month-card.locked{opacity:.78;background:#f7f9fa}.subscription-month-card header{display:flex;align-items:center;gap:11px}.month-state-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:14px;background:#e7eff3;color:#6d8190;font-weight:950}.subscription-month-card.active .month-state-icon{background:#0da69d;color:#fff}.subscription-month-card header small{color:#758897;font-size:8px;font-weight:950;letter-spacing:.09em}.subscription-month-card.active header small{color:#09867f}.subscription-month-card h3{margin:3px 0;font-size:17px}.month-content-count{position:absolute;inset-inline-end:17px;top:20px;text-align:center}.month-content-count b,.month-content-count span{display:block}.month-content-count b{font-size:19px;color:#0a2942}.month-content-count span{font-size:7px;color:#8494a0}.subscription-month-card ul{margin:17px 0 0;padding:13px 0 0!important;border-top:1px dashed #d8e4e9;list-style:none}.subscription-month-card li{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.55}.subscription-month-card li>span{width:7px;height:7px;flex:none;margin-top:5px;border-radius:50%;background:#13aaa1}.subscription-month-card li small{font-size:8px}.subscription-month-card .empty-month{color:#718493}.subscription-payments{display:grid;gap:10px}.subscription-payments>article{display:grid;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px;border:1px solid #dce7ed;border-radius:19px;background:#fff;transition:.2s}.subscription-payments>article:hover{border-color:#16aca3;transform:translateX(-3px);box-shadow:0 12px 28px #08283e10}.payment-date{padding:10px;border-radius:14px;background:#edf8f7;text-align:center}.payment-date b,.payment-date span{display:block}.payment-date b{font-size:22px;color:#087e78}.payment-date span{font-size:8px;color:#6d8291}.payment-body small{color:#0b8c84;font-size:8px;font-weight:950;letter-spacing:.08em}.payment-body h3{margin:4px 0;font-size:14px}.payment-body p{margin:0;color:#758897;font-size:10px}.subscription-payments>article>strong{padding:10px 13px;border-radius:13px;background:#082e49;color:#fff;font-size:17px}.subscription-payments>article>strong small{font-size:8px;color:#bcd4de}.payments-total-chip{background:#082e49;color:#fff;border:0;font-size:13px}.subscription-empty{padding:40px 20px;border:1px dashed #bdcfd8;border-radius:22px;background:#f8fbfc;text-align:center}.subscription-empty>span{font-size:40px;color:#13a99f}.subscription-empty h3{margin:8px 0}.subscription-empty p{margin:0;color:#6f8393}
@media(max-width:900px){.subscription-state{grid-template-columns:1fr}.subscription-state-message{padding-inline-start:68px;border:0}.subscription-page-hero{grid-template-columns:1fr 190px;padding:31px}.subscription-total-orb strong{font-size:38px}.subscription-month-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.subscription-state{gap:10px;padding:14px;border-radius:18px}.subscription-state-icon{width:47px;height:47px;border-radius:14px}.subscription-state-main b{font-size:12px}.subscription-state-main>div>small:last-child{font-size:9px}.subscription-state-message{padding-inline-start:61px}.subscription-state-message p{font-size:10px}.subscription-page-hero{min-height:auto;grid-template-columns:1fr;padding:25px 19px;border-radius:24px}.subscription-page-copy h2{font-size:33px}.subscription-total-orb{aspect-ratio:auto;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;box-shadow:none}.subscription-total-orb strong{font-size:29px}.subscription-overview{width:calc(100% - 20px);margin:-10px auto 22px;grid-template-columns:1fr}.subscription-overview article{min-height:72px}.subscription-section-head{align-items:flex-start;display:grid}.subscription-month-cards{grid-template-columns:1fr}.subscription-payments>article{grid-template-columns:60px 1fr}.subscription-payments>article>strong{grid-column:2;justify-self:start}.payment-date{padding:8px}.month-content-count{inset-inline-end:12px}}

/* V10.5.3 — compact grouped administration navigation */
.admin-home-link{margin-bottom:3px}.admin-nav-group{border:1px solid transparent;border-radius:16px;overflow:hidden;transition:.2s}.admin-nav-group[open]{border-color:#ffffff12;background:#ffffff06}.admin-nav-group summary{position:relative;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:15px;color:#cbd9e9;cursor:pointer;list-style:none;user-select:none;transition:.2s}.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav-group summary:hover,.admin-nav-group[open]>summary{color:#fff;background:#ffffff08}.admin-nav-group summary svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.admin-nav-group summary>span{min-width:0;flex:1;font-size:12px;font-weight:850}.admin-nav-group summary>i{font-size:16px;font-style:normal;color:#7fa0b8;transition:transform .2s}.admin-nav-group[open] summary>i{transform:rotate(180deg);color:#67e0d8}.admin-nav-group summary .nav-count{margin-inline-start:0}.admin-nav-children{position:relative;display:grid;gap:3px;padding:2px 7px 8px 9px}.admin-nav-children:before{content:"";position:absolute;inset-inline-start:21px;top:0;bottom:12px;width:1px;background:#ffffff17}.admin-nav-children .nav-link{position:relative;min-height:37px;margin-inline-start:23px;padding:9px 11px;font-size:11px;border-radius:11px;color:#aebfd0}.admin-nav-children .nav-link:before{content:"";position:absolute;inset-inline-start:-13px;width:6px;height:6px;border:2px solid #52748e;border-radius:50%;background:#092b48}.admin-nav-children .nav-link:hover{color:#fff;background:#ffffff08}.admin-nav-children .nav-link.active{color:#fff;background:linear-gradient(90deg,#16b9ae2b,#ffffff0b);box-shadow:none;font-weight:900}.admin-nav-children .nav-link.active:before{border-color:#62e5dc;background:#62e5dc;box-shadow:0 0 0 4px #62e5dc18}.admin-nav-children .nav-link.active:after{content:"";position:absolute;inset-inline-end:7px;width:3px;height:18px;border-radius:4px;background:#5de1d8}.sidebar:has(.admin-nav-group) .side-nav{gap:5px;margin-top:14px}.sidebar:has(.admin-nav-group) .brand{padding-bottom:14px}.sidebar:has(.admin-nav-group) .sidebar-foot{padding-top:12px}
/* V10.48 — scheduled high-capacity first exam */
.public-exam-banner{margin:18px auto;max-width:1460px;padding:22px 28px;border-radius:24px;background:linear-gradient(120deg,#071f3d,#07556a 65%,#12aaa3);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 18px 44px #082b4550}.public-exam-banner span{color:#66f1e3;font-size:12px;font-weight:900;letter-spacing:1px}.public-exam-banner h2{margin:6px 0;font-size:clamp(22px,3vw,36px);color:#fff}.public-exam-banner p{margin:0;color:#d8f3f4}.public-exam-banner a{padding:14px 22px;border-radius:14px;background:#ffd777;color:#092847;font-weight:900;white-space:nowrap}
.student-exam-reminder{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px 26px;border-radius:24px;background:linear-gradient(120deg,#071f3d,#0a6875);color:#fff;box-shadow:0 18px 40px #09284735}.student-exam-date{display:grid;place-items:center;width:76px;height:76px;border-radius:20px;background:#ffd777;color:#092847}.student-exam-date b{font-size:31px;line-height:1}.student-exam-reminder small{color:#61e4d8;font-weight:900}.student-exam-reminder h2{color:#fff;margin:5px 0}.student-exam-reminder p{color:#d8f3f4;margin:0}.student-exam-reminder>strong{font-size:28px}
.first-exam-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:38px;border-radius:32px;background:radial-gradient(circle at 15% 20%,#127b8066,transparent 32%),linear-gradient(125deg,#061d3a,#075765);color:#fff;overflow:hidden}.exam-hero-copy>span{color:#5de8db;font-weight:900;letter-spacing:1px}.exam-hero-copy h1{font-size:clamp(34px,5vw,64px);margin:10px 0;color:#fff}.exam-hero-copy p{font-size:18px;color:#d5eff1}.exam-specs{display:flex;gap:9px;flex-wrap:wrap}.exam-specs b{padding:9px 14px;border:1px solid #ffffff33;border-radius:99px;background:#ffffff12}.exam-date-orb{width:150px;height:170px;border-radius:34px;background:#ffd777;color:#092847;display:grid;place-items:center;align-content:center;box-shadow:0 20px 50px #0004;transform:rotate(3deg)}.exam-date-orb b{font-size:70px;line-height:.9}.exam-date-orb span{font-size:24px;font-weight:900}.exam-slot-card{margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border:1px solid #cae2e7;border-radius:24px;background:#fff}.exam-slot-card small{color:#078d8a;font-weight:900}.exam-slot-card h2{margin:6px 0;color:#082847}.exam-slot-card p{margin:0;color:#567080}.exam-wait-pill{padding:12px 17px;border-radius:99px;background:#eaf7f5;color:#087a75;font-weight:900}.exam-prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.exam-prep-grid article{padding:22px;border:1px solid #d7e7ed;border-radius:22px;background:#fff}.exam-prep-grid span{color:#12aaa3;font-weight:900}.exam-prep-grid h3{margin:8px 0}.exam-prep-grid p{margin:0;color:#667d8d}
.exam-stage{max-width:1050px;margin:0 auto;padding-bottom:100px}.exam-stage-head{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;border-radius:0 0 24px 24px;background:#082847;color:#fff;box-shadow:0 12px 30px #061b3433}.exam-stage-head small{color:#5de8db;font-weight:900}.exam-stage-head h1{font-size:20px;color:#fff;margin:4px 0}.exam-stage-head span{font-size:13px;color:#cfedef}.exam-clock{min-width:105px;padding:10px;border-radius:16px;background:#ffffff15;text-align:center}.exam-clock b{display:block;font-size:27px;color:#fff}.time-warning .exam-clock{background:#a52b39}.exam-progress{padding:18px 0}.exam-progress>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.exam-progress>div>span{height:8px;border-radius:9px;background:#dfecef;overflow:hidden}.exam-progress i{display:block;height:100%;background:linear-gradient(90deg,#12aaa3,#ffd777)}.exam-question-card{display:none;min-height:460px;padding:32px;border:1px solid #d3e4ea;border-radius:28px;background:#fff;box-shadow:0 18px 46px #08284712}.exam-question-card.active{display:block;animation:examIn .24s ease}.exam-q-meta{display:flex;justify-content:space-between;color:#0d938e;font-weight:900}.exam-question-card h2{font-size:clamp(22px,3vw,32px);line-height:1.65;margin:20px 0;color:#082847}.exam-option{display:block;margin:11px 0}.exam-option input{position:absolute;opacity:0}.exam-option span{display:block;padding:16px 18px;border:2px solid #d8e7ec;border-radius:18px;color:#183b55;font-size:17px;font-weight:700;cursor:pointer;transition:.18s}.exam-option input:checked+span{border-color:#12aaa3;background:#e9faf7;box-shadow:0 0 0 4px #12aaa31a}.exam-fill-wrap{margin-top:30px}.exam-fill{font-size:22px!important;padding:20px!important;text-align:center}.exam-fill-wrap small{display:block;margin-top:10px;color:#6a7f8c}.exam-actions{position:sticky;bottom:15px;z-index:15;display:flex;justify-content:center;gap:10px;margin-top:18px;padding:12px;border:1px solid #d6e6ec;border-radius:20px;background:#ffffffed;backdrop-filter:blur(12px)}.exam-actions .btn{min-width:150px}.exam-submit{background:#0b827d!important}.exam-result{text-align:center;padding:55px;border-radius:28px;background:#fff}.exam-result>span{display:grid;place-items:center;width:80px;height:80px;margin:auto;border-radius:50%;background:#e1f8f3;color:#09877f;font-size:40px}.exam-result strong{display:block;font-size:58px;color:#082847;margin:15px}
.admin-first-exam>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:28px;background:linear-gradient(120deg,#071f3d,#087473);color:#fff}.admin-first-exam h1{color:#fff;margin:7px 0}.admin-first-exam header span{color:#5de8db;font-weight:900}.admin-first-exam header p{color:#d6f0f1}.admin-exam-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.admin-exam-slots article{padding:18px;border:1px solid #d5e6eb;border-radius:18px;background:#fff}.admin-exam-slots b,.admin-exam-slots span{display:block}.admin-exam-slots small{color:#078d88}.admin-question-bank details{margin:12px 0;border:1px solid #d5e6eb;border-radius:18px;background:#fff;overflow:hidden}.admin-question-bank summary{display:flex;justify-content:space-between;padding:20px;cursor:pointer}.admin-exam-questions{padding:0 18px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-exam-questions article{padding:18px;border-radius:16px;background:#f6fafb}.admin-exam-questions article>div{display:flex;gap:10px;color:#088b87}.admin-exam-questions em{font-style:normal;font-weight:900}.admin-exam-questions h3{line-height:1.7}.admin-exam-questions li{padding:5px}.admin-exam-questions li.correct,.admin-correct-answer{color:#067c62;font-weight:900}
.exam-monitor-page{background:#06182e}.exam-monitor{min-height:100vh;padding:28px;color:#fff;background:radial-gradient(circle at 75% 0,#0a757866,transparent 28%),#06182e}.exam-monitor>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.monitor-brand{display:flex;align-items:center;gap:15px}.monitor-brand img{width:68px;height:68px;border-radius:18px;background:#fff}.monitor-brand small,.monitor-title span{color:#58e4d9;font-weight:900;letter-spacing:1px}.monitor-brand h1{color:#fff;margin:3px 0}.monitor-brand p{margin:0;color:#a9c8d2}.monitor-actions{display:flex;gap:10px;align-items:center}.monitor-actions button,.monitor-actions a{border:1px solid #ffffff24;border-radius:13px;background:#ffffff12;color:#fff;padding:11px 14px}.monitor-actions i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#29dd8d;box-shadow:0 0 12px #29dd8d}.monitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.monitor-stats article{padding:18px 22px;border:1px solid #ffffff13;border-radius:20px;background:#ffffff09}.monitor-stats b{display:block;font-size:36px;color:#fff}.monitor-stats small{color:#a9c8d2}.monitor-columns{display:grid;grid-template-columns:1fr 370px;gap:18px}.monitor-live,.monitor-columns aside{padding:22px;border:1px solid #ffffff12;border-radius:26px;background:#ffffff07}.monitor-title{display:flex;justify-content:space-between;align-items:end}.monitor-title h2{color:#fff;margin:5px 0}.monitor-title p{color:#94b6c3}.monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.monitor-student{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:17px;background:#fff;color:#082847;animation:examIn .35s calc(var(--rank)*.03s) both}.monitor-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e6f8f5;color:#087f79;font-weight:900}.monitor-student small{display:block;color:#718795}.monitor-student span{display:block;height:5px;margin-top:7px;border-radius:8px;background:#e0ebee}.monitor-student i{display:block;height:100%;border-radius:8px;background:#12aaa3}.monitor-student>strong{font-size:25px}.monitor-student.online{box-shadow:inset -4px 0 #20d598}.monitor-columns aside ol{list-style:none;padding:0}.monitor-columns aside li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff12}.monitor-columns aside em{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#ffffff12;font-style:normal}.monitor-columns aside li div{flex:1}.monitor-columns aside b{display:block}.monitor-columns aside small{color:#8dacb8}.monitor-columns aside strong{font-size:22px}.monitor-empty{padding:35px;text-align:center;color:#8eafbb}.monitor-columns aside .monitor-empty{display:block}.monitor-columns aside li:nth-child(1) em{background:#ffd777;color:#082847}
@keyframes examIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:780px){.public-exam-banner,.exam-slot-card,.admin-first-exam>header{align-items:stretch;flex-direction:column}.public-exam-banner a{text-align:center}.student-exam-reminder{grid-template-columns:auto 1fr}.student-exam-reminder>strong{display:none}.first-exam-hero{grid-template-columns:1fr;padding:25px}.exam-date-orb{width:100%;height:105px;grid-template-columns:auto auto auto;gap:7px}.exam-date-orb b{font-size:48px}.exam-prep-grid,.admin-exam-slots,.admin-exam-questions{grid-template-columns:1fr}.exam-stage{width:100%}.exam-stage-head{padding:12px}.exam-stage-head h1{font-size:16px}.exam-question-card{padding:20px 16px;min-height:55vh}.exam-question-card h2{font-size:21px}.exam-option span{padding:15px;font-size:16px}.exam-actions{bottom:8px}.exam-actions .btn{min-width:0;flex:1}.monitor-columns{grid-template-columns:1fr}.monitor-grid{grid-template-columns:1fr}}

/* V10.49 — bilingual admin bank and exact student preview */
.admin-exam-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-question-language{padding:15px;border-radius:15px;background:#fff}.admin-question-language+.admin-question-language{margin-top:10px;border-top:1px solid #d9e7eb}.admin-question-language>small{color:#09948d;font-weight:900;letter-spacing:1px}.admin-question-language.en{font-family:Arial,sans-serif}.admin-question-language h3{margin:7px 0}.exam-preview-page{background:#edf4f6}.exam-preview-toolbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:#fff;border-bottom:1px solid #ccdde3;box-shadow:0 8px 24px #08284715}.exam-preview-toolbar small{display:block;color:#667d8b}.exam-preview-toolbar nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.exam-preview-toolbar a,.exam-preview-toolbar button{padding:9px 13px;border:1px solid #cbdde3;border-radius:12px;background:#fff;color:#082847;font-weight:800;cursor:pointer}.exam-preview-toolbar a.active{background:#082847;color:#fff}.exam-preview-stage{padding-top:15px}.preview-fill-answer{display:none;margin-top:12px;padding:11px;border-radius:12px;background:#e4f8f3;color:#067c62}.show-preview-key .preview-correct span{border-color:#15a879!important;background:#e3f8f1!important;box-shadow:0 0 0 4px #15a87922}.show-preview-key .preview-correct span:after{content:' ✓';color:#087d5e;font-weight:900}.show-preview-key .preview-fill-answer{display:block}@media(max-width:780px){.exam-preview-toolbar{align-items:stretch;flex-direction:column;padding:10px}.exam-preview-toolbar nav>*{flex:1;text-align:center}.admin-exam-head-actions{justify-content:stretch}.admin-exam-head-actions .btn{width:100%}}
/* V10.67 — portable homework backup controls */
.hw-backup-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 15px;padding:12px;border:1px dashed #9accc8;border-radius:16px;background:#f5fffe}.hw-backup-tools .btn{min-height:42px}.hw-backup-tools small{color:#607789;flex:1;min-width:220px}@media(max-width:680px){.hw-backup-tools{display:grid;grid-template-columns:1fr}.hw-backup-tools .btn{width:100%}.hw-backup-tools small{min-width:0}.hw-primary-actions{grid-template-columns:1fr!important}}
/* V10.68 — general exam studio */
.exam-admin-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;border-radius:28px;background:linear-gradient(120deg,#082743,#087477);color:#fff}.exam-admin-hero h1{margin:5px 0;color:#fff}.exam-admin-hero p{margin:0;color:#d4eff0}.exam-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.exam-admin-card{position:relative;padding:23px;border:1px solid #d5e5ea;border-radius:23px;background:#fff}.exam-admin-status{position:absolute;top:17px;inset-inline-end:17px;padding:7px 11px;border-radius:99px;background:#eef3f5;color:#5e7482;font-weight:900}.exam-admin-status.published{background:#ddf7f0;color:#08785f}.exam-admin-status.closed{background:#f2e9ed;color:#8a4257}.exam-admin-card>small{color:#07918a;font-weight:900}.exam-admin-card h2{margin:9px 0}.exam-admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.exam-admin-metrics span{padding:11px;border-radius:13px;background:#f2f8f9;text-align:center;font-size:11px}.exam-admin-metrics b{display:block;font-size:20px;color:#082d49}.exam-admin-actions,.exam-inline-form{display:flex;gap:7px;flex-wrap:wrap}.exam-inline-form{margin-top:9px}.exam-create-dialog{width:min(1050px,calc(100vw - 24px));max-width:none;border:0;padding:0;border-radius:27px}.exam-create-dialog::backdrop{background:#04192eb8;backdrop-filter:blur(5px)}.exam-create-form{padding:25px}.exam-create-form header{display:flex;justify-content:space-between;align-items:center}.exam-create-form header button{width:42px;height:42px;border:0;border-radius:50%;font-size:25px}.exam-form-grid,.exam-upload-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0}.exam-create-form label,.exam-override-form label{display:grid;gap:7px;font-weight:800}.exam-multi{min-height:150px}.exam-upload-pair label{padding:15px;border:1px dashed #8fcac6;border-radius:16px;background:#f4fcfb}.exam-publish-options,.exam-create-form footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.exam-schedule-panel{margin-top:18px}.exam-override-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:15px}.table-wrap td small{display:block}.student-exam-list{display:grid;gap:14px;margin-top:18px}.student-exam-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:23px;border:1px solid #d6e6eb;border-radius:24px;background:#fff}.student-exam-card.is-open{border:2px solid #13aaa2;box-shadow:0 16px 36px #0a8f8a18}.student-exam-date{width:78px;height:78px;display:grid;place-items:center;align-content:center;border-radius:20px;background:#082d49;color:#fff}.student-exam-date b{font-size:30px;line-height:1}.student-exam-date span{color:#66e6dc}.student-exam-card h2{margin:5px 0}.student-exam-card p{color:#617989}.student-exam-cta{text-align:center}.student-exam-cta>strong{display:block;font-size:30px;color:#078c85}.exam-empty{text-align:center;padding:60px;border:1px dashed #bcd2da;border-radius:25px;background:#fff}.exam-empty>span{font-size:45px}.exam-result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.exam-corrections{display:grid;gap:12px;margin-top:18px}.exam-corrections>h2{margin-bottom:0}.exam-corrections article{padding:20px;border:1px solid #d7e6eb;border-inline-start:6px solid #18a878;border-radius:18px;background:#fff}.exam-corrections article.wrong{border-inline-start-color:#d45166}.exam-corrections small{color:#078b83;font-weight:900}.exam-corrections .wrong small{color:#b33b51}.exam-corrections h3{line-height:1.7}.exam-corrections p{margin:7px 0;color:#526d7d}
@media(max-width:800px){.exam-admin-grid,.exam-form-grid,.exam-upload-pair{grid-template-columns:1fr}.exam-admin-hero{align-items:stretch;flex-direction:column}.exam-admin-metrics{grid-template-columns:repeat(2,1fr)}.exam-override-form{grid-template-columns:1fr}.student-exam-card{grid-template-columns:auto 1fr}.student-exam-cta{grid-column:1/-1}.student-exam-cta .btn{width:100%}.exam-publish-options{align-items:stretch;flex-direction:column}.exam-create-dialog{width:calc(100vw - 12px)}}
/* V10.69 — complete exam control center */
.exam-admin-card.selected{border:2px solid #13aaa2;box-shadow:0 16px 38px #0b8e8918}.exam-control-center{margin-top:20px;display:grid;gap:16px}.exam-control-center>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;border-radius:26px;background:#082b49;color:#fff}.exam-control-center>header h1{margin:7px 0;color:#fff}.exam-control-center>header p{margin:0;color:#bcd9e1}.exam-control-top-actions{display:flex;gap:8px;flex-wrap:wrap}.exam-control-nav{position:sticky;top:10px;z-index:25;display:flex;gap:7px;overflow:auto;padding:10px;border:1px solid #d2e3e8;border-radius:17px;background:#ffffffed;backdrop-filter:blur(12px)}.exam-control-nav a{white-space:nowrap;padding:10px 13px;border-radius:11px;color:#315369;font-weight:900}.exam-control-nav a:hover{background:#e8f8f6;color:#07877f}.exam-control-section{scroll-margin-top:85px;padding:24px;border:1px solid #d7e5ea;border-radius:24px;background:#fff}.exam-settings-form>label,.exam-settings-form [data-audience-panel]>label,.exam-bank-replace label,.exam-question-editor label{display:grid;gap:6px;font-weight:800}.exam-check{display:flex!important;align-items:center;grid-auto-flow:column;justify-content:start;margin:14px 0}.exam-bank-replace{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:15px;border-radius:17px;background:#f1faf9}.exam-question-manager>details{margin:12px 0;border:1px solid #d6e5ea;border-radius:17px;overflow:hidden}.exam-question-manager>details>summary{display:flex;justify-content:space-between;padding:17px;background:#f4f9fa;cursor:pointer}.exam-question-editor{border-top:1px solid #e0eaee}.exam-question-editor>summary{display:grid;grid-template-columns:60px 1fr minmax(180px,auto);align-items:center;gap:10px;padding:15px;cursor:pointer}.exam-question-editor>summary b{color:#078b85}.exam-question-editor>summary em{font-style:normal;color:#07805f;font-weight:800}.exam-question-editor form{display:grid;gap:12px;padding:17px;background:#fbfdfd}.question-options-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-options-edit>div{display:grid;gap:7px}.exam-slot-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.exam-slot-overview article{padding:17px;border-radius:17px;background:linear-gradient(145deg,#f0faf8,#fff);border:1px solid #cfe6e3}.exam-slot-overview small,.exam-slot-overview b,.exam-slot-overview span{display:block}.exam-slot-overview small{color:#078a83;font-weight:900}.exam-slot-overview b{margin:6px 0}.exam-slot-overview span{color:#637b89}.exam-table-search{margin:15px 0}.exam-publish-center{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;background:linear-gradient(145deg,#fff8f0,#fff)}.exam-publish-center form{display:flex;gap:8px}.btn-danger{background:#bd3e51!important;color:#fff!important;border-color:#bd3e51!important}
@media(max-width:900px){.exam-control-center>header{align-items:stretch;flex-direction:column}.exam-control-top-actions>*{flex:1}.exam-bank-replace,.question-options-edit,.exam-publish-center{grid-template-columns:1fr}.exam-slot-overview{grid-template-columns:1fr}.exam-question-editor>summary{grid-template-columns:45px 1fr}.exam-question-editor>summary em{grid-column:1/-1}.exam-publish-center form{display:grid}.exam-control-nav{top:4px}}

/* V10.69 — Parent one-page student report */
.report-period-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-custom-range{display:flex;align-items:center;gap:8px}.report-custom-range[hidden]{display:none!important}.parent-onepage-report{direction:rtl;width:min(1400px,100%);margin:0 auto;background:linear-gradient(180deg,#f7fbff 0,#fff 18%,#fff 100%);border:1px solid #d8e5ef;border-radius:28px;box-shadow:0 18px 60px rgba(15,38,65,.12);overflow:hidden;color:#16283a;font-family:inherit}.parent-onepage-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:26px 30px;background:linear-gradient(135deg,#071f3a,#123b63);color:#fff}.brand-pair{display:flex;align-items:center;gap:10px}.brand-logo{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:20px;padding:7px}.brand-photo{width:72px;height:72px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.86)}.brand-copy small{opacity:.8;font-weight:800}.brand-copy h1{margin:5px 0 4px;font-size:clamp(22px,2.2vw,34px);color:#fff}.brand-copy p{margin:0;opacity:.92}.parent-score{width:105px;height:105px;border-radius:24px;background:#fff;color:#0b3155;display:grid;place-items:center;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.18)}.parent-score b{font-size:30px;line-height:1}.parent-score span{font-size:11px;font-weight:800}.parent-student-strip{display:grid;grid-template-columns:1.35fr 1fr 1fr .65fr;gap:0;border-bottom:1px solid #dfe9f0;background:#fff}.parent-student-strip span{padding:14px 18px;border-left:1px solid #e7eef3}.parent-student-strip span:last-child{border-left:0}.parent-student-strip small{display:block;color:#6e8090;font-size:11px;font-weight:800;margin-bottom:4px}.parent-student-strip b{font-size:14px;word-break:break-word}.parent-summary-box{margin:18px 24px 14px;padding:16px 18px;border-radius:18px;background:#eff7fb;border:1px solid #d4e7f2}.parent-summary-box h2{font-size:18px;margin:0 0 7px;color:#0a355e}.parent-summary-box p{margin:0;line-height:1.8;font-size:13px}.parent-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 24px 16px}.parent-kpi-grid article{min-height:92px;padding:13px;border-radius:16px;background:#fff;border:1px solid #dfe8ef;box-shadow:0 5px 16px rgba(15,38,65,.05)}.parent-kpi-grid small,.parent-kpi-grid span{display:block;color:#718392;font-size:10px;font-weight:700}.parent-kpi-grid b{display:block;font-size:25px;color:#0b3f6c;margin:5px 0 2px}.parent-activity-chart{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;margin:0 24px 14px;padding:14px 18px;border:1px solid #dfe8ef;border-radius:18px;background:#fff}.parent-activity-chart h3{margin:0 0 4px;font-size:15px;color:#0a355e}.parent-activity-chart small{font-size:10px;color:#718392}.activity-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.activity-bars>span{display:grid;grid-template-columns:42px 1fr 24px;gap:7px;align-items:center;font-size:10px}.activity-bars em{font-style:normal;font-weight:800;color:#455f73}.activity-bars i{display:block;height:9px;border-radius:99px;background:#e8f0f5;overflow:hidden}.activity-bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b7691,#17a89f)}.activity-bars strong{font-size:11px;color:#0b4978}.parent-two-col{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;padding:0 24px 14px}.parent-two-col.single{grid-template-columns:1fr}.parent-two-col>article{padding:16px 18px;border-radius:18px;border:1px solid #dfe8ef;background:#fff}.parent-two-col h3,.parent-assessment-section h3,.parent-recommendations h3{margin:0 0 10px;font-size:16px;color:#0a355e}.parent-two-col ul{margin:0 0 8px;padding-right:18px;display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;font-size:12px}.parent-two-col>article>small{color:#768794;font-size:10px}.report-caution{margin:5px 0;font-size:11px;color:#78542b}.muted-line{color:#6d7d89;font-size:12px}.attendance-big{display:flex;align-items:baseline;gap:9px;margin-bottom:9px}.attendance-big b{font-size:27px;color:#0b4978}.attendance-big span{font-size:11px;color:#718392}.attendance-row{display:flex;justify-content:space-between;gap:12px;margin:5px 0;padding-top:5px;border-top:1px dashed #dbe5eb;font-size:11px}.attendance-row b{white-space:nowrap;color:#245f3e}.parent-assessment-section{margin:0 24px 14px;padding:15px 18px;border-radius:18px;background:#f9fbfd;border:1px solid #dfe8ef}.parent-assessment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.parent-assessment-grid article{padding:11px;border-radius:13px;background:#fff;border:1px solid #e1e8ee}.parent-assessment-grid small,.parent-assessment-grid span{display:block;font-size:9px;color:#73828f}.parent-assessment-grid b{display:block;margin:3px 0;color:#0b4978;font-size:17px}.parent-recommendations{margin:0 24px 16px;padding:14px 18px;border-radius:18px;background:#fff8e9;border:1px solid #f1dfb3}.parent-recommendations ol{margin:0;padding-right:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.parent-recommendations li{font-size:12px;line-height:1.65}.parent-onepage-report>footer{display:flex;justify-content:space-between;gap:18px;padding:12px 24px;background:#0b2e4e;color:#dbeaf5;font-size:10px}.parent-onepage-report>footer b{color:#fff}.report-admin-evidence{margin-top:18px}
@media(max-width:900px){.parent-activity-chart{grid-template-columns:1fr}.activity-bars{grid-template-columns:1fr 1fr}.parent-onepage-head{grid-template-columns:auto 1fr}.parent-score{display:none}.parent-student-strip{grid-template-columns:1fr 1fr}.parent-kpi-grid{grid-template-columns:repeat(3,1fr)}.parent-two-col{grid-template-columns:1fr}.parent-assessment-grid{grid-template-columns:1fr 1fr}.parent-recommendations ol{grid-template-columns:1fr}.brand-photo{display:none}}
@media print{.report-admin-hero,.report-search,.report-toolbar,.report-admin-evidence,.sidebar,.topbar{display:none!important}.main-content,.section,.report-print-area{margin:0!important;padding:0!important;max-width:none!important}.parent-onepage-report{box-shadow:none!important;border:0!important;border-radius:0!important;width:100%!important}}

/* V10.74 — enhanced reports, QR card, closable notices, and homework attention card */
.notice,.flash,.alert{position:relative;padding-inline-start:18px}.notice-close{position:absolute;inset-inline-end:10px;top:10px;width:30px;height:30px;border:0;border-radius:10px;background:rgba(7,29,58,.08);color:#0a2942;font-size:22px;line-height:1;cursor:pointer}.auto-modal-close{position:absolute!important;inset-inline-end:14px!important;top:14px!important}
.qr-top-btn{min-height:40px}.qr-sidebar-link{width:100%;margin:12px 0 8px;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font-weight:800;cursor:pointer}.qr-sidebar-link:hover{background:rgba(255,255,255,.12)}
.student-qr-dialog{border:0;padding:0;background:transparent;width:min(700px,calc(100vw - 20px));max-width:none}.student-qr-dialog::backdrop{background:rgba(4,14,28,.78);backdrop-filter:blur(6px)}.student-qr-dialog .dialog-card{position:relative;padding:28px;border-radius:28px;border:1px solid #d8e6ee;background:#fff;color:#11273a;box-shadow:0 38px 100px rgba(0,0,0,.28)}.qr-dialog-head h2{margin:6px 0 8px}.qr-dialog-head p{margin:0 0 18px;color:#667786}.student-qr-capture{padding:18px;border-radius:24px;border:1px solid #dbe7ef;background:linear-gradient(135deg,#ffffff,#f4fbff)}.student-qr-capture-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.student-qr-capture-head img{width:62px;height:62px;object-fit:contain;border-radius:16px;background:#fff;padding:6px;border:1px solid #d8e6ee}.student-qr-capture-head small{display:block;color:#6e7f8d}.student-qr-grid{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:center}.student-qr-img-wrap{padding:14px;border-radius:22px;background:#fff;display:grid;place-items:center;border:1px solid #e0e9f0}.student-qr-img{width:min(100%,240px);height:auto;display:block}.student-qr-meta h3{margin:0 0 6px;font-size:28px;color:#0c345a}.student-qr-meta p{margin:0 0 12px;font-weight:800;color:#147770}.student-qr-meta small{display:block;margin-bottom:10px;color:#6f8190}.student-qr-meta code{display:block;padding:10px 12px;border-radius:14px;background:#edf5fa;color:#0a2942;word-break:break-all;font-size:11px}.student-qr-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.homework-attention-card{position:relative;overflow:hidden;padding:26px 24px!important;border-radius:28px!important;border:1px solid #c9ebec!important;background:linear-gradient(135deg,#effffd,#ffffff 58%)!important;box-shadow:0 18px 40px rgba(8,40,62,.08)!important}.homework-attention-card::before{content:'';position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(180deg,#19b5ae,#0a2c4a)}.homework-attention-card h1,.homework-attention-card h2,.homework-attention-card h3{color:#082f53!important;margin-top:0}.homework-attention-card .attention-action-btn,.homework-attention-card .btn,.homework-attention-card button,.homework-attention-card a.btn{border-radius:18px!important;padding:14px 18px!important;font-weight:900!important;background:linear-gradient(135deg,#18b5ae,#0c7c98)!important;color:#072338!important;color:#fff!important;border:0!important;box-shadow:0 12px 22px rgba(16,126,138,.24)}
.report-admin-panels,.public-profile-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.report-panel-card{padding:18px;border-radius:24px}.timeline-list{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start;padding:12px 14px;border:1px solid #dce7ee;border-radius:16px;background:#fff}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#14a59c;margin-top:6px}.timeline-item.approved .timeline-dot{background:#0b8d58}.timeline-item.pending .timeline-dot,.timeline-item.warn .timeline-dot{background:#f0a327}.timeline-item .timeline-copy{display:grid;gap:3px}.timeline-item .timeline-copy b{font-size:13px;color:#0a355e}.timeline-item .timeline-copy small{color:#748492}.timeline-item time{font-size:11px;color:#6d7e8b;white-space:nowrap}.section-mini-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-mini-head h3{margin:0 0 4px;color:#0a355e}.section-mini-head small{color:#7c8b98}.mini-kpis{display:flex;gap:8px;flex-wrap:wrap}.mini-kpis span,.mini-month-tags span{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:999px;background:#eaf8f6;color:#08776f;font-size:11px;font-weight:900}.report-weekly-strip,.report-homework-board{margin:0 24px 14px;padding:16px 18px;border-radius:18px;border:1px solid #dfe8ef;background:#fff}.weekly-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px;align-items:end}.weekly-bars article{display:grid;gap:8px;justify-items:center;text-align:center;padding:10px;border-radius:16px;background:#f7fbff;border:1px solid #dfebf2}.weekly-bars article i{width:42px;height:110px;display:flex;align-items:flex-end;border-radius:999px;background:#e6eef4;overflow:hidden}.weekly-bars article i b{display:block;width:100%;background:linear-gradient(180deg,#18b0aa,#0b4f8b);border-radius:inherit}.weekly-bars article strong{font-size:17px;color:#0b4978}.weekly-bars article span{font-size:10px;color:#718392}.homework-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.homework-status-card{padding:14px;border-radius:18px;border:1px solid #dce7ee;background:#fbfdff}.homework-status-card header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.homework-status-card header span{font-size:10px;font-weight:900;padding:6px 9px;border-radius:999px;background:#eef4f8;color:#557082}.homework-status-card h4{margin:0 0 9px;font-size:14px;color:#0b355d}.homework-status-card p{margin:0 0 6px;font-size:12px;line-height:1.7}.homework-status-card small{display:block;font-size:10px}.homework-status-card.submitted{border-color:#d1ece1;background:#f8fffc}.homework-status-card.submitted header span{background:#dff7ea;color:#0d8559}.homework-status-card.draft{border-color:#f0e2b6;background:#fffaf1}.homework-status-card.draft header span{background:#fff0c9;color:#8a6712}.homework-status-card.pending{border-color:#e4e8ee;background:#fbfcfe}.homework-status-card .approved{color:#0a8b58}.homework-status-card .pending{color:#bf7c00}.homework-status-card .info{color:#516a7c}.challenge-points-inline{display:block;margin-top:8px;font-size:11px;color:#08766f}
.public-profile-shell{min-height:100vh;padding:18px;background:radial-gradient(circle at top right,#153f66,#08192f 52%,#061223)}.public-profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1400px;margin:0 auto 16px}.public-profile-topbar .brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.public-profile-topbar .brand img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:8px}.public-profile-topbar .brand span{display:block;color:#d4e7f2;font-size:12px}.public-profile-actions{display:flex;gap:8px;flex-wrap:wrap}.public-profile-report{margin-bottom:20px}.public-profile-qr-band{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin:0 24px 14px}.public-qr-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid #dfe8ef}.public-qr-card img{width:126px;height:126px;padding:8px;border-radius:18px;background:#fff;border:1px solid #e1e9ef}.public-qr-card.copy{justify-content:space-between}.public-url-break{display:block;word-break:break-all;color:#0a355e}.subscription-snapshot{display:grid;gap:12px}
@media (max-width:1100px){.report-admin-panels,.public-profile-panels,.public-profile-qr-band,.student-qr-grid,.homework-status-grid,.parent-kpi-grid,.parent-assessment-grid,.parent-two-col{grid-template-columns:1fr!important}.parent-student-strip{grid-template-columns:1fr 1fr!important}.parent-recommendations ol{grid-template-columns:1fr!important}}
@media (max-width:720px){.weekly-bars{grid-template-columns:repeat(2,minmax(0,1fr))}.student-qr-dialog .dialog-card{padding:18px}.student-qr-grid,.public-profile-qr-band,.report-admin-panels,.public-profile-panels{grid-template-columns:1fr}.student-qr-actions,.public-profile-topbar{align-items:stretch}.student-qr-actions .btn,.public-profile-actions .btn{width:100%}.parent-student-strip{grid-template-columns:1fr!important}.parent-onepage-head{grid-template-columns:1fr!important;text-align:center}.brand-pair{justify-content:center}}

/* V10.75 — QR discoverability, reliable modal close buttons, and full public student card */
.qr-top-btn{display:inline-flex!important;align-items:center;gap:7px}.qr-top-btn svg,.qr-sidebar-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.qr-sidebar-link{display:flex!important;align-items:center;gap:9px;justify-content:center}.student-qr-dialog .modal-close,.student-qr-dialog .auto-modal-close,.admin-action-dialog .modal-close,dialog .modal-close{position:absolute;z-index:30;inset-inline-end:14px;top:14px;width:42px;height:42px;border:1px solid #d8e4ec;border-radius:14px;background:#eef5f8!important;color:#0a2942!important;font-size:27px;line-height:1;display:grid;place-items:center;box-shadow:0 5px 15px rgba(5,34,54,.08);cursor:pointer}.student-qr-dialog .modal-close:hover,dialog .modal-close:hover{background:#dfeef3!important;transform:translateY(-1px)}.qr-dialog-card{padding-top:64px!important}.student-qr-img{min-height:240px;object-fit:contain}.student-qr-img-wrap{position:relative}.student-qr-img-wrap::after{content:'QR';position:absolute;inset:auto 10px 10px auto;padding:3px 7px;border-radius:999px;background:#0c3153;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}
.public-student-master-card{margin:18px 24px 14px;padding:18px;border:1px solid #d7e5ee;border-radius:22px;background:linear-gradient(135deg,#f9fdff,#eef9f7);box-shadow:0 8px 24px rgba(10,45,70,.06)}.public-master-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.public-master-title h2{margin:5px 0 4px;font-size:24px;color:#0a355e}.public-master-title p{margin:0;color:#718291}.public-master-qr{display:grid;justify-items:center;gap:5px;flex:0 0 auto}.public-master-qr img{width:118px;height:118px;object-fit:contain;padding:7px;border-radius:16px;border:1px solid #dce7ed;background:#fff}.public-master-qr small{font-size:9px;color:#748592}.public-student-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-student-data-grid article{padding:12px 13px;border:1px solid #dfe8ee;border-radius:15px;background:#fff;min-width:0}.public-student-data-grid small{display:block;margin-bottom:4px;color:#718291;font-size:10px;font-weight:800}.public-student-data-grid b{display:block;color:#0b355b;font-size:12px;line-height:1.55;word-break:break-word}.public-subscription-overview{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:14px}.public-subscription-overview>div{padding:13px 14px;border-radius:16px;background:#fff;border:1px solid #dce8ee}.public-subscription-overview h3{margin:0 0 9px;font-size:14px;color:#0a355e}.public-payment-summary{display:flex;align-items:baseline;gap:8px}.public-payment-summary b{font-size:24px;color:#08776f}.public-payment-summary small{color:#718291}.public-student-master-card .table-wrap{margin-top:14px}.public-student-master-card table{font-size:11px}
@media(max-width:980px){.public-student-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-subscription-overview{grid-template-columns:1fr}}
@media(max-width:620px){.public-master-title{align-items:flex-start;flex-direction:column}.public-master-qr{width:100%}.public-student-data-grid{grid-template-columns:1fr}.qr-top-btn span{display:none}.qr-top-btn{width:42px;height:42px;padding:0!important;justify-content:center;border-radius:13px!important}}

/* ProgClub V75 — enforced light theme + premium public student profile */
:root{color-scheme:light!important}body,body.dark,.force-light-theme{--bg:#f4f8fb!important;--card:#ffffff!important;--ink:#12263a!important;--muted:#6f8190!important;--line:#dce7ee!important;--shadow:0 18px 45px rgba(7,27,54,.08)!important;background:#f4f8fb!important;color:#12263a!important;color-scheme:light!important}.dark .chip,.dark .lesson-item:hover,.dark .lesson-index,.dark .think-card,.dark .ai-layer,.dark .network,.dark .share-style.active,.dark .share-format.active,.dark .book-step-icon{background:initial;color:initial}.dark .book-submit-row{background:rgba(244,248,251,.94)!important}.qr-top-btn svg,.qr-sidebar-link svg,[data-qr-card-download] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.qr-top-btn,.qr-sidebar-link,[data-qr-card-download]{display:inline-flex;align-items:center;gap:8px}.student-qr-img.qr-load-error{opacity:.4}.student-qr-img-wrap{min-height:300px}.student-qr-dialog .dialog-card{background:#fff!important;color:#12263a!important}.student-qr-dialog .modal-close{background:#eef4f7!important;color:#15344f!important;border:1px solid #dce7ee!important}.student-qr-dialog .modal-close:hover{background:#e0edf3!important}.qr-dialog-card{overflow:auto;max-height:92vh}.qr-dialog-head{padding-inline-end:48px}
.v75-profile{max-width:1440px;margin:0 auto;padding:18px 22px 34px;background:linear-gradient(180deg,#eef8fb 0,#f7fafc 20%,#f4f8fb 100%)!important;min-height:100vh}.v75-topbar{padding:10px 0 16px}.v75-topbar .brand{color:#12314a}.v75-topbar .brand strong{color:#12314a}.v75-topbar .brand span{color:#648092}.v75-topbar .brand img{box-shadow:0 8px 22px rgba(8,48,72,.08)}.v75-language-switch{display:flex;gap:8px;padding:6px;border:1px solid #d8e6ee;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(8,48,72,.06)}.v75-language-switch a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:13px;color:#5d7283;font-weight:800}.v75-language-switch a span{display:grid;place-items:center;min-width:32px;height:28px;padding:0 7px;border-radius:9px;background:#eef5f8;color:#24435a;font-size:12px}.v75-language-switch a.active{background:#0e3b60;color:#fff}.v75-language-switch a.active span{background:#16aaa2;color:#fff}.v75-profile-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px 30px;border-radius:30px;background:linear-gradient(135deg,#0c3557,#0b5267 62%,#0c8b83);color:#fff;box-shadow:0 22px 50px rgba(11,53,87,.18)}.v75-profile-hero h1{margin:8px 0 8px;font-size:clamp(28px,4vw,44px);color:#fff}.v75-profile-hero p{margin:0;color:#d9edf1;line-height:1.8;max-width:820px}.v75-profile-id{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:20px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18)}.v75-profile-id img{width:64px;height:64px;border-radius:18px;object-fit:cover;border:3px solid rgba(255,255,255,.85)}.v75-profile-id small{display:block;color:#d6ebf0}.v75-profile-id b{display:block;margin-top:4px;font-size:17px}.v75-period-card{margin-top:16px;padding:15px 18px;border-radius:22px;background:#fff;border:1px solid #dce7ee;box-shadow:0 10px 28px rgba(7,40,62,.06)}.v75-period-form{display:grid;gap:12px}.v75-period-pills{display:flex;gap:8px;flex-wrap:wrap}.v75-period-pills button{border:1px solid #d8e5ec;background:#f7fafc;color:#335066;border-radius:14px;padding:10px 14px;font-weight:900}.v75-period-pills button.active{background:#0f3b60;color:#fff;border-color:#0f3b60}.v75-period-controls{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}.v75-period-controls label{display:grid;gap:6px;color:#627989;font-size:12px;font-weight:800;min-width:220px}.v75-period-range{display:grid;gap:4px;padding:10px 14px;border-radius:14px;background:#edf8f7}.v75-period-range small{color:#0b837c;font-weight:900}.v75-period-range b{color:#183a53}.v75-master-card{margin-top:16px!important;border-radius:26px!important;background:#fff!important;border:1px solid #dce7ee!important;box-shadow:0 14px 34px rgba(7,40,62,.07)!important}.v75-report-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;margin-top:16px}.v75-summary-card,.v75-score-card{padding:20px;border:1px solid #dce7ee;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(7,40,62,.05)}.v75-summary-card h2{margin:5px 0 8px;color:#123c5d}.v75-summary-card p{margin:0;line-height:1.85;color:#4f687a}.v75-score-card{display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#f5fffd,#edf8f7)}.v75-score-card b{font-size:44px;color:#0c746f}.v75-score-card small,.v75-score-card span{color:#66808f}.v75-kpi-grid,.v75-activity-card,.v75-weekly,.v75-two-col,.v75-homework,.v75-assessments,.v75-recommendations{margin-top:16px!important}.v75-public-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:18px;border-radius:20px;background:#0d3658;color:#fff}.v75-public-footer img{width:54px;height:54px;object-fit:contain;border-radius:14px;background:#fff;padding:5px}.v75-public-footer small{display:block;color:#cee2ec;margin-top:4px}.public-master-qr img{background:#fff;padding:7px;border-radius:14px;border:1px solid #dce7ee}.public-student-data-grid article{background:#f9fbfc!important}.v75-payments{border-radius:16px;border:1px solid #e0e9ef}.v75-payments table{min-width:720px}
@media(max-width:900px){.v75-profile{padding:10px 10px 24px}.v75-topbar{display:grid;gap:12px}.v75-topbar .brand{justify-content:center;text-align:center;flex-direction:column}.v75-topbar .brand img{width:64px;height:64px}.v75-language-switch{justify-content:center}.v75-language-switch a{flex:1;justify-content:center}.v75-profile-hero{grid-template-columns:1fr;padding:22px 18px;text-align:center}.v75-profile-id{justify-content:center}.v75-report-grid{grid-template-columns:1fr}.public-master-title{grid-template-columns:1fr!important;text-align:center}.public-master-qr{justify-self:center}.public-student-data-grid{grid-template-columns:1fr 1fr!important}.public-subscription-overview{grid-template-columns:1fr!important}.v75-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.activity-bars{grid-template-columns:1fr!important}.parent-activity-chart{grid-template-columns:1fr!important}.homework-status-grid{grid-template-columns:1fr!important}.parent-assessment-grid{grid-template-columns:1fr 1fr!important}.v75-two-col{grid-template-columns:1fr!important}.v75-period-controls{align-items:stretch}.v75-period-controls label{min-width:0;width:100%}.v75-period-range{width:100%}}
@media(max-width:560px){.v75-profile{padding-inline:7px}.v75-profile-hero h1{font-size:30px}.v75-language-switch a b{display:none}.v75-language-switch a span{min-width:42px}.public-student-data-grid{grid-template-columns:1fr!important}.v75-kpi-grid{grid-template-columns:1fr 1fr!important;padding:0!important}.v75-kpi-grid article{min-height:86px}.v75-weekly,.v75-homework,.v75-assessments,.v75-recommendations,.v75-two-col,.v75-activity-card{margin-inline:0!important;padding-inline:14px!important}.weekly-bars{grid-template-columns:repeat(2,minmax(0,1fr))!important}.parent-assessment-grid{grid-template-columns:1fr!important}.v75-public-footer{text-align:center;flex-direction:column}.student-qr-grid{grid-template-columns:1fr!important}.student-qr-meta{text-align:center}.student-qr-img-wrap{min-height:auto}.qr-dialog-card{padding:16px!important}.student-qr-actions{display:grid!important;grid-template-columns:1fr!important}.student-qr-actions .btn{width:100%}}

/* V76 — emergency exam access */
.exam-emergency-entry,.exam-emergency-take{background:#f4f8fb!important;color:#102a43!important;min-height:100vh}.emergency-entry-shell{width:min(760px,calc(100% - 28px));margin:0 auto;padding:28px 0 60px}.emergency-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.emergency-brand img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid #d8e5ef;border-radius:20px;padding:8px}.emergency-brand b,.emergency-brand small{display:block}.emergency-brand small{color:#6b7f90}.emergency-card{padding:26px;border-radius:26px;background:#fff!important;border:1px solid #d8e5ef;box-shadow:0 18px 55px #0c2a4512}.emergency-card h1{color:#0a355e}.emergency-nid{font-size:23px;letter-spacing:2px;text-align:center}.emergency-student-confirm{display:flex;align-items:center;gap:16px;margin:18px 0;padding:18px;border-radius:20px;background:#eff9f7;border:1px solid #cfe8e4}.emergency-student-confirm .mini-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0d8f88;color:#fff;font-size:24px;font-weight:900}.exam-emergency-admin{padding:22px}.exam-emergency-link-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:16px 0;padding:18px;border:1px solid #d8e6ee;border-radius:20px;background:#f8fbfd}.exam-emergency-link-card code{display:block;margin-top:8px;padding:10px 12px;border-radius:12px;background:#edf3f7;word-break:break-all}.exam-emergency-take .exam-stage{background:#fff!important;color:#102a43!important}.exam-emergency-take .exam-question-card{background:#fff!important;color:#102a43!important}.exam-emergency-take .exam-option{background:#f8fbfd!important;color:#102a43!important}@media(max-width:720px){.exam-emergency-link-card{grid-template-columns:1fr}.emergency-student-confirm{align-items:flex-start}.exam-emergency-take .exam-stage{padding:10px!important}}

/* ProgClub V77 — hard light theme + academic period labels + admin QR center */
html,html.dark,body,body.dark{color-scheme:only light!important;background:#f4f8fb!important;color:#12263a!important}
html[data-theme],body[data-theme]{color-scheme:only light!important}
@media (prefers-color-scheme:dark){html,body,.app-shell,.main-content,.public-profile-shell,.card,.dialog-card,.student-qr-dialog .dialog-card{background-color:#f4f8fb!important;color:#12263a!important}.card,.dialog-card,.student-qr-dialog .dialog-card{background:#fff!important}.sidebar{background:#071d38!important;color:#fff!important}.topbar{background:rgba(244,248,251,.96)!important;color:#12263a!important}}
.v75-period-controls select.form-control{min-width:min(620px,100%)}.v75-period-controls option{font-size:14px}.v75-period-range b{line-height:1.7}.v75-weekly .weekly-bars article small{display:grid;gap:4px;min-height:48px;align-content:start}.v75-weekly .weekly-bars article small b{font-size:11px;color:#0a355e}.v75-weekly .weekly-bars article small span{font-size:9px;line-height:1.45;color:#728492}
.admin-qr-direct svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.qr-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid #dbe8ef;border-radius:26px;background:linear-gradient(135deg,#fff,#eef9f7);box-shadow:0 16px 42px rgba(9,42,66,.07)}.qr-admin-hero h2{margin:5px 0}.qr-admin-hero p{margin:0;color:#6f8190}.qr-admin-hero>svg{width:74px;height:74px;fill:none;stroke:#0d8b84;stroke-width:1.4}.qr-admin-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:18px}.qr-admin-search label{display:grid;gap:7px;font-weight:850}.qr-admin-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:12px}.qr-admin-results>a{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #dce8ef;border-radius:17px;background:#fff;color:#12263a;text-decoration:none;transition:.18s}.qr-admin-results>a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(9,42,66,.08);border-color:#bfe2df}.qr-result-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e8f8f6;color:#0b8983}.qr-result-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.qr-admin-results b,.qr-admin-results small{display:block}.qr-admin-results small{margin-top:4px;color:#748592;font-size:11px}.qr-admin-selected{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:20px;align-items:center}.qr-admin-card-preview{padding:28px;border:2px solid #d8e8f0;border-radius:34px;background:linear-gradient(180deg,#fff,#f7fbfd);box-shadow:0 20px 55px rgba(8,38,60,.08)}.qr-admin-brand{display:flex;align-items:center;justify-content:center;gap:13px;text-align:center}.qr-admin-brand img{width:72px;height:72px;object-fit:contain}.qr-admin-brand b,.qr-admin-brand span{display:block}.qr-admin-brand b{font-size:20px;color:#0a3155}.qr-admin-brand span{font-size:11px;color:#0f9f98}.qr-admin-main{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:center;margin-top:25px}.qr-admin-code{display:grid;place-items:center;padding:14px;border-radius:25px;background:#fff;border:1px solid #e0eaf0}.qr-admin-code img{display:block;width:min(100%,350px);height:auto}.qr-admin-student small{color:#0c9992;font-weight:900}.qr-admin-student h2{margin:8px 0;font-size:30px;color:#0b3155}.qr-admin-student>b{font-size:22px;color:#118982}.qr-admin-student p{color:#718493}.qr-admin-card-preview footer{margin-top:20px;padding:12px;border-radius:16px;background:#edf6f9;text-align:center;font-weight:800;color:#264c68}.qr-admin-actions{display:grid;gap:10px}.qr-admin-actions .btn{justify-content:center;min-height:50px}.btn-whatsapp{background:#e9fbf0!important;border:1px solid #bfeacf!important;color:#147540!important}.btn-whatsapp:hover{background:#dff7e7!important}.qr-admin-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:900px){.qr-admin-selected{grid-template-columns:1fr}.qr-admin-main{grid-template-columns:1fr;text-align:center}.qr-admin-code{max-width:430px;margin:auto}.qr-admin-search{grid-template-columns:1fr}}
@media(max-width:560px){.qr-admin-hero{align-items:flex-start}.qr-admin-hero>svg{width:48px;height:48px}.qr-admin-card-preview{padding:18px;border-radius:24px}.qr-admin-brand{align-items:center}.qr-admin-brand img{width:56px;height:56px}.qr-admin-student h2{font-size:24px}.v75-period-controls select.form-control{font-size:12px}}

/* V10.80 — high-priority academic reminder on student home */
.urgent-academic-alert{
  position:relative!important;
  isolation:isolate;
  padding:28px 28px 26px 92px!important;
  border:1px solid #f5c8ce!important;
  border-inline-start:8px solid #d92d3f!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 96% 18%,rgba(217,45,63,.09),transparent 26%),
    linear-gradient(135deg,#fff4f5 0%,#fff 58%,#fff8f1 100%)!important;
  box-shadow:0 18px 48px rgba(148,31,46,.12)!important;
  color:#102f4d!important;
  overflow:hidden;
}
[dir="rtl"] .urgent-academic-alert{padding:28px 92px 26px 28px!important}
.urgent-academic-alert::before{
  content:''!important;
  position:absolute!important;
  inset-block:0!important;
  inset-inline-start:0!important;
  width:8px!important;
  background:linear-gradient(180deg,#e54857 0%,#b8142c 68%,#781126 100%)!important;
}
.urgent-academic-alert::after{
  content:'';
  position:absolute;
  width:180px;height:180px;border-radius:50%;
  inset-inline-end:-72px;top:-85px;
  background:rgba(217,45,63,.055);
  z-index:-1;
}
.urgent-alert-icon{
  position:absolute;
  inset-inline-start:28px;
  top:28px;
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:16px;
  background:linear-gradient(145deg,#ef4353,#bd142e);
  color:#fff;
  font:900 27px/1 system-ui,sans-serif;
  box-shadow:0 10px 22px rgba(189,20,46,.26);
}
.urgent-academic-alert .eyebrow,
.urgent-academic-alert small:first-of-type{
  color:#b8142c!important;
  font-weight:950!important;
  letter-spacing:.06em;
}
.urgent-academic-alert h1,
.urgent-academic-alert h2,
.urgent-academic-alert h3{
  margin:5px 0 9px!important;
  color:#082f53!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.urgent-academic-alert p{color:#425d72!important;line-height:1.75!important}
.urgent-academic-alert p b,
.urgent-academic-alert strong{color:#a9152b!important}
.urgent-academic-alert .attention-action-btn,
.urgent-academic-alert .btn,
.urgent-academic-alert a.btn,
.urgent-academic-alert button:not(.notice-close){
  margin-top:4px;
  min-height:50px;
  padding:13px 22px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#d92d3f,#a91029)!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(185,20,44,.22)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.urgent-academic-alert .attention-action-btn:hover,
.urgent-academic-alert .btn:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(185,20,44,.28)!important}
.urgent-exam-alert{border-color:#f3bcc4!important;background:linear-gradient(135deg,#fff0f2 0%,#fff 62%,#fff6e9 100%)!important}
@media (max-width:720px){
  .urgent-academic-alert,[dir="rtl"] .urgent-academic-alert{padding:78px 18px 20px!important;border-radius:22px!important}
  .urgent-alert-icon{inset-inline-start:18px;top:18px;width:44px;height:44px;border-radius:14px}
  .urgent-academic-alert h1,.urgent-academic-alert h2,.urgent-academic-alert h3{font-size:22px!important}
  .urgent-academic-alert .attention-action-btn,.urgent-academic-alert .btn,.urgent-academic-alert a.btn{width:100%;justify-content:center;text-align:center}
}

/* ProgClub V82 — scoped super-admin dashboard repair + meaningful public-profile indicators */
.v82-super-overview .control-card,.v82-system-summary{background:#fff!important;border:1px solid #dce8ef!important;box-shadow:0 14px 36px rgba(10,45,72,.07)!important;color:#12263a!important}.v82-super-overview .control-card::before,.v82-system-summary::before{display:none!important}.v82-system-summary .section-head{margin-bottom:12px}.v82-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v82-summary-grid article{padding:15px;border:1px solid #dce8ef;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f3f8fb)}.v82-summary-grid small{display:block;color:#6f8190;font-size:11px;font-weight:800}.v82-summary-grid b{display:block;margin-top:6px;color:#0b416c;font-size:24px}.v82-super-overview .admin-quick-grid a{background:#f7fbfd!important;border:1px solid #dbe7ee!important;color:#0d2e4c!important;box-shadow:none!important}.v82-super-overview .admin-quick-grid a:hover{background:#edf8f6!important;border-color:#bfe2de!important;transform:translateY(-1px)}
.v82-performance-panel{margin:0 24px 16px;padding:20px;border:1px solid #dce8ef;border-radius:22px;background:linear-gradient(145deg,#ffffff,#f5fbfb);box-shadow:0 12px 32px rgba(11,48,75,.06)}.v82-performance-head h2{margin:5px 0 7px;color:#0a355e}.v82-performance-head p{margin:0 0 16px;color:#6f8190;line-height:1.7}.v82-performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v82-metric{position:relative;overflow:hidden;min-height:128px;padding:16px;border:1px solid #dfe9ef;border-radius:18px;background:#fff}.v82-metric::after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;inset-inline-end:-28px;top:-35px;background:#0fa89f0d}.v82-metric small,.v82-metric span{display:block;color:#758795}.v82-metric small{font-size:11px;font-weight:850}.v82-metric b{display:block;margin:9px 0 6px;color:#0a416e;font-size:27px;line-height:1.1}.v82-metric span{font-size:10px;line-height:1.55}.v82-metric.homework{border-top:4px solid #11a995}.v82-metric.exams{border-top:4px solid #2d78ba}.v82-metric.engagement{border-top:4px solid #7a62c8}.v82-metric.points{border-top:4px solid #e6a329}.v82-metric.best{border-top:4px solid #d95b68}.v82-metric.academic{border-top:4px solid #0d879b}.v82-category-breakdown{display:grid;gap:8px;margin-top:14px}.v82-category-breakdown article{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:10px;align-items:center;padding:11px 13px;border:1px solid #e1e9ef;border-radius:15px;background:#fff}.v82-category-breakdown article>div{min-width:0}.v82-category-breakdown small{display:block;color:#778895;font-size:9px;font-weight:800}.v82-category-breakdown b,.v82-category-breakdown strong{display:block;margin-top:3px;color:#0c3559;font-size:12px}.v82-assessment-rank{display:block!important;margin-top:8px;padding:6px 8px;border-radius:10px;background:#eaf7f5;color:#08796f!important;font-size:10px!important}.v75-assessments .parent-assessment-grid article{position:relative}
@media(max-width:900px){.v82-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v82-category-breakdown article{grid-template-columns:1fr 1fr}.v82-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v82-performance-panel{margin-inline:12px;padding:14px;border-radius:18px}.v82-performance-grid{grid-template-columns:1fr 1fr;gap:8px}.v82-metric{min-height:116px;padding:13px}.v82-metric b{font-size:22px}.v82-category-breakdown article{grid-template-columns:1fr 1fr}.v82-summary-grid{grid-template-columns:1fr}.v82-super-overview{grid-template-columns:1fr!important}}

/* ProgClub V83 — authoritative homework/exam ranking labels + admin homework search */
.v83-review-state{display:block;margin-top:8px;padding:7px 9px;border-radius:10px;font-size:10px;font-weight:900;line-height:1.5}.v83-review-state.pending{background:#fff4d8;color:#8a6500;border:1px solid #f1d792}.v83-review-state.approved{background:#e7f8ef;color:#0a7b4f;border:1px solid #bfe8d1}.v83-homework-review-search{display:grid;grid-template-columns:minmax(280px,1.8fr) minmax(170px,.7fr) minmax(220px,1fr) auto auto;gap:10px;align-items:center}.v83-homework-review-table .table-sub{display:block;margin-top:4px;color:#728493;font-size:10px}.v83-homework-review-table td{vertical-align:middle}.v83-homework-review-table .status-pill{display:inline-flex;margin-bottom:3px}@media(max-width:980px){.v83-homework-review-search{grid-template-columns:1fr 1fr}.v83-homework-review-search>input:first-of-type{grid-column:1/-1}}@media(max-width:620px){.v83-homework-review-search{grid-template-columns:1fr}.v83-homework-review-search>*{grid-column:auto!important}}

/* ProgClub V86 — homework isolation, compact responsive layout, no alert-style bleed */
body.homework-focus-page{background:#f4f8fb!important;color:#11233a!important;color-scheme:light!important}
body.homework-focus-page.dark{--bg:#f4f8fb!important;--card:#fff!important;--ink:#11233a!important;--muted:#6e7c8f!important;--line:#dbe5ec!important;background:#f4f8fb!important;color:#11233a!important}
body.homework-focus-page .urgent-academic-alert,
body.homework-focus-page .homework-attention-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
body.homework-focus-page .urgent-academic-alert::before,
body.homework-focus-page .urgent-academic-alert::after,
body.homework-focus-page .urgent-alert-icon{display:none!important}
body.homework-focus-page .hw-app{max-width:1120px!important;margin:0 auto!important;padding:16px!important;background:#fff!important;border:1px solid #dbe5ec!important;border-radius:24px!important;box-shadow:0 12px 34px rgba(7,27,54,.07)!important;color:#11233a!important}
body.homework-focus-page .hw-app *{box-sizing:border-box}
body.homework-focus-page .hw-app-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:4px 0 12px!important;background:#fff!important}
body.homework-focus-page .hw-app-head h3{font-size:23px!important;margin:3px 0!important;color:#102d4b!important}
body.homework-focus-page [data-save-state]{display:block!important;margin-top:5px!important;font-size:11px!important;font-weight:800!important;color:#118264!important}
body.homework-focus-page [data-save-state][data-kind="warn"]{color:#a56d13!important}
body.homework-focus-page [data-save-state][data-kind="busy"]{color:#167b99!important}
body.homework-focus-page .hw-primary-actions{display:grid!important;grid-template-columns:200px 240px!important;gap:10px!important}
body.homework-focus-page .hw-primary-actions .btn{min-height:58px!important;border-radius:16px!important;padding:10px 16px!important;box-shadow:none!important}
body.homework-focus-page .hw-save-top{background:#eefaf8!important;border:1px solid #8edbd5!important;color:#075e5b!important}
body.homework-focus-page .hw-submit-top{background:#0a7f79!important;color:#fff!important;border:0!important}
body.homework-focus-page .hw-submit-top.is-incomplete{background:#edf2f5!important;color:#708090!important;border:1px solid #dce6ec!important}
body.homework-focus-page .hw-primary-actions b{font-size:14px!important}
body.homework-focus-page .hw-primary-actions small{display:block!important;font-size:9px!important;margin-top:2px!important;opacity:.82!important}
body.homework-focus-page .hw-safety-tools{margin:8px 0 13px!important;border:1px solid #d9e8ed!important;border-radius:15px!important;background:#fbfefe!important;overflow:hidden!important}
body.homework-focus-page .hw-safety-tools>summary{padding:11px 14px!important;cursor:pointer!important;font-size:12px!important;font-weight:850!important;color:#476174!important;list-style:none!important}
body.homework-focus-page .hw-safety-tools>summary::-webkit-details-marker{display:none}
body.homework-focus-page .hw-backup-tools{margin:0!important;padding:11px 14px 14px!important;border:0!important;border-top:1px dashed #d7e7eb!important;border-radius:0!important;background:#f8fcfc!important}
body.homework-focus-page .hw-backup-tools .btn{min-height:38px!important;padding:8px 12px!important;background:#fff!important;border:1px solid #c9dce4!important;color:#21425c!important;box-shadow:none!important}
body.homework-focus-page .hw-recovery-note{display:grid!important;grid-template-columns:1fr auto!important;gap:4px 12px!important;align-items:center!important;margin:7px 0 12px!important;padding:12px 14px!important;border:1px solid #efdba5!important;border-radius:15px!important;background:#fffaf0!important;color:#6e5520!important}
body.homework-focus-page .hw-recovery-note span{font-size:11px!important}
body.homework-focus-page .hw-recovery-note .btn{grid-row:1/3!important;grid-column:2!important;background:#fff!important;color:#725816!important;border:1px solid #e6c66d!important}
body.homework-focus-page .hw-progress{height:7px!important;margin:10px 0!important;background:#e9f0f4!important}
body.homework-focus-page .hw-question-nav{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;padding:5px 0 10px!important;-webkit-overflow-scrolling:touch!important}
body.homework-focus-page .hw-question-nav button{flex:0 0 39px!important;min-width:39px!important;width:39px!important;height:36px!important;border-radius:10px!important;border:1px solid #cfdee6!important;background:#fff!important;color:#536b7d!important;box-shadow:none!important;padding:0!important}
body.homework-focus-page .hw-question-nav button.answered{background:#e9f8f3!important;border-color:#afe2d0!important;color:#0b7455!important}
body.homework-focus-page .hw-question-nav button.active{background:#0b2d4d!important;border-color:#0b2d4d!important;color:#fff!important}
body.homework-focus-page .hw-question{min-height:0!important;padding:18px 2px 8px!important;display:block!important;background:#fff!important}
body.homework-focus-page .hw-question h2{font-size:21px!important;line-height:1.7!important;margin:13px 0 16px!important;color:#102d4b!important}
body.homework-focus-page .hw-q-meta{font-size:10px!important;color:#0a918a!important}
body.homework-focus-page .hw-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body.homework-focus-page .hw-options.two{grid-template-columns:1fr 1fr!important}
body.homework-focus-page .hw-choice{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:68px!important;padding:10px 12px!important;border:1px solid #d9e4ea!important;border-radius:16px!important;background:#fff!important;color:#15354f!important;cursor:pointer!important;box-shadow:none!important}
body.homework-focus-page .hw-choice input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body.homework-focus-page .hw-choice span{flex:1!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;font-weight:750!important;line-height:1.55!important;color:#15354f!important}
body.homework-focus-page .hw-choice i{width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#edf3f6!important;color:transparent!important;font-style:normal!important;flex:0 0 28px!important}
body.homework-focus-page .hw-choice:has(input:checked),body.homework-focus-page .hw-choice.selected{border-color:#20aaa3!important;background:#effbf9!important;box-shadow:0 0 0 2px rgba(32,170,163,.08)!important}
body.homework-focus-page .hw-choice:has(input:checked) i,body.homework-focus-page .hw-choice.selected i{background:#12a79f!important;color:#fff!important}
body.homework-focus-page .hw-essay{min-height:150px!important;background:#fff!important;color:#11233a!important;border:1px solid #cedee6!important;border-radius:16px!important}
body.homework-focus-page .hw-flag{margin:12px 2px 0!important;font-size:11px!important;color:#6c7d8c!important}
body.homework-focus-page .hw-actions{position:sticky!important;bottom:0!important;z-index:15!important;margin:10px -16px -16px!important;padding:12px 16px!important;border-top:1px solid #dbe5ec!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(8px)!important;display:flex!important;justify-content:space-between!important;gap:10px!important}
body.homework-focus-page .hw-actions .btn{min-width:130px!important;background:#fff!important;color:#173d59!important;border:1px solid #c9dce4!important;box-shadow:none!important}
body.homework-focus-page .hw-actions .btn-primary{background:#0a918a!important;color:#fff!important;border-color:#0a918a!important}
body.homework-focus-page .hw-actions button:disabled{opacity:.4!important}
#homeworkReviewDialog .student-modal-shell{padding:18px!important}
#homeworkReviewDialog .student-modal-head{margin-bottom:12px!important}
#homeworkReviewDialog .hw-admin-score-summary{margin-bottom:10px!important}
#homeworkReviewDialog .homework-admin-essays{display:grid!important;gap:10px!important}
#homeworkReviewDialog .hw-review.essay{padding:14px!important;border-radius:16px!important}
#homeworkReviewDialog .hw-answer-compare{gap:10px!important}
#homeworkReviewDialog .answer-text{max-height:180px!important;overflow:auto!important}
#homeworkReviewDialog .essay-evaluation{display:none!important}
@media(max-width:760px){
 body.homework-focus-page .hw-app{padding:12px!important;border-radius:18px!important}
 body.homework-focus-page .hw-app-head{grid-template-columns:1fr!important;gap:9px!important}
 body.homework-focus-page .hw-primary-actions{grid-template-columns:1fr 1fr!important}
 body.homework-focus-page .hw-primary-actions .btn{min-height:52px!important;padding:8px!important}
 body.homework-focus-page .hw-app-head h3{font-size:21px!important}
 body.homework-focus-page .hw-question h2{font-size:18px!important;line-height:1.65!important}
 body.homework-focus-page .hw-options,body.homework-focus-page .hw-options.two{grid-template-columns:1fr!important}
 body.homework-focus-page .hw-choice{min-height:58px!important;padding:9px 10px!important}
 body.homework-focus-page .hw-question-nav button{flex-basis:36px!important;min-width:36px!important;width:36px!important;height:34px!important}
 body.homework-focus-page .hw-actions{margin:8px -12px -12px!important;padding:10px 12px!important}
 body.homework-focus-page .hw-actions .btn{min-width:0!important;flex:1!important}
 body.homework-focus-page .hw-recovery-note{grid-template-columns:1fr!important}
 body.homework-focus-page .hw-recovery-note .btn{grid-row:auto!important;grid-column:auto!important;width:100%!important}
}
.homework-grade-status{max-width:980px;margin:14px auto;padding:13px 16px;border-radius:15px;display:grid;gap:4px;background:#fff;border:1px solid #dbe5ec;color:#18364f}.homework-grade-status b{font-size:13px}.homework-grade-status span{font-size:11px;color:#627789}.homework-grade-status.provisional{background:#fffaf0;border-color:#ecd99f}.homework-grade-status.provisional b{color:#8a6411}.homework-grade-status.reviewed{background:#effaf5;border-color:#bfe5d2}.homework-grade-status.reviewed b{color:#117754}

/* ProgClub V96 — isolated performance link + compact overdue-homework reminder */
.student-nav-group + .performance-feature-link{margin-top:0}
.side-nav .performance-feature-link{
  position:relative;
  border:1px solid rgba(22,181,170,.34);
  background:linear-gradient(135deg,rgba(20,177,168,.12),rgba(255,255,255,.035));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.side-nav .performance-feature-link:hover,
.side-nav .performance-feature-link.active{
  border-color:rgba(41,219,204,.68);
  background:linear-gradient(135deg,rgba(18,177,167,.24),rgba(11,75,101,.26));
}
.side-nav .performance-feature-link svg{color:#2fd2c6}
.performance-new-badge{
  margin-inline-start:auto;
  padding:3px 7px;
  border-radius:999px;
  background:#fff3c8;
  color:#8a6200;
  font-size:8px;
  line-height:1.2;
  font-style:normal;
  font-weight:950;
  white-space:nowrap;
}
.bottom-nav a[href="performance_tasks.php"]{
  position:relative;
  background:rgba(18,177,167,.08);
}
.bottom-nav a[href="performance_tasks.php"]::after{
  content:'•';
  position:absolute;
  top:4px;
  inset-inline-end:10px;
  color:#11aa9d;
  font-size:18px;
  line-height:1;
}

/* Dashboard only: keep the academic reminder important without letting it dominate the page. */
body:not(.homework-focus-page) .urgent-academic-alert{
  min-height:0!important;
  margin:10px 0!important;
  padding:15px 70px 15px 18px!important;
  border-radius:20px!important;
  box-shadow:0 9px 24px rgba(116,24,39,.08)!important;
}
[dir="ltr"] body:not(.homework-focus-page) .urgent-academic-alert{
  padding:15px 18px 15px 70px!important;
}
body:not(.homework-focus-page) .urgent-academic-alert .urgent-alert-icon{
  width:42px!important;
  height:42px!important;
  top:15px!important;
  inset-inline-end:15px!important;
  border-radius:13px!important;
  font-size:23px!important;
  box-shadow:0 8px 18px rgba(199,29,53,.18)!important;
}
[dir="ltr"] body:not(.homework-focus-page) .urgent-academic-alert .urgent-alert-icon{
  inset-inline-start:15px!important;
  inset-inline-end:auto!important;
}
body:not(.homework-focus-page) .urgent-academic-alert::after{
  width:5px!important;
}
body:not(.homework-focus-page) .urgent-academic-alert .eyebrow,
body:not(.homework-focus-page) .urgent-academic-alert small:first-of-type{
  font-size:9px!important;
  margin-bottom:2px!important;
}
body:not(.homework-focus-page) .urgent-academic-alert h1,
body:not(.homework-focus-page) .urgent-academic-alert h2,
body:not(.homework-focus-page) .urgent-academic-alert h3{
  margin:2px 0 5px!important;
  font-size:clamp(17px,1.55vw,22px)!important;
  line-height:1.35!important;
}
body:not(.homework-focus-page) .urgent-academic-alert p{
  margin:3px 0 8px!important;
  line-height:1.5!important;
  font-size:11px!important;
}
body:not(.homework-focus-page) .urgent-academic-alert .attention-action-btn,
body:not(.homework-focus-page) .urgent-academic-alert .btn,
body:not(.homework-focus-page) .urgent-academic-alert a.btn,
body:not(.homework-focus-page) .urgent-academic-alert button:not(.notice-close){
  min-height:38px!important;
  width:auto!important;
  padding:8px 14px!important;
  border-radius:12px!important;
  font-size:11px!important;
  box-shadow:0 7px 15px rgba(185,20,44,.14)!important;
}
@media (max-width:760px){
  body:not(.homework-focus-page) .urgent-academic-alert,
  [dir="rtl"] body:not(.homework-focus-page) .urgent-academic-alert,
  [dir="ltr"] body:not(.homework-focus-page) .urgent-academic-alert{
    padding:14px 58px 14px 14px!important;
    border-radius:18px!important;
  }
  [dir="ltr"] body:not(.homework-focus-page) .urgent-academic-alert{padding:14px 14px 14px 58px!important}
  body:not(.homework-focus-page) .urgent-academic-alert .urgent-alert-icon{
    width:36px!important;height:36px!important;top:13px!important;inset-inline-end:12px!important;font-size:20px!important
  }
  [dir="ltr"] body:not(.homework-focus-page) .urgent-academic-alert .urgent-alert-icon{inset-inline-start:12px!important;inset-inline-end:auto!important}
  body:not(.homework-focus-page) .urgent-academic-alert h1,
  body:not(.homework-focus-page) .urgent-academic-alert h2,
  body:not(.homework-focus-page) .urgent-academic-alert h3{font-size:17px!important}
  body:not(.homework-focus-page) .urgent-academic-alert p{font-size:10px!important}
  body:not(.homework-focus-page) .urgent-academic-alert .attention-action-btn,
  body:not(.homework-focus-page) .urgent-academic-alert .btn,
  body:not(.homework-focus-page) .urgent-academic-alert a.btn{width:auto!important;display:inline-flex!important}
}