:root{font-family:Inter,system-ui,sans-serif;color:#20342e;background:#f6f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:7vh auto;padding:24px}h1{font-size:clamp(28px,4vw,48px)}form{max-width:400px;display:grid;gap:16px;padding:24px;border:1px solid #ccd4ce;border-radius:16px;background:white}label{display:grid;gap:8px}input,button{font:inherit;padding:12px;border:1px solid #8c9d93;border-radius:8px}button{background:#255b48;color:white;cursor:pointer}.roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.student{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:28px 16px;border:1px solid #c5cfc7;border-radius:18px;background:white;color:inherit;text-decoration:none;min-height:200px}.student img{max-width:100%;height:65px;object-fit:contain}.student strong{font-size:32px}.student.test{border:2px dashed #ad751a}.note{color:#5a6c60;font-size:15px}.toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:28px}a{color:#255b48}[aria-disabled=true]{opacity:.6}#error{color:#9b2f20}@media(max-width:680px){.roster{grid-template-columns:1fr}main{margin:10px auto}}