*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f3f4f6;color:#111827}button,input{font:inherit}button{border:0;border-radius:12px;padding:12px 18px;background:#111827;color:#fff;cursor:pointer;font-weight:700}.secondary{background:#e5e7eb;color:#111827}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.page{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{font-size:12px;letter-spacing:.18em;font-weight:900;color:#6b7280}h1{margin:5px 0;font-size:30px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:22px;box-shadow:0 8px 30px #00000008}.login{width:min(420px,100%)}.login input{display:block;width:100%;margin:12px 0;padding:13px;border:1px solid #d1d5db;border-radius:12px}.login button{width:100%;margin-top:8px}.hero{background:#111827;color:#fff}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.stats{display:flex;gap:18px}.stats b{font-size:28px}.stats small{display:block;font-size:12px;color:#6b7280}.row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee}.present{color:#15803d}.late{color:#b45309}.recovery{color:#2563eb}.absent{color:#dc2626}.muted{color:#6b7280}.error{color:#b91c1c;background:#fee2e2;padding:10px;border-radius:10px}@media(max-width:700px){.page{padding:16px}.grid{grid-template-columns:1fr}.stats{flex-direction:column}}