:root{--bg:#f4f7fb;--surface:#fff;--ink:#132033;--muted:#64748b;--line:#dbe3ee;--accent:#173b6d;--ok:#176b42;--warn:#8a5a00;--bad:#a92b32;--shadow:0 8px 24px rgba(15,23,42,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{background:#0b1220;color:#fff;padding:18px clamp(16px,4vw,42px);display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar h1{font-size:clamp(20px,3vw,30px);margin:2px 0}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.version{font-size:12px;border:1px solid #40506a;border-radius:99px;padding:7px 10px;white-space:nowrap}.tabs{display:flex;gap:4px;overflow:auto;padding:8px clamp(10px,3vw,30px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.tabs button{border:0;background:transparent;padding:10px 14px;border-radius:8px;color:#475569;white-space:nowrap}.tabs button.active{background:#eaf1fb;color:#173b6d;font-weight:700}main{max-width:1480px;margin:0 auto;padding:20px}.view{display:none}.view.active{display:block}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.card h2{margin:0 0 12px;font-size:19px}.card h3{margin:22px 0 9px;font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}label{font-size:12px;color:#475569;font-weight:650;display:flex;flex-direction:column;gap:5px}input,textarea,select{width:100%;font:inherit;color:var(--ink);border:1px solid #cbd5e1;border-radius:9px;padding:10px;background:#fff}textarea{resize:vertical}button{font:inherit;border:0;border-radius:9px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.secondary{background:#edf2f7;color:#203047;border:1px solid #cbd5e1}.danger-outline{background:#fff;color:var(--bad);border:1px solid #d6a2a6}.primary-large{padding:13px 18px}.start-btn{font-size:20px;padding:18px 30px;background:#12613c}.stop-btn{font-size:20px;padding:18px 30px;background:#a92b32}.row{display:flex;align-items:center}.gap{gap:10px}.between{justify-content:space-between}.center{justify-content:center}.wrap{flex-wrap:wrap}.grow{flex:1}.hint{font-size:12px;color:var(--muted);line-height:1.45}.message{margin-top:12px;font-size:13px}.hidden{display:none!important}.health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.health{border:1px solid var(--line);border-radius:10px;padding:10px}.health b,.health span{display:block}.health span{font-size:12px;color:var(--muted);margin-top:4px}.health.ok{border-color:#87c8a6;background:#f0faf4}.health.warn{border-color:#dfc485;background:#fff9ea}.health.bad{border-color:#dca7aa;background:#fff3f3}.meter-wrap{height:12px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin:14px 0}.meter-wrap.large{height:18px;max-width:520px;margin:18px auto}.meter{height:100%;width:0;background:linear-gradient(90deg,#2b8a57 0 70%,#c79316 85%,#b93b43 100%);transition:width .08s}.mini-list{max-height:190px;overflow:auto;margin-top:10px}.mini-row{padding:7px 0;border-bottom:1px solid #edf2f7;font-size:13px}.statusbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pill{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 10px;font-size:12px}.pill.ok{background:#edf9f2;border-color:#a8d4bb;color:#155a38}.pill.warn{background:#fff7e6;border-color:#dfc485;color:#7a5203}.pill.bad{background:#fff0f0;border-color:#dca7aa;color:#8c2429}.live-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(420px,2fr) minmax(210px,1fr);gap:16px}.queue-item,.completed-item,.student-review,.assessor-student{border:1px solid #e2e8f0;border-radius:10px;padding:10px;margin-bottom:8px;background:#fff}.queue-item{cursor:pointer}.queue-item.active{border-color:#7ea7da;background:#eef5ff}.queue-item .name{font-weight:750}.queue-item .meta,.completed-item .meta{font-size:11px;color:var(--muted);margin-top:3px}.current-panel{text-align:center;min-height:410px;display:flex;flex-direction:column;justify-content:center}.current-student{font-size:clamp(24px,4vw,40px);font-weight:800;margin-top:10px}.turn-label{color:var(--muted);margin-top:6px}.timer{font-variant-numeric:tabular-nums;font-size:clamp(60px,10vw,108px);font-weight:850;letter-spacing:-.04em;line-height:1.1;margin:10px}.center-text{text-align:center}.big-badge{font-size:18px;font-weight:800;padding:9px 12px;background:#edf2f7;border-radius:10px}.student-review{display:grid;grid-template-columns:minmax(220px,1fr) 2fr auto;gap:14px;align-items:center}.student-review.missing{border-color:#e2b4b7;background:#fff8f8}.clip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #edf2f7;border-radius:9px;padding:8px;margin:6px 0}.clip audio{max-width:330px;width:100%}.master-card{padding:10px 0;border-bottom:1px solid #edf2f7}.assessor-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.assessor-student{cursor:pointer}.assessor-student.active{background:#eef5ff;border-color:#7ea7da}.transcript,.rubric-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;white-space:pre-wrap;min-height:54px}.rubric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.rubric-grid label input{text-align:center;font-size:18px}.total-row{padding-top:14px;border-top:1px solid #e2e8f0;margin-top:14px}.total-row label{max-width:150px}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.stat span{display:block;font-size:12px;color:var(--muted)}.stat b{display:block;font-size:30px;margin-top:4px}.event-log{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;max-height:330px;overflow:auto}.event{padding:6px 0;border-bottom:1px solid #edf2f7}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#0b1220;color:#fff;padding:11px 16px;border-radius:9px;box-shadow:var(--shadow);z-index:1000}footer{text-align:center;color:#64748b;font-size:12px;padding:18px 12px 30px}
@media(max-width:1050px){.health-grid{grid-template-columns:repeat(2,1fr)}.live-layout{grid-template-columns:1fr}.queue-panel,.completed-panel{max-height:300px;overflow:auto}.stats-grid{grid-template-columns:repeat(3,1fr)}.assessor-layout{grid-template-columns:1fr}.student-review{grid-template-columns:1fr}.rubric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){main{padding:10px}.grid.two,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.health-grid,.stats-grid{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.rubric-grid{grid-template-columns:1fr}.timer{font-size:66px}.current-panel{min-height:360px}.student-review{padding:12px}}