:root{--bg: #f6f7f5;--surface: #ffffff;--surface-2: #eef0ec;--text: #16201a;--muted: #5d6b62;--line: #d4dbd5;--brand: #1f6f4a;--brand-ink: #ffffff;--danger: #b3261e;--warn-bg: #fdf4d3;--warn-ink: #5c4813;--ok-bg: #dff1e4;--ok-ink: #17512f;--err-bg: #fbe0de;--radius: 10px;--tap: 44px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #101612;--surface: #182019;--surface-2: #212b23;--text: #e8efe9;--muted: #9db0a4;--line: #2f3d33;--brand: #4cae80;--brand-ink: #06120c;--danger: #f2837b;--warn-bg: #3d3414;--warn-ink: #f6e4a8;--ok-bg: #16351f;--ok-ink: #b7e6c5;--err-bg: #3d1c1a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%}body.no-scroll{overflow:hidden}h1{font-size:1.4rem;margin:0 0 .5rem}h2{font-size:1.15rem;margin:1.4rem 0 .5rem}h3{font-size:1rem;margin:1.2rem 0 .4rem}hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}.app{min-height:100dvh;display:flex;flex-direction:column}.page{padding:1rem 1rem 6rem;max-width:44rem;width:100%;margin:0 auto;flex:1}.page.centered{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.page.admin{max-width:68rem}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:var(--brand);color:var(--brand-ink);padding-top:max(.5rem,env(safe-area-inset-top))}.topbar .brand{font-weight:700}.topbar .brand-sub{flex:1;font-size:.85rem;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .btn{background:#ffffff29;color:var(--brand-ink);border-color:transparent}.topbar .btn.primary{background:var(--brand-ink);color:var(--brand)}.field{margin:.9rem 0}label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.25rem}.input{width:100%;min-height:var(--tap);padding:.6rem .7rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.input:focus-visible,.btn:focus-visible,.tab:focus-visible,.link:focus-visible{outline:3px solid var(--brand);outline-offset:2px}select.input{appearance:none}.input.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.price-row{display:flex;align-items:center;gap:.4rem}.input.price{font-size:1.4rem;font-variant-numeric:tabular-nums}.price-unit{font-size:1.2rem;color:var(--muted)}.quick{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.quick-btn{flex:1 0 auto;min-width:4.5rem}.btn{min-height:var(--tap);min-width:var(--tap);padding:.5rem .9rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.block{display:block;width:100%;margin-top:.8rem}.btn.big{font-size:1.15rem;min-height:3.4rem}.btn.small{min-height:var(--tap);padding:.35rem .6rem;font-size:.9rem}.btn.icon{padding:.3rem .5rem;line-height:1}.btn.price-btn{font-variant-numeric:tabular-nums;font-weight:600}.link{background:none;border:0;padding:.4rem 0;min-height:var(--tap);color:var(--brand);font:inherit;text-decoration:underline;cursor:pointer}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.row.spread{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);font-size:.9rem;margin:.35rem 0 0}.notice{padding:.7rem .8rem;border-radius:var(--radius);margin:.6rem 0}.notice.warn{background:var(--warn-bg);color:var(--warn-ink)}.notice.ok{background:var(--ok-bg);color:var(--ok-ink)}.notice.error-notice{background:var(--err-bg);color:var(--danger)}.notice p{margin:.2rem 0}.banner{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem}.banner.error{background:var(--err-bg);color:var(--danger)}.banner.warn{background:var(--warn-bg);color:var(--warn-ink)}.banner.ok{background:var(--ok-bg);color:var(--ok-ink)}.steps{padding-left:1.2rem}.steps li{margin:.5rem 0}.list{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.list-item.conflict{border-color:var(--danger);background:var(--err-bg)}.list-item.voided{opacity:.6}.list-title{font-weight:600;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.list-right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;font-variant-numeric:tabular-nums}.price{font-weight:600;font-variant-numeric:tabular-nums}.badge{font-size:.75rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:var(--surface-2);color:var(--muted)}.badge.sold,.badge.ok{background:var(--ok-bg);color:var(--ok-ink)}.kv{display:grid;grid-template-columns:auto 1fr;gap:.25rem .8rem;margin:.8rem 0}.kv dt{color:var(--muted)}.kv dd{margin:0}.scanner{display:flex;flex-direction:column;gap:.5rem}.video-wrap{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:var(--radius);overflow:hidden}.video-wrap.inactive{background:var(--surface-2)}.video{width:100%;height:100%;object-fit:cover}.video-paused{position:absolute;inset:auto 0 0;padding:.3rem;text-align:center;background:#0000008c;color:#fff;font-size:.85rem}.manual-entry .row{flex-wrap:nowrap}.manual-entry .input{flex:1;text-transform:uppercase}.total{display:flex;justify-content:space-between;align-items:baseline;font-variant-numeric:tabular-nums}.total.huge{font-size:1.6rem;font-weight:700;margin:.6rem 0}.checkout{position:sticky;bottom:0;background:var(--bg);padding:.6rem 0 max(.6rem,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.big-ok{font-size:1.3rem;font-weight:700;color:var(--ok-ink);background:var(--ok-bg);padding:.6rem;border-radius:var(--radius);text-align:center}.tabbar{position:sticky;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;min-height:var(--tap);padding:.6rem .3rem;font:inherit;font-size:.9rem;color:var(--muted);background:none;border:0;border-top:3px solid transparent;cursor:pointer}.tab.active{color:var(--brand);border-top-color:var(--brand);font-weight:600}.backdrop{position:fixed;inset:0;z-index:20;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.dialog{width:100%;max-width:34rem;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding-bottom:env(safe-area-inset-bottom)}.drawer{width:100%;max-width:44rem;max-height:94dvh;overflow-y:auto;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding-bottom:env(safe-area-inset-bottom)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface)}.dialog-head h2{margin:0;font-size:1.1rem}.dialog-body{padding:.8rem 1rem}.dialog-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem 1rem;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--surface)}@media(min-width:40rem){.backdrop{align-items:center}.dialog,.drawer{border-radius:var(--radius)}}.toast{position:fixed;left:50%;bottom:calc(4.5rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;max-width:calc(100% - 2rem);padding:.6rem 1rem;border-radius:var(--radius);background:var(--ok-ink);color:#fff;box-shadow:0 6px 20px #00000040}.toast.error{background:var(--danger)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem;margin:.8rem 0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem}.kpi-label{font-size:.8rem;color:var(--muted)}.kpi-value{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.bar-row{display:grid;grid-template-columns:3.4rem 1fr 5rem 2.5rem;align-items:center;gap:.4rem;font-size:.85rem}.bar-track{background:var(--surface-2);border-radius:999px;height:.9rem;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--brand);border-radius:999px}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.table{border-collapse:collapse;width:100%;min-width:46rem;font-size:.9rem}.table th,.table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}.table th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--surface)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table tr:last-child td{border-bottom:0}.paid{display:flex;align-items:center;gap:.4rem}.bind-form{margin-top:1rem;padding:.8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.bind-form h3{margin-top:0}