:root{--navy:#160c5b;--maroon:#6f1312;--paper:#f3f4f8;--line:#d9dbe7;--ink:#202338;--muted:#60667a;--green:#206646;--red:#982522}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header{background:var(--navy);color:#fff;display:flex;gap:14px;align-items:center;padding:18px max(16px,calc((100vw - 1060px)/2));position:sticky;top:0;z-index:3;box-shadow:0 3px 16px #160c5b18}header img{width:55px;height:60px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}header strong{font-size:clamp(17px,3vw,23px)}header small{display:block;opacity:.85;font-size:12px}header button{margin-left:auto;background:#fff;color:var(--navy);white-space:nowrap}main{max-width:1060px;margin:26px auto;padding:0 16px;min-height:65vh}h1{font-size:28px;line-height:1.2;margin:8px 0 18px;color:var(--navy)}h2{font-size:21px;color:var(--navy)}h3{margin:0 0 8px;font-size:18px}p{margin:8px 0 15px}button,.button{font:inherit;cursor:pointer;border:0;border-radius:10px;background:var(--navy);color:#fff;padding:13px 18px;font-weight:650;text-decoration:none;display:inline-block}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#e8e7f1;color:var(--navy)}button.danger{background:var(--maroon)}button.link{padding:5px 0;background:none;color:var(--navy);text-align:left}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dcaa37;outline-offset:3px}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px}.card{padding:18px;border-radius:12px}.card.removed{opacity:.7;border-style:dashed}.muted,small{color:var(--muted)}header small{color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--maroon);font-size:12px;font-weight:750}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu button{text-align:left;min-height:68px}.class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.class-grid button{aspect-ratio:1.65;padding:12px;font-size:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stat{background:#ecebf5;padding:17px;border-radius:12px}.stat strong{display:block;color:var(--navy);font-size:30px}.stat.common strong{font-size:14px;line-height:1.4}.stat small{display:block;font-size:12px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.between{justify-content:space-between}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.actions button{padding:9px 13px;font-size:14px}.bottom{display:flex;justify-content:space-between;gap:12px;margin-top:24px}label{display:block;font-weight:600;margin:14px 0 6px}input,select,textarea{font:inherit;width:100%;border:1px solid #b7baca;border-radius:8px;padding:12px;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.check{font-weight:400}.badge{display:inline-block;padding:3px 9px;border-radius:20px;background:#ecebf5;color:var(--navy);font-size:12px;font-weight:700;margin:3px 4px 3px 0}.badge.warn{background:#fff0cb;color:#735000}.badge.red{background:#fae6e5;color:var(--maroon)}.badge.green{background:#e2f2e9;color:var(--green)}.prompt{border-left:4px solid var(--maroon);background:#fbefee;padding:12px;margin:12px 0;border-radius:4px}.empty{color:var(--muted);padding:20px 0}.learner-list button{width:100%;display:flex;justify-content:space-between;text-align:left;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);border-radius:0;font-weight:400}.learner-list button:hover{background:#f1f0f8}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px 9px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--navy)}dialog{border:0;border-radius:16px;width:min(95vw,620px);max-height:90vh;overflow:auto;padding:25px;box-shadow:0 20px 90px #0004}dialog::backdrop{background:#10102288}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9;background:var(--navy);color:#fff;border-radius:10px;padding:12px 20px;max-width:90vw;display:none}footer{text-align:center;font-size:12px;color:var(--muted);padding:25px}.brand-logo{width:170px;max-height:130px;object-fit:contain;display:block;margin:15px auto}.bar-row{display:grid;grid-template-columns:minmax(140px,2fr) 3fr 35px;gap:10px;align-items:center;font-size:13px;margin:12px 0}.bar{height:16px;background:var(--maroon);border-radius:4px;min-width:2px}.report-title{display:none}.login{max-width:480px;margin:40px auto}.login-logo{display:block;width:95px;height:105px;object-fit:contain;margin:0 auto 20px}.error{color:var(--red);white-space:pre-wrap}.login h1{text-align:center}.form-error{color:var(--red);margin:10px 0}.full{width:100%}.quick button{text-align:left}.subtle{background:#f5f5f9;padding:14px;border-radius:10px}
@media(max-width:700px){header{padding:12px;gap:9px}header img{width:42px;height:48px}header button{font-size:13px;padding:10px}header small{font-size:10px}main{margin-top:16px;padding:0 12px}.panel{padding:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.class-grid{gap:7px}.class-grid button{font-size:17px;padding:9px}.grid{gap:9px}h1{font-size:25px}.bar-row{grid-template-columns:140px 1fr 25px}}
@media print{body{background:#fff;color:#000;font-size:11pt}header,footer,.no-print,dialog,#notice,button{display:none!important}main{margin:0;padding:0;max-width:none}.panel,.card{border:0;padding:5px 0;box-shadow:none;break-inside:avoid}.report-title{display:block}h1{font-size:21pt}.scroll{overflow:visible}th,td{padding:6px}.bar{print-color-adjust:exact;-webkit-print-color-adjust:exact}.stats{grid-template-columns:repeat(4,1fr)}.badge,.prompt{print-color-adjust:exact;-webkit-print-color-adjust:exact}}