@font-face{font-family:DSEG7 Classic;src:url(https://cdn.jsdelivr.net/gh/keshikan/DSEG@v0.46/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{color-scheme:dark;--void: #12161a;--well: #1a2026;--paper: #f3efe4;--ink: #1c1a16;--led: #ffd54a;--sticker: #e23d28;--mist: #8b939a;--line: #2a323a;--ok: #7dcea0;--warn: #e07a5f;--rail: 13.5rem;--type: "Be Vietnam Pro", "Segoe UI", sans-serif;--led-type: "DSEG7 Classic", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--type);background:var(--void);color:var(--paper)}a{color:inherit}.app-shell{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}.rail{display:flex;flex-direction:column;gap:.2rem;padding:1.4rem 1rem 1.6rem;border-right:1px solid var(--line);background:#0e1216}.brand{display:flex;flex-direction:column;gap:.15rem;margin:0 0 1.4rem .35rem;text-decoration:none}.brand-mark{font-size:1.15rem;font-weight:700;letter-spacing:-.03em}.brand-sub{color:var(--mist);font-size:.78rem;font-weight:400}.rail a{padding:.55rem .7rem;border-radius:2px;text-decoration:none;color:var(--mist);font-weight:500}.rail a:hover{color:var(--paper);background:var(--well)}.rail a.active{color:var(--void);background:var(--led);font-weight:600}.stage{min-width:0;padding:1.4rem 1.6rem 3rem}.page-head{margin-bottom:1.1rem}h1{font-size:1.55rem;font-weight:650;letter-spacing:-.03em;margin:0 0 .25rem}.meta{color:var(--mist);font-size:.92rem;margin:0 0 .4rem}.lede{max-width:40rem}.well{background:var(--well);border:1px solid var(--line);padding:1.1rem 1.15rem;margin-bottom:1rem}.counter{display:grid;grid-template-columns:minmax(16rem,1.15fr) minmax(16rem,.95fr);gap:1rem;align-items:start}.led-panel{background:#0b0d10;border:1px solid #3a3420;padding:1rem 1.1rem 1.15rem}.led-label{color:var(--mist);font-size:.8rem;margin:0 0 .35rem}.led-value{font-family:var(--led-type);font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--led);letter-spacing:.06em;line-height:1.15;text-shadow:0 0 12px rgba(255,213,74,.35)}.led-unit{color:var(--mist);font-size:.85rem;margin:.45rem 0 0}.banner{padding:.65rem .85rem;margin-bottom:1rem;font-size:.9rem;border-left:3px solid var(--mist);background:var(--well)}.banner.ok{border-color:var(--ok);color:var(--ok)}.banner.bad{border-color:var(--warn);color:var(--warn)}.row{display:flex;gap:1rem;flex-wrap:wrap}.col{flex:1 1 16rem;min-width:0}video,#shot{width:100%;background:#07090c;aspect-ratio:4/3;object-fit:cover;display:block}.cam-status{margin:.55rem 0 0;color:var(--mist);font-size:.88rem}.cam-tools{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.65rem;font-size:.88rem;color:var(--mist)}.cam-tools label{display:flex;align-items:center;gap:.4rem;margin:0;cursor:pointer;color:var(--mist)}.cam-tools input[type=checkbox]{width:auto;margin:0}button,.btn{display:inline-block;border:0;border-radius:2px;padding:.72rem 1rem;background:var(--paper);color:var(--ink);font:inherit;font-weight:650;cursor:pointer;text-decoration:none;text-align:center}button.primary,.btn.primary,button:not(.secondary):not(.danger):not(.ghost){background:var(--sticker);color:#fff}button.secondary,.btn.secondary{background:transparent;color:var(--paper);border:1px solid var(--line)}button.danger{background:transparent;color:var(--warn);border:1px solid var(--warn)}button.ghost{background:transparent;color:var(--mist)}button:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.85rem}.actions button,.actions .btn{flex:1}input,select,textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:2px;font:inherit;background:#0e1216;color:var(--paper)}input:focus,select:focus,textarea:focus{outline:1px solid var(--led);border-color:var(--led)}label{display:block;font-size:.82rem;color:var(--mist);margin:.55rem 0 .28rem}.scan-input{font-size:1.35rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}.guess-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.4rem,1fr));gap:.55rem;margin-top:.6rem}.guess{display:flex;flex-direction:column;gap:.4rem;padding:.45rem;border:1px solid var(--line);background:#0e1216;text-align:left;cursor:pointer;color:inherit}.guess-thumb{width:100%;aspect-ratio:1;object-fit:cover;background:var(--line);display:block}.guess-thumb-empty{min-height:0}.guess-name{font-weight:650;font-size:.9rem;line-height:1.25}.guess .pct{color:var(--mist);font-size:.76rem}.guess:hover,.guess.picked{border-color:var(--led)}.goods-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end;margin-bottom:1rem}.goods-toolbar .grow{flex:1 1 14rem}.goods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.75rem}.crate{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;background:var(--well);border:1px solid var(--line);color:inherit;cursor:pointer}.crate img{width:100%;aspect-ratio:1;object-fit:cover;background:#0b0d10}.crate-body{padding:.65rem .7rem .8rem}.crate-name{font-weight:650}.crate-meta{color:var(--mist);font-size:.78rem;margin-top:.2rem}.crate.hidden-sku{opacity:.55}.crate.active-sku{outline:1px solid var(--led)}.drawer-scrim{position:fixed;inset:0;background:#080a0c9e;z-index:20}.drawer{position:fixed;top:0;right:0;height:100%;width:min(28rem,100%);background:#14191e;border-left:1px solid var(--line);z-index:21;overflow:auto;padding:1.2rem 1.2rem 2rem}.thumbs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.thumb{width:48px;height:48px;object-fit:cover}.tabs{display:flex;gap:.4rem;margin-bottom:.9rem}.tabs button{flex:0 0 auto;background:transparent;color:var(--mist);border:1px solid var(--line)}.tabs button.on{color:var(--void);background:var(--led);border-color:var(--led)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--line)}th{color:var(--mist);font-weight:500}.basket{width:100%}.tender-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.hidden{display:none}.total{font-size:1.2rem;font-weight:700}.error{color:var(--warn);margin:.4rem 0 0}.ticket,.receipt{max-width:22rem;margin:1.5rem auto;text-align:center;background:var(--paper);color:var(--ink);padding:1.15rem 1.1rem 1.4rem}.ticket h1,.receipt h1{font-size:1.05rem;margin-bottom:.4rem}.ticket .led-value,.receipt .led-value{color:var(--ink);text-shadow:none;font-size:1.55rem}.ticket img,.receipt img{width:100%}.ticket .meta,.receipt .meta{color:#5c574e}.print-bar{display:flex;gap:.6rem;align-items:center;padding:.85rem 1.2rem;background:#0e1216}.print-bar .brand{margin:0 auto 0 0}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.rail{flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:.7rem .8rem}.brand{margin:0 .6rem 0 0}.counter{grid-template-columns:1fr}.stage{padding:1rem .9rem 2.5rem}}@media print{@page{size:80mm auto;margin:4mm}.app-shell,.rail,.print-bar,.no-print{display:none!important}body{background:#fff}.ticket,.receipt{margin:0;max-width:80mm;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}