:root{--bg:#f6f6f4;--card:#fff;--ink:#141414;--muted:#6b6b6b;--line:#e3e3df;--ok:#137a3a;--ok-bg:#e5f5ea;--bad:#b42318;--bad-bg:#fde8e6;--warn:#8a5a00;--warn-bg:#fff4d6;--accent:#141414;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root{--bg:#111;--card:#1b1b1b;--ink:#f2f2f2;--muted:#a0a0a0;--line:#2e2e2e;--ok:#5fd68a;--ok-bg:#12311e;--bad:#ff8a80;--bad-bg:#3a1714;--warn:#ffd166;--warn-bg:#3a2e0f;--accent:#f2f2f2;--accent-ink:#111}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:760px;margin:0 auto;padding:16px}h1{margin:4px 0 12px;font-size:22px}h2{margin:20px 0 8px;font-size:17px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.muted{color:var(--muted);font-size:14px}button,.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 14px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--ink);border-radius:10px;padding:10px 12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.result{text-align:center;border-radius:16px;padding:22px 18px}.result.ok{background:var(--ok-bg);color:var(--ok)}.result.bad{background:var(--bad-bg);color:var(--bad)}.result .big{letter-spacing:.5px;font-size:30px;font-weight:800}.result .name{color:var(--ink);margin-top:6px;font-size:22px;font-weight:700}.warn{background:var(--warn-bg);color:var(--warn);border-radius:10px;margin-top:12px;padding:10px 12px;font-weight:600}.list{gap:8px;display:grid}.item{background:var(--card);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.idle{background:var(--line);color:var(--muted)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:right;border-bottom:1px solid var(--line);padding:8px 6px}th:first-child,td:first-child{text-align:left}.table-wrap{overflow-x:auto}#reader{background:#000;border-radius:14px;width:100%;min-height:260px;overflow:hidden}.pass{text-align:center;max-width:380px;margin:24px auto}.pass .qr{background:#fff;border-radius:16px;padding:14px}.pass .qr svg{width:100%;height:auto;display:block}.result.review{background:var(--warn-bg);color:var(--warn)}.pay{background:var(--card);color:var(--ink);border:2px solid var(--warn);border-radius:12px;margin-top:14px;padding:12px}.pay .amt{font-size:24px;font-weight:800}.avatar{object-fit:cover;border:3px solid var(--card);border-radius:50%;width:72px;height:72px;margin:8px auto 0;display:block}