*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f6f8;color:#14213d}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#0d1f4e}.login-card{width:min(92%,420px);background:white;padding:30px;border-radius:22px;box-shadow:0 20px 60px #0004}.mark{width:58px;height:58px;border-radius:16px;background:#0d1f4e;color:white;display:grid;place-items:center;font-weight:900}.login-card h1{margin-bottom:4px}.login-card p{color:#667085}label{display:block;font-size:13px;font-weight:700;margin:15px 0 6px}input{width:100%;padding:13px;border:1px solid #d0d5dd;border-radius:11px;font-size:16px}button,.save{border:0;background:#0d1f4e;color:white;padding:13px 18px;border-radius:11px;font-weight:800;cursor:pointer}.login-card button{width:100%;margin-top:20px}.error{background:#fee4e2;padding:12px;border-radius:10px;color:#b42318}header{background:#0d1f4e;color:white;padding:14px max(18px,calc((100% - 1050px)/2));display:flex;justify-content:space-between;align-items:center}header small{display:block;opacity:.75;margin-top:3px}.wrap{max-width:1050px;margin:auto;padding:18px}.sports{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.sports a,nav a{white-space:nowrap;padding:10px 13px;background:white;border-radius:10px;border:1px solid #e4e7ec}.sports a.active,nav a.active{background:#0d1f4e;color:white}nav{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.card{background:white;border-radius:16px;padding:18px;box-shadow:0 3px 14px #1018280d}.row{display:flex;justify-content:space-between;gap:15px;align-items:center}.row input{width:auto}.student,.extra-item,.history{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eaecf0}.student small,.extra-item small{display:block;color:#667085;margin-top:3px}.states{display:flex;gap:6px}.states input{display:none}.states span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#eee}.states input:checked+.p{background:#d6f0df;color:#1a7a3a}.states input:checked+.a{background:#fcdddd;color:#c0272d}.states input:checked+.j{background:#fff3cd;color:#7a5000}.save{width:100%;margin-top:18px}.secondary{display:block;text-align:center;margin-top:12px;padding:12px;border:1px solid #0d1f4e;border-radius:11px;color:#0d1f4e;font-weight:800}.empty{padding:24px;text-align:center;color:#667085}.retired{color:#b42318;text-decoration:line-through;background:#fff5f5;padding-left:8px;padding-right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats div{background:#f7f8fa;padding:18px;border-radius:14px}.stats strong{font-size:28px;display:block}.stats span{font-size:12px;color:#667085}.history span{color:#667085;font-size:13px}@media(max-width:650px){.stats{grid-template-columns:1fr 1fr}.wrap{padding:12px}.card{padding:14px}.student b{font-size:14px}.row{align-items:flex-start;flex-direction:column}.row form{width:100%}.row input{width:100%}}
.counterbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.counterbar div{background:#f7f8fa;border-radius:12px;padding:12px;text-align:center}.counterbar strong{font-size:23px;display:block}.counterbar span{font-size:11px;color:#667085}.searchbox{margin-bottom:8px}.success{background:#dcfae6;color:#067647;padding:12px;border-radius:10px;margin:12px 0;font-weight:700}.saved-badge{background:#e0e7ff;color:#3730a3;padding:4px 7px;border-radius:7px;font-size:12px}@media(max-width:650px){.counterbar{grid-template-columns:1fr 1fr}}