:root{--bg: #f3f4f6;--surface: #ffffff;--fg: #111827;--fg-2: #374151;--muted: #6b7280;--line: #e5e7eb;--line-2: #d1d5db;--accent: #1f3a8a;--accent-hover: #1e3175;--accent-soft: #eef2ff;--ok: #15803d;--ok-soft: #ecfdf3;--warn: #b45309;--warn-soft: #fffbeb;--err: #b91c1c;--err-soft: #fef2f2;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(17, 24, 39, .06), 0 1px 3px rgba(17, 24, 39, .08);--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100dvh;display:flex;flex-direction:column}.view{flex:1;display:flex;flex-direction:column;padding-bottom:var(--sab)}.view[hidden]{display:none}h1{font-size:1.5rem;font-weight:650;letter-spacing:-.01em;margin:0}h2{font-size:.8rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.muted{color:var(--muted)}.error{color:var(--err);background:var(--err-soft);border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.92rem;font-weight:500;margin:.75rem 0 0}.error[hidden]{display:none}.btn{font:inherit;font-weight:600;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:0 1rem;min-height:48px;background:var(--surface);color:var(--fg);cursor:pointer;touch-action:manipulation;transition:background-color .15s,border-color .15s,transform .05s}.btn:active{transform:scale(.98)}.btn:focus-visible,.btn-icon:focus-visible,.btn-round:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:default}.btn-icon{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--fg-2);cursor:pointer}.btn-icon:active{background:var(--bg)}.btn-round{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:#ffffffeb;color:var(--fg);box-shadow:var(--shadow);cursor:pointer}.btn-round[hidden]{display:none}.btn-round.on{background:#fde68a}label{display:block;font-size:.9rem;font-weight:500;color:var(--fg-2);margin-bottom:.4rem}input[type=password],input[type=text]{font:inherit;width:100%;min-height:48px;padding:0 .85rem;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-size:16px}input::placeholder{color:#9ca3af}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f3a8a26}#view-login{justify-content:center;padding:calc(var(--sat) + 24px) 20px calc(var(--sab) + 24px)}.login-box{width:100%;max-width:380px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px 24px 24px}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.login-box .muted{margin:.25rem 0 1.5rem;font-size:.95rem}.login-box form{display:flex;flex-direction:column}.login-box input{margin-bottom:1rem}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(var(--sat) + 10px) 12px 10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;margin-right:auto;line-height:1.2}.brand-title{font-weight:650;font-size:1.05rem}.brand-sub{font-size:.8rem;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg-2)}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill-ok{color:var(--ok);background:var(--ok-soft);border-color:#bbf7d0}.pill-off{color:var(--err);background:var(--err-soft);border-color:#fecaca}.content{width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.camera-wrap{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:#1f2937;box-shadow:var(--shadow)}#video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reticle{position:absolute;inset:28% 10%;pointer-events:none}.reticle i{position:absolute;width:22px;height:22px;border:3px solid rgba(255,255,255,.95)}.reticle i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:6px}.reticle i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:6px}.reticle i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:6px}.reticle i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:6px}.flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 4px var(--ok);background:#15803d1f;opacity:0;transition:opacity .35s ease-out}.flash.on{opacity:1;transition:none}.camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:#f9fafb;border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--muted);text-align:center}.camera-overlay[hidden]{display:none}.camera-overlay .btn{min-width:180px}.cam-msg{margin:0;font-size:.9rem;color:var(--muted);min-height:1.3em}.cam-msg:empty{display:none}.cam-controls{position:absolute;top:10px;right:10px}.last-code{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 12px;border-radius:var(--radius-sm);background:#fffffff2;color:var(--fg);font-family:var(--mono);font-size:.95rem;font-weight:600;letter-spacing:.03em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow)}.last-code:empty{display:none}.hint{margin:-2px 2px 0;font-size:.85rem;color:var(--muted)}.manual{display:flex;gap:8px}.manual input{flex:1;min-width:0;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase}.manual input::placeholder{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:0;text-transform:none}.btn-send{flex:none}.list-wrap{margin-top:8px}.list-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 8px}.count{font-size:.85rem;color:var(--muted)}.scan-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.scan-list li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"code status" "meta meta" "retry retry";column-gap:12px;row-gap:2px;padding:12px 14px;border-top:1px solid var(--line)}.scan-list li:first-child{border-top:0}.scan-list .code{grid-area:code;font-family:var(--mono);font-size:.98rem;font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere}.scan-list .status{grid-area:status;align-self:center;font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.scan-list li.sent .status{color:var(--ok);background:var(--ok-soft)}.scan-list li.pending .status{color:var(--warn);background:var(--warn-soft)}.scan-list li.error .status{color:var(--err);background:var(--err-soft)}.scan-list .meta{grid-area:meta;font-size:.82rem;color:var(--muted)}.scan-list li.error .meta{color:var(--err)}.scan-list .retry{grid-area:retry;justify-self:start;margin-top:8px;min-height:36px;font-size:.88rem}.scan-list li.empty{display:block;text-align:center;color:var(--muted);font-size:.92rem;padding:22px 14px}