:root{--blue:#174a7c;--blue2:#0f365d;--gold:#d6a63b;--bg:#f4f6f8;--text:#17212b;--muted:#66717d;--line:#d8dee5}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue)}.brand{font-weight:800;letter-spacing:.06em;color:var(--blue);font-size:1.2rem;margin-bottom:1rem}.center-card,.student-card{max-width:620px;margin:7vh auto;background:#fff;padding:32px;border-radius:14px;box-shadow:0 10px 30px #00000012}.student-card{max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn,button{display:inline-block;border:0;border-radius:8px;padding:11px 18px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}label{display:block;margin:12px 0;font-weight:600}input,select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #bfc8d2;border-radius:7px;font-size:1rem}.error{background:#ffe5e5;border:1px solid #e59b9b;padding:10px;border-radius:8px}.muted{color:var(--muted);font-size:.92rem}.top{background:var(--blue2);color:#fff;display:flex;align-items:center;gap:20px;padding:12px 22px}.top nav{display:flex;gap:15px;flex:1}.top a,.link-btn{color:#fff;text-decoration:none;background:none;padding:0}.top .user{font-size:.9rem}.wrap,.print-wrap{max-width:1180px;margin:24px auto;background:#fff;padding:24px;border-radius:10px}.cards{display:flex;gap:16px}.card{padding:20px;border:1px solid var(--line);border-radius:10px;min-width:210px}.card b{display:block;font-size:2rem;color:var(--blue)}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{border-bottom:1px solid var(--line);padding:9px;text-align:left;vertical-align:top}th{background:#f0f3f6}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px 16px;align-items:end}.grid-form button{margin-bottom:12px}.qr-row{display:flex;gap:24px;align-items:center}.qr-row img{width:220px;height:220px}.big-code{font-family:Consolas,monospace;font-size:1.25rem;letter-spacing:.08em}.student-test{max-width:760px;margin:3vh auto;background:#fff;padding:22px;border-radius:12px}.question{margin:18px 0}.option{display:block;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:9px}.timer{position:sticky;top:0;background:#fff7dc;border:1px solid #efd58a;padding:10px;border-radius:8px;font-weight:700}.progress{height:8px;background:#e6eaf0;border-radius:8px;overflow:hidden}.progress>div{height:100%;background:var(--blue)}svg{max-width:100%;height:auto}@media(max-width:700px){.center-card,.student-card,.student-test{margin:0;min-height:100vh;border-radius:0;padding:18px}.grid-form{grid-template-columns:1fr}.top{flex-wrap:wrap}.top nav{order:3;overflow:auto}.wrap{margin:0;border-radius:0}.qr-row{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff}.no-print{display:none}.print-wrap{margin:0;padding:0;max-width:none}.top{display:none}}
.notice{margin:14px 0;padding:12px 14px;border:1px solid #b7c9dd;background:#eef5fc;border-radius:8px}.notice.danger{border-color:#d9a5a5;background:#fff0f0}.cards{flex-wrap:wrap}.card strong{display:block;font-size:1.8rem;color:var(--blue)}.card span{display:block;margin-top:4px;color:var(--muted)}.stack{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.stack .check{flex-basis:100%}.check input{display:inline-block;width:auto;margin:0 8px 0 0}.stack .btn{width:auto}.notice .btn{margin-left:10px}