:root{--bg: #09090A;--bg-surface: #131316;--bg-raised: #1C1C21;--bg-hover: #26262D;--border: #2E2E37;--border-light: #202026;--text: #F1EEE6;--text-2: #8A887F;--text-dim: #46453F;--amber: #D97706;--amber-bright: #F59E0B;--amber-glow: rgba(217,119,6,.14);--red: #DC2626;--red-dim:rgba(220,38,38,.16);--green: #16A34A;--green-dim: rgba(22,163,74,.16);--blue: #2563EB;--mono: "IBM Plex Mono", monospace;--cond: "Barlow Condensed", sans-serif;--body: "Barlow", sans-serif;--r: 6px;--r-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#root{height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:var(--mono);outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.mono{font-family:var(--mono)}.cond{font-family:var(--cond)}.flex{display:flex}.col{flex-direction:column}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.tabular{font-variant-numeric:tabular-nums}.amber{color:var(--amber-bright)}.dim{color:var(--text-2)}.red{color:var(--red)}.green{color:var(--green)}.uppercase{text-transform:uppercase}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:8px;object-fit:cover;display:block;background:var(--ink)}.brand-text{font-family:var(--cond);font-weight:700;font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase}.brand-text span{color:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--cond);font-weight:600;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r);padding:14px 22px;transition:transform .08s,background .12s,border-color .12s;min-height:52px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--amber);color:#000}.btn-primary:active{background:var(--amber-bright)}.btn-ghost{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-2)}.btn-ghost:active{background:var(--bg-hover)}.btn-danger{background:var(--red-dim);border:1px solid rgba(220,38,38,.4);color:#f87171}.btn:disabled{opacity:.35;pointer-events:none}.btn-lg{font-size:1.4rem;padding:22px;min-height:72px}.btn-block{width:100%}.screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,rgba(217,119,6,.06),transparent 55%),var(--bg)}.panel{width:100%;max-width:440px;padding:36px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 24px 70px #0009}.panel-title{font-family:var(--cond);font-weight:700;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);text-align:center;margin:22px 0 6px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-family:var(--cond);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.field input{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--r);padding:13px 15px;font-size:1rem}.field input:focus{border-color:var(--amber)}.error{background:var(--red-dim);border:1px solid rgba(220,38,38,.35);border-radius:var(--r);padding:11px 15px;color:#f87171;font-family:var(--mono);font-size:.85rem;margin-bottom:16px;text-align:center}.pin-dots{display:flex;justify-content:center;gap:14px;margin:26px 0;height:20px}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);transition:all .12s}.pin-dot.filled{background:var(--amber);border-color:var(--amber);transform:scale(1.08)}.pin-dot.error{border-color:var(--red)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{height:72px;border-radius:var(--r);background:var(--bg-raised);border:1px solid var(--border-light);font-family:var(--mono);font-size:1.7rem;font-weight:500;color:var(--text);transition:transform .06s,background .1s}.key:active{transform:scale(.94);background:var(--bg-hover)}.key.key-action{font-family:var(--cond);font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}.key.key-amber{background:var(--amber);color:#000}.register{height:100vh;display:flex;flex-direction:column}.topbar{height:64px;flex-shrink:0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-surface)}.topbar-meta{display:flex;align-items:center;gap:22px}.meta-item{display:flex;flex-direction:column;gap:1px}.meta-k{font-family:var(--cond);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.meta-v{font-family:var(--mono);font-size:.92rem;color:var(--text)}.scan-bar{padding:16px 22px;border-bottom:1px solid var(--border-light);background:var(--bg-surface)}.scan-input{width:100%;background:var(--bg-raised);border:2px solid var(--border);border-radius:var(--r);padding:16px 18px;font-family:var(--mono);font-size:1.25rem;letter-spacing:.08em;color:var(--text);transition:border-color .12s}.scan-input:focus{border-color:var(--amber)}.scan-input::placeholder{color:var(--text-dim);letter-spacing:.04em}.scan-input-wrap{display:flex;gap:10px}.scan-input-wrap .scan-input{flex:1;min-width:0}.scan-cam-btn{flex:0 0 auto;width:62px;border-radius:var(--r);background:var(--bg-raised);border:2px solid var(--border);color:var(--amber-bright);display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .12s}.scan-cam-btn:active{background:var(--bg-hover)}.scan-cam-btn svg{width:26px;height:26px}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:18px;animation:fade .14s}.scan-box{width:100%;max-width:440px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 24px 70px #0009}.scan-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);font-family:var(--cond);font-weight:700;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.scan-close{background:none;border:none;font-size:1.3rem;line-height:1;color:var(--text-2);cursor:pointer;padding:4px}.scan-close:active{color:var(--text)}.scan-view{position:relative;aspect-ratio:4 / 3;background:#000}.scan-view video{width:100%;height:100%;object-fit:cover;display:block}.scan-reticle{position:absolute;top:16%;right:12%;bottom:16%;left:12%;border:3px solid rgba(255,255,255,.85);border-radius:10px;box-shadow:0 0 0 100vmax #00000040}.scan-error{padding:28px 20px;text-align:center;color:var(--text);font-family:var(--mono);font-size:.9rem}.scan-hint{padding:14px 16px;text-align:center;color:var(--text-2);font-family:var(--mono);font-size:.85rem}.reg-cols{flex:1;display:flex;min-height:0}.reg-left{order:2;flex:0 0 38%;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-surface)}.reg-right{order:1;flex:1;min-width:0;overflow-y:auto}.scan-list{flex:1;overflow-y:auto;padding:10px 12px}.scan-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-dim);font-family:var(--mono);font-size:.92rem;text-align:center}.scan-empty svg{width:52px;height:52px;stroke:var(--text-dim);fill:none;stroke-width:1.3}.scan-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r);padding:12px 14px;margin-bottom:8px;transition:border-color .1s,background .1s;animation:row-in .16s ease}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.scan-row.sel{border-color:var(--amber);background:var(--amber-glow)}.scan-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.scan-row-sku{font-family:var(--mono);font-size:.98rem;font-weight:600;color:var(--amber-bright)}.scan-row-title{font-family:var(--body);font-size:.86rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-row-price{font-size:1.05rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.scan-row-x{width:32px;height:32px;flex-shrink:0;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-2);background:var(--bg-raised);border:1px solid var(--border)}.scan-row-x:active{background:var(--red-dim);color:#f87171}.complete-btn{flex-shrink:0;margin:12px;min-height:76px;border-radius:var(--r-lg);background:var(--amber);color:#000;font-family:var(--cond);font-weight:700;font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;transition:transform .08s}.complete-btn:active{transform:scale(.98)}.complete-btn:disabled{opacity:.3;pointer-events:none}.item-detail{padding:24px 28px;max-width:760px}.item-detail-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:var(--mono);font-size:.95rem;padding:40px}.item-photo{width:100%;max-width:360px;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.item-photo img{width:100%;height:100%;object-fit:contain}.item-photo-empty{color:var(--text-dim);font-family:var(--mono);font-size:.85rem}.item-title{font-family:var(--cond);font-weight:700;font-size:1.8rem;line-height:1.1;color:var(--text);margin-bottom:12px}.item-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.item-tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:4px;color:var(--amber-bright);background:var(--amber-glow);border:1px solid rgba(217,119,6,.3)}.item-desc{font-family:var(--body);font-size:.95rem;line-height:1.55;color:var(--text-2);margin-bottom:20px}.item-meta{margin-bottom:22px}.item-meta-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-light)}.item-meta-row .k{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:var(--text-2)}.item-meta-row .v{font-size:.98rem;color:var(--text)}.item-price{display:flex;flex-direction:column;gap:8px}.item-price label{font-family:var(--cond);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.item-price-field{display:flex;align-items:center;gap:6px;background:var(--bg-raised);border:2px solid var(--border);border-radius:var(--r);padding:8px 16px;max-width:280px}.item-price-field:focus-within{border-color:var(--amber)}.item-price-dollar{font-family:var(--mono);font-size:1.6rem;color:var(--text-2)}.item-price-input{flex:1;min-width:0;background:none;border:none;color:var(--text);font-family:var(--mono);font-size:1.9rem;font-weight:600;text-align:right}.sale-done{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000d1;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .14s}.sale-done-card{width:100%;max-width:360px;padding:36px;text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 24px 70px #0009}.sale-done-check{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--green);background:var(--green-dim);border:1px solid rgba(22,163,74,.4)}.sale-done-title{font-family:var(--cond);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.sale-done-total{font-size:2.4rem;font-weight:700;color:var(--amber-bright);margin:8px 0 24px}@media (max-width: 800px){.register{height:100dvh}.topbar{height:auto;min-height:52px;padding:8px 12px;flex-wrap:wrap;gap:8px 14px}.topbar-meta{gap:14px}.meta-item{display:none}.brand-text{font-size:1.05rem!important}.scan-bar{padding:12px}.reg-cols{flex-direction:column}.reg-right{order:1;flex:1 1 auto}.reg-left{order:2;flex:1 1 auto;border-left:none;border-top:1px solid var(--border)}.item-detail{padding:16px}.item-photo{max-width:220px}.item-title{font-size:1.4rem}.complete-btn{min-height:60px;font-size:1.25rem}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .14s}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-width:440px;max-height:92vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px}.receipt{background:#faf8f3;color:#1a1a1a;border-radius:var(--r);padding:24px;font-family:var(--mono)}.receipt-head{text-align:center;border-bottom:1px dashed #bbb;padding-bottom:14px;margin-bottom:14px}.receipt-store{font-family:var(--cond);font-weight:700;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase}.receipt-meta{font-size:.72rem;color:#555;margin-top:4px}.receipt-line{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:.82rem}.receipt-line .cond{font-size:.66rem;color:#777;text-transform:uppercase}.receipt-total{display:flex;justify-content:space-between;border-top:1px dashed #bbb;margin-top:12px;padding-top:12px;font-weight:700;font-size:1.1rem}.receipt-policy{font-size:.66rem;color:#555;text-align:center;margin-top:16px;line-height:1.5;border-top:1px dashed #bbb;padding-top:12px}.recon-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light);font-family:var(--mono)}.recon-row:last-child{border-bottom:none}.recon-k{color:var(--text-2);font-family:var(--cond);text-transform:uppercase;font-size:.82rem;letter-spacing:.06em}.recon-v{font-size:1.05rem}.variance-ok{color:var(--green)}.variance-bad{color:var(--red)}.toasts{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{font-family:var(--mono);font-size:.9rem;padding:12px 22px;border-radius:var(--r);background:var(--bg-raised);border:1px solid var(--border);color:var(--text);box-shadow:0 10px 30px #00000080;animation:drop .18s}@keyframes drop{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.toast.err{border-color:#dc262673;color:#f87171}.toast.ok{border-color:#16a34a73;color:#4ade80}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}