:root{
  --maroon:#741f2f;
  --maroon-dark:#541522;
  --ink:#1b1f24;
  --muted:#667085;
  --line:#e5e7eb;
  --bg:#f6f7f9;
  --card:#ffffff;
  --green:#177245;
  --red:#b42318;
  --amber:#b54708;
  --blue:#175cd3;
  --shadow:0 8px 28px rgba(16,24,40,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}
.topbar{background:#fff;border-bottom:1px solid var(--line);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--maroon);display:grid;place-items:center;color:#fff;font-weight:800}.brand h1{font-size:18px;margin:0}.brand p{font-size:12px;color:var(--muted);margin:3px 0 0}
.container{max-width:1200px;margin:28px auto;padding:0 20px}.narrow{max-width:760px}.wide{max-width:1450px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px}.card+.card{margin-top:18px}
.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))}
@media(max-width:900px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.topbar{align-items:flex-start}.hide-mobile{display:none}}
h2{margin:0 0 8px;font-size:24px}h3{margin:0 0 8px}.sub{color:var(--muted);margin:0 0 18px;line-height:1.55}
label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.field{width:100%;padding:13px 14px;border:1px solid #cfd4dc;border-radius:10px;font-size:16px;background:#fff;outline:none}.field:focus{border-color:var(--maroon);box-shadow:0 0 0 3px rgba(116,31,47,.12)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}
.btn{appearance:none;border:0;border-radius:10px;padding:12px 16px;font-weight:750;font-size:15px;cursor:pointer;background:#eef0f3;color:#20262e}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--maroon);color:#fff}.btn-danger{background:#fee4e2;color:var(--red)}.btn-success{background:#e7f6ed;color:var(--green)}.btn-outline{background:#fff;border:1px solid #cfd4dc}.btn-lg{padding:16px 18px;font-size:17px}.btn-block{width:100%}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eef0f3}.b-waiting{background:#e8f1ff;color:var(--blue)}.b-called{background:#fff2e6;color:var(--amber)}.b-completed{background:#e7f6ed;color:var(--green)}.b-missed{background:#fee4e2;color:var(--red)}.b-registered{background:#f2f4f7;color:#475467}
.kpi{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.kpi .num{font-size:32px;font-weight:850;line-height:1}.kpi .lbl{font-size:13px;color:var(--muted);margin-top:8px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:720px;background:#fff}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{background:#fafafa;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#475467;position:sticky;top:0}tr:last-child td{border-bottom:0}
.notice{padding:13px 14px;border-radius:10px;background:#f2f4f7;color:#344054;font-size:14px}.notice.ok{background:#e7f6ed;color:var(--green)}.notice.err{background:#fee4e2;color:var(--red)}.notice.warn{background:#fff4e5;color:var(--amber)}
.hidden{display:none!important}.mono{font-family:Consolas,Monaco,monospace}.small{font-size:12px;color:var(--muted)}
.station-hero{text-align:center}.station-hero .room{font-size:18px;color:var(--muted);font-weight:700}.station-hero .queue{font-size:72px;font-weight:900;line-height:1;margin:14px 0}.station-hero .student-meta{font-size:16px;color:#475467}.station-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.station-actions .span2{grid-column:1/-1}
.display-body{background:#101317;color:#fff;min-height:100vh}.display-header{padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:20px}.display-header h1{margin:0;font-size:30px}.display-header p{margin:5px 0 0;color:#c9ced6}.display-content{padding:26px 28px}.calls{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.call-card{background:#fff;color:#111;border-radius:18px;padding:24px;min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:4px solid transparent}.call-card.new{animation:flash 1.1s ease 2;border-color:#f2c94c}.call-num{font-size:70px;font-weight:900;line-height:.95}.call-dest{font-size:24px;font-weight:800;text-align:right}.call-dest small{display:block;font-size:14px;color:#667085;margin-top:7px}@keyframes flash{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
.empty-state{border:1px dashed rgba(255,255,255,.3);border-radius:16px;padding:60px;text-align:center;color:#c9ced6;font-size:24px}.display-footer{padding:18px 28px;color:#c9ced6;font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.launch{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.launch strong{display:block;font-size:18px;margin-bottom:6px}.launch span{color:var(--muted);font-size:14px;line-height:1.5}@media(max-width:700px){.launch-grid{grid-template-columns:1fr}.display-header h1{font-size:22px}.call-num{font-size:54px}.call-dest{font-size:20px}}
.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qr-card{border:1px solid #bbb;border-radius:14px;padding:18px;background:#fff;break-inside:avoid}.qr-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.qr-box{display:flex;justify-content:center;padding:12px}.qr-link{word-break:break-all;font-size:10px;color:#667085}@media print{body{background:#fff}.topbar,.no-print{display:none!important}.container{max-width:none;margin:0;padding:0}.qr-grid{grid-template-columns:1fr 1fr;gap:10mm}.qr-card{box-shadow:none;page-break-inside:avoid}.card{box-shadow:none;border:0;padding:0}}