:root{--paper:#f6f4ee;--surface:#fff;--ink:#17211c;--muted:#5d6a63;--line:#e3e0d6;--brand:#0d6e55;--brand-ink:#fff;--brand-soft:#e2f1eb;--out:#b4610e;--out-soft:#fbeedd;--danger:#b3261e;--danger-soft:#fbe5e3;--radius:12px;--shadow:0 1px 2px #17211c0f, 0 4px 16px #17211c0f;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Bricolage Grotesque", var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#111714;--surface:#18201c;--ink:#e8efe9;--muted:#9aa9a1;--line:#2a3530;--brand:#3fbf93;--brand-ink:#07140f;--brand-soft:#173329;--out:#f0a354;--out-soft:#3a2a17;--danger:#ff8a80;--danger-soft:#3b1d1b;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .5em;line-height:1.15}h1{font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 1em}a{color:var(--brand)}small,.muted{color:var(--muted)}code,.mono{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:.92em}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);color:var(--ink);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand-dot{background:var(--brand);width:12px;height:12px;box-shadow:6px 0 0 var(--out);border-radius:50%;margin-right:8px}.topbar .spacer{flex:1}.page{max-width:1080px;margin:0 auto;padding:24px 16px 64px}.narrow{max-width:440px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.stack>*+*{margin-top:16px}.grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.grid2>.card+.card{margin-top:0}.card.flat{box-shadow:none}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;margin:8px 0 20px;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brand);font-weight:600}label.field{display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}input[type=checkbox],input[type=radio]{width:auto;margin:0}.check{align-items:center;gap:8px;display:flex}form.stack>button{margin-top:20px}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.danger{color:var(--danger)}.btn.small{padding:5px 10px;font-size:.85rem;font-weight:500}.btn.block{width:100%}.btn[disabled]{opacity:.55;cursor:default}.linkbtn{color:var(--brand);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.error{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin:12px 0;padding:10px 12px}.notice{background:var(--brand-soft);border-radius:8px;margin:12px 0;padding:10px 12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--paper)}.badge{background:var(--paper);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 8px;font-size:.78rem;font-weight:600;display:inline-block}.badge.in{background:var(--brand-soft);color:var(--brand);border-color:#0000}.badge.out{background:var(--out-soft);color:var(--out);border-color:#0000}.badge.warn{background:var(--danger-soft);color:var(--danger);border-color:#0000}.struck{opacity:.6;text-decoration:line-through}.stat{font-family:var(--display);font-size:1.8rem;font-weight:700}.empty{text-align:center;color:var(--muted);padding:32px 16px}.copybox{gap:8px;display:flex}.copybox input{font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.pair-code{letter-spacing:.12em;text-align:center;padding:12px;font-family:ui-monospace,Menlo,monospace;font-size:2.4rem;font-weight:700}.kiosk{background:var(--paper);-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.kiosk header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.kiosk .clock{font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(3rem,10vw,6rem);font-weight:700}.kiosk .date{text-align:center;color:var(--muted);font-size:1.1rem}.kiosk .date:first-letter{text-transform:uppercase}.kiosk main{place-items:center;gap:20px;padding:16px;display:grid}.pin-display{letter-spacing:.5em;text-align:center;min-height:3rem;font-family:ui-monospace,Menlo,monospace;font-size:2.2rem}.keypad{grid-template-columns:repeat(3,1fr);gap:12px;width:min(360px,90vw);display:grid}.keypad button{font:600 1.8rem var(--display);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;padding:18px 0}.keypad button:active{background:var(--brand-soft);transform:scale(.96)}.keypad button.ok{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.kiosk footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;font-size:.9rem;display:flex}.nfc-hint{align-items:center;gap:10px;font-size:1.05rem;display:flex}.nfc-pulse{background:var(--brand);border-radius:50%;width:14px;height:14px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.flash{text-align:center;z-index:20;place-items:center;animation:.18s ease-out flash-in;display:grid;position:fixed;inset:0}.flash.in{background:var(--brand);color:var(--brand-ink)}.flash.out{background:var(--out);color:#fff}.flash.err{background:var(--danger);color:#fff}.flash.queued{background:var(--ink);color:var(--paper)}.flash .big{font-family:var(--display);font-size:clamp(2.4rem,8vw,5rem);font-weight:700}.flash .mid{font-size:clamp(1.3rem,4vw,2.2rem)}@keyframes flash-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.flash,.nfc-pulse{animation:none}}.punch-btn{width:100%;font:700 1.4rem var(--display);cursor:pointer;color:#fff;background:var(--brand);border:0;border-radius:16px;padding:22px}.punch-btn.out{background:var(--out)}@media print{.topbar,.tabs,.no-print,button{display:none!important}body{color:#000;background:#fff;font-size:11px}.card{box-shadow:none;border:0;padding:0}.page{max-width:none;padding:0}.print-only{display:block!important}tr{break-inside:avoid}}.print-only{display:none}