*{box-sizing:border-box}html,body{color:#172033;background:#f5f7fb;min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}.card{background:#fff;border:1px solid #e5e9f2;border-radius:20px;box-shadow:0 16px 45px #14234614}.login{background:linear-gradient(135deg,#eef4ff,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{width:min(430px,100%);padding:32px}.brand{margin-bottom:8px;font-size:22px;font-weight:800}.muted{color:#667085}.label{margin:18px 0 7px;font-size:13px;font-weight:700;display:block}.input,.select{background:#fff;border:1px solid #d7ddea;border-radius:11px;outline:none;width:100%;padding:12px 14px}.input:focus,.select:focus{border-color:#315efb;box-shadow:0 0 0 3px #315efb1a}.btn{cursor:pointer;border:0;border-radius:11px;padding:12px 16px;font-weight:750}.primary{color:#fff;background:#172b66}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:#101b36;flex-direction:column;padding:22px 16px;display:flex}.side .muted{color:#aab5ce}.nav{gap:7px;margin-top:25px;display:grid}.nav button,.signBtn{color:#c9d1e7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px}.nav button.active,.nav button:hover,.signBtn:hover{color:#fff;background:#1d2b51}.main{width:100%;max-width:1500px;margin:auto;padding:30px}.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{padding:20px}.stat b{margin-top:8px;font-size:30px;display:block}.section{margin-top:20px;padding:22px}.tableWrap{overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f5;padding:13px;font-size:14px}.badge{background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.error{color:#b42318;background:#fff0f0;border-radius:10px;margin-top:14px;padding:11px}.success{color:#067647;background:#ecfdf3;border-radius:10px;margin-top:14px;padding:11px}.qrVideo{object-fit:cover;background:#0b1220;border-radius:18px;width:min(520px,100%);max-height:380px;margin:16px 0}.currentStudent{margin:14px 0;padding:14px}.themeDark{color:#edf2fa;background:#0b1220}.themeDark .main .card{color:#edf2fa;background:#131d2f;border-color:#28364c}.themeDark .muted{color:#aab6ca}.themeDark .input,.themeDark .select{color:#edf2fa;background:#101a2b;border-color:#314057}.themeDark .table th,.themeDark .table td{border-color:#28364c}.themeDark .badge{color:#dce7ff;background:#233150}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.main{padding:16px}.grid{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}}