:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7fb;--foreground:#18212f;--card:#fff;--border:#d6deeb;--primary:#166534;--primary-hover:#14532d;--secondary:#e8eef8;--secondary-hover:#d8e4f5;--danger:#b42318;--danger-hover:#912018;--danger-soft:#fff1f0;--warning:#b42318;--muted:#5c6b80;--shadow:0 16px 40px #18212f1f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--foreground);background:linear-gradient(#eef4ff 0%,#f8fafc 100%);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,select{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);border-radius:24px;padding:32px}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}h1{margin:0 0 12px;font-size:34px;line-height:1.15}.lead{color:var(--muted);margin:0 0 24px;line-height:1.6}.field{gap:8px;margin-bottom:20px;display:grid}.field span{font-size:14px;font-weight:700}.field select{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;min-height:48px;padding:0 14px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:14px;width:100%;min-height:48px;transition:transform .15s,background-color .15s,opacity .15s}.primary-button{background:var(--primary);color:#fff;font-weight:700}.primary-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.secondary-button{background:var(--secondary);color:var(--foreground);font-weight:700}.secondary-button:hover{background:var(--secondary-hover);transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.link-button{place-items:center;margin-top:14px;display:grid}.divider{background:var(--border);height:1px;margin:20px 0}.status-box{border:1px solid var(--border);background:#f8fbff;border-radius:16px;margin-bottom:20px;padding:18px}.status-label{color:var(--muted);margin:0 0 8px;font-size:14px}.status-value{margin:0;font-size:18px;font-weight:700}.status-box-compact{margin-bottom:0;padding:14px 16px}.status-value-compact{font-size:16px;line-height:1.45}.stat-box{min-height:88px;margin-bottom:0;padding:12px 14px}.stat-value-sm{font-size:16px}.stat-value-xs{font-size:13px;line-height:1.35}.card-wide{width:min(100%,760px)}.panel-grid{gap:16px;margin-bottom:20px;display:grid}.button-stack{gap:12px;margin-bottom:20px;display:grid}.name-list{gap:10px;margin-top:12px;display:grid}.name-item{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 14px;font-weight:600}.muted-text{color:var(--muted);margin:12px 0 16px;line-height:1.6}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:760px){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-input{border:1px solid var(--border);width:100%;min-height:48px;font:inherit;background:#fff;border-radius:14px;padding:0 14px}.teacher-button{color:#fff;background:#153e75;font-weight:700}.teacher-button:hover{background:#102f59;transform:translateY(-1px)}.teacher-button-soft{color:#153e75;background:#dbeafe;font-weight:700}.teacher-button-soft:hover{background:#bfdbfe;transform:translateY(-1px)}.danger-button{background:var(--danger);color:#fff;font-weight:700}.danger-button:hover{background:var(--danger-hover);transform:translateY(-1px)}.countdown-alert{color:var(--warning);font-weight:700}.danger-box{background:var(--danger-soft);border-color:#f1b7b3}.lead-compact{margin-bottom:18px;font-size:14px}.student-status-row{gap:12px;margin-bottom:20px;display:grid}@media (min-width:760px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-status-row{grid-template-columns:220px minmax(0,1fr);align-items:stretch}}