:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;background:#f1f5f9;font-family:Arial,sans-serif}body{min-width:320px;min-height:100vh;margin:0}input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin:12px 0;padding:14px;font-size:16px}input::placeholder{color:#64748b}*{box-sizing:border-box}body{background:#f1f5f9;margin:0;font-family:Arial,sans-serif}.campus-container{text-align:center;min-height:100vh}.campus-header{color:#fff;background:#172554;padding:25px}.campus-header h1{margin:0;font-size:32px}.attendance-card{background:#fff;border-radius:15px;max-width:500px;margin:45px auto;padding:30px;box-shadow:0 4px 15px #00000015}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:14px 22px;font-size:16px}button:disabled{cursor:not-allowed;background:#94a3b8}.qr-section{margin-top:25px}.qr-section img{width:220px;height:220px}.timer{color:#dc2626;font-size:32px}.status{background:#eff6ff;border-radius:8px;margin-top:25px;padding:12px}footer{color:#64748b;padding:15px}@media (width<=550px){.attendance-card{margin:25px 15px}}.attendance-card input{border:1px solid #cbd5e1;border-radius:8px;width:100%;margin:15px 0;padding:13px;font-size:15px;display:block}.attendance-card input:focus{border-color:#2563eb;outline:2px solid #2563eb}