:root{--bg: #0b1220;--card: #18243b;--card-2: #1f2d47;--accent: #38bdf8;--accent-2: #6366f1;--in: #22c55e;--out: #f59e0b;--text: #e8eefc;--muted: #93a3bd;--err: #f87171;--radius: 16px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:radial-gradient(900px 500px at 50% -10%,#1b2a4a 0%,transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1rem}.pending-banner{background:#78350f;color:#fde68a;padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem;text-align:center}.punch{text-align:center}.status-pill{display:inline-block;padding:.35rem 1rem;border-radius:999px;font-weight:700;margin-bottom:1.5rem}.status-pill.in{background:#22c55e2e;color:var(--in)}.status-pill.out{background:#f59e0b2e;color:var(--out)}.nfc-target{position:relative;width:220px;height:220px;border-radius:50%;border:none;background:radial-gradient(circle at 50% 40%,#0ea5e9,#0369a1);color:#fff;font-size:1.4rem;font-weight:800;cursor:pointer;display:grid;place-items:center;margin:0 auto;box-shadow:0 12px 40px #0ea5e959}.nfc-target:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.nfc-label{position:relative;z-index:2}.rf-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(56,189,248,.6);animation:pulse 2s ease-out infinite}.rf-ring.delay{animation-delay:1s}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.rf-ring{animation:none;opacity:.3}.nfc-target.busy{opacity:.7}}.hint{color:var(--muted);margin:1rem 0}.metrics{display:flex;justify-content:center;gap:2rem;margin:1rem 0}.metric-value{font-size:1.8rem;font-weight:800}.metric-label{color:var(--muted);font-size:.85rem}.sim-btn,.google-btn,form button{background:var(--accent);color:#08233a;border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:700;cursor:pointer}.sim-btn{margin-top:1rem}.feedback{margin-top:1rem;padding:.6rem;border-radius:8px}.feedback.ok{background:#22c55e26;color:var(--in)}.feedback.err{background:#ef444426;color:var(--err)}.feedback.info{background:#f59e0b26;color:var(--out)}.privacy{color:var(--muted);font-size:.75rem;margin-top:1.5rem}.quotas{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}.quota-card{background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid rgba(148,163,184,.12);border-radius:var(--radius);padding:1rem .5rem;text-align:center;box-shadow:0 4px 14px -6px #00000080}.quota-value{font-size:1.4rem;font-weight:800}.quota-label{color:var(--muted);font-size:.75rem}.history h2{font-size:1.1rem}.history ul{list-style:none;padding:0;margin:0}.history li{border-radius:10px;display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid rgba(148,163,184,.15)}.history li.voided{opacity:.45;text-decoration:line-through}.dot{width:10px;height:10px;border-radius:50%}.dot.in{background:var(--in)}.dot.out{background:var(--out)}.when{flex:1}.badge{background:#7c3aed;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:6px}.login{max-width:360px;margin:3rem auto;padding:1rem;text-align:center}.login form{display:flex;flex-direction:column;gap:.75rem;text-align:start;margin-top:1rem}.login label{display:flex;flex-direction:column;gap:.25rem}.login input{padding:.6rem;border-radius:8px;border:1px solid var(--muted);background:var(--card);color:var(--text)}.google-btn{display:inline-block;text-decoration:none}.divider{color:var(--muted);margin:1rem 0}.disclaimer,.disclaimer-footer{color:var(--muted);font-size:.75rem;margin-top:2rem}.link{background:none;border:none;color:var(--accent);cursor:pointer}.link.tiny{font-size:.75rem}.inapp-warning{background:#78350f;color:#fde68a;border-radius:12px;padding:1rem;margin-bottom:1.25rem;text-align:start;font-size:.9rem;line-height:1.5}.inapp-warning strong{display:block;margin-bottom:.5rem;font-size:1rem}.inapp-warning p{margin:0 0 .75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:1rem}.modal{background:var(--card);border-radius:14px;padding:1.5rem;width:min(420px,95vw);display:flex;flex-direction:column;gap:.75rem;text-align:start}.modal label{display:flex;flex-direction:column;gap:.25rem}.modal input,.modal select,.modal textarea{padding:.6rem;border-radius:8px;border:1px solid var(--muted);background:var(--bg);color:var(--text);font:inherit}.modal-actions{display:flex;gap:1rem;align-items:center;margin-top:.5rem}