:root{--bg: #f4f0e7;--panel: #fdfbf6;--ok: #16a34a;--err: #dc2626;--warn: #d97706;--idle: #d9d2c0;--text: #211d16;--muted: #857b69;--card: #fdfbf6;--line: #e2dbc8;--line-soft: #ece5d5;--dim: #b8ae99;--accent: #b1631a;--ok-bg: #e1eee2;--err-bg: #f6e0d8;--ok-text: #15803d;--err-text: #b91c1c;--blue: #3b82f6}[data-theme=dark]{--bg: #15120e;--panel: #1f1b15;--ok: #16a34a;--err: #dc2626;--warn: #d97706;--idle: #3a352b;--text: #f1eadb;--muted: #9e937d;--card: #1f1b15;--line: #312b21;--line-soft: #262119;--dim: #605747;--accent: #e6a15b;--ok-bg: #052e16;--err-bg: #450a0a;--ok-text: #4ade80;--err-text: #f87171}html{background:var(--bg);transition:background .4s ease}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .4s ease,color .4s ease}.topbar{display:flex;justify-content:space-between;align-items:center;height:3.5rem;padding:0 1.25rem;border-bottom:1px solid var(--line)}.topbar h1{font-size:1.1rem;margin:0}.station-label{color:var(--muted);font-size:.9rem}.health-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;background:var(--idle);transition:background .3s}.health-dot.up{background:var(--ok);box-shadow:0 0 6px #16a34a80}.health-dot.down{background:var(--err);box-shadow:0 0 6px #dc262680}main{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem}.panel.hidden{display:none}.panel label{display:block;margin:.75rem 0 .25rem;color:var(--muted);font-size:.9rem}.panel input{width:100%;padding:.75rem;font-size:1.1rem;border-radius:.5rem;border:1px solid var(--line);background:var(--panel);color:var(--text)}.panel button{margin-top:1.25rem;padding:.75rem 1.25rem;font-size:1rem;border-radius:.5rem;border:none;background:#2563eb;color:#fff;cursor:pointer}.scan-input-wrap{margin-bottom:1.5rem}.scan-input-wrap input{font-size:1.4rem;text-align:center}.result-card{border-radius:0;padding:2rem 1.5rem;text-align:center;background:var(--panel);border:3px solid var(--idle);transition:border-color .15s ease,background-color .15s ease}.result-card.ok{border-color:var(--ok);background:var(--ok-bg)}.result-card.err{border-color:var(--err);background:var(--err-bg)}.result-card.pending{border-color:var(--warn);background:#f5e6d2}[data-theme=dark] .result-card.pending{background:#451a03}.result-line{font-size:1.6rem;font-weight:600}.result-sub{color:var(--muted);margin-top:.4rem;font-size:1.1rem}.result-time{display:none}.offline-banner{margin-top:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#f5e6d2;color:#8a5a12;font-size:.9rem;text-align:center}.offline-banner.hidden{display:none}.pending-banner{margin-top:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#f5e6d2;border:1px solid var(--warn);color:#8a5a12;font-size:.9rem;text-align:center}.pending-banner.hidden{display:none}[data-theme=dark] .offline-banner{background:#78350f;color:#fef3c7}[data-theme=dark] .pending-banner{background:#431407;color:#fed7aa}.pending-banner--stale{background:var(--err-bg);border-color:var(--err);color:var(--err-text);font-weight:600}.link-btn{display:block;margin:2rem auto 0;background:none;border:none;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:.85rem}.stock-panel{margin-top:1.5rem;padding:1.25rem;border-radius:.75rem;background:var(--panel);border:1px solid var(--line)}.stock-panel.hidden{display:none}.stock-panel h2{margin:0 0 .75rem;font-size:1rem;color:var(--muted)}.stock-list{list-style:none;margin:0;padding:0}.stock-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.stock-item:last-child{border-bottom:none}.stock-item--negative{color:var(--err)}.stock-name{font-weight:600;flex:1 1 60%}.stock-netto{font-variant-numeric:tabular-nums;font-weight:700}.stock-detail{width:100%;color:var(--muted);font-size:.8rem}.stock-item--negative .stock-detail{color:var(--err)}.stock-updated{margin:.75rem 0 0;color:var(--muted);font-size:.75rem;text-align:right}.stock-empty{color:var(--muted);font-size:.9rem}.staging-panel{margin-top:1.25rem;padding:1.1rem 1.1rem 1.25rem;border-radius:.75rem;background:var(--panel);border:1px solid var(--line)}.staging-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.staging-header h2{margin:0;font-size:1rem;color:var(--text)}.staging-count{display:inline-flex;min-width:1.4rem;padding:.05rem .4rem;margin-left:.4rem;border-radius:0;background:#2563eb;color:#fff;font-size:.8rem;font-weight:700;justify-content:center}.staging-clear-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:.5rem;padding:.35rem .7rem;font-size:.8rem;cursor:pointer}.staging-clear-btn:disabled{opacity:.4;cursor:not-allowed}.staging-empty{color:var(--muted);font-size:.9rem;margin:.5rem 0}.staging-empty.hidden{display:none}.staging-list{list-style:none;margin:0;padding:0}.staging-list.hidden{display:none}.staging-list--sending{pointer-events:none;opacity:.6}.staging-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.staging-item:last-child{border-bottom:none}.staging-item.unknown .staging-item-name{color:var(--err)}.staging-item.duplicate{border-left:3px solid var(--warn);padding-left:.5rem}.staging-item-dup{color:var(--warn);font-weight:700;font-size:.78rem;letter-spacing:.02em}.staging-item-main{min-width:0;flex:1 1 auto}.staging-item-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staging-item-meta{margin-top:.15rem;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem;color:var(--muted)}.staging-item-dir{font-weight:700;letter-spacing:.03em}.staging-item-dir.in{color:#4ade80}.staging-item-dir.out{color:#3b82f6}.staging-item-batch{font-family:Courier New,monospace;color:var(--muted)}.staging-item-controls{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.staging-btn{width:2.1rem;height:2.1rem;border-radius:.5rem;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.staging-btn:active{background:var(--line)}.staging-btn.remove{border-color:#7f1d1d;color:#fca5a5;font-size:.95rem}.staging-item-qty{min-width:1.6rem;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;font-size:1rem}.staging-confirm-btn{display:block;width:100%;margin-top:1rem;padding:.9rem 1rem;border:none;border-radius:.6rem;background:var(--ok);color:#052e16;font-size:1.05rem;font-weight:800;cursor:pointer}.staging-confirm-btn:disabled{background:var(--idle);color:var(--muted);cursor:not-allowed}.send-summary{background:var(--panel);border-radius:.75rem;border:1px solid var(--line);overflow:hidden}.send-summary.hidden{display:none}.send-summary-hdr{padding:.75rem 1rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.send-summary-hdr h3{margin:0;font-size:.95rem}.send-summary-progress{font-size:.82rem;color:var(--muted);font-weight:600}.send-summary-list{max-height:350px;overflow-y:auto;padding:.5rem .85rem}.send-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--line-soft);font-size:.81rem;transition:background .3s ease}.send-item:last-child{border-bottom:none}.send-item.processing{opacity:.55}.send-detail{flex:1;min-width:0}.send-code{font-family:monospace;font-size:.76rem;color:var(--muted)}.send-product{font-size:.83rem;font-weight:600;margin-top:.08rem}.send-status{flex-shrink:0;font-size:.68rem;padding:.18rem .45rem;border-radius:.25rem;font-weight:700;min-width:80px;text-align:center}.send-status.pending{background:var(--idle);color:var(--muted)}.send-status.sending{background:#1e3a5f;color:#60a5fa;animation:sendPulse 1s infinite}.send-status.ok{background:#064e3b;color:#6ee7b7}.send-status.dup{background:#d9770633;color:var(--warn)}.send-status.err{background:#dc262626;color:var(--err)}.send-status.queue{background:#1e3a5f;color:#93c5fd}@keyframes sendPulse{0%,to{opacity:1}50%{opacity:.4}}.send-summary-ftr{padding:.75rem 1rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.send-tally{color:var(--muted)}.send-tally .good{color:#6ee7b7}.send-tally .bad{color:var(--err)}.send-close-btn{padding:.4rem 1.1rem;font-size:.8rem;font-weight:700;border-radius:.4rem;border:none;background:var(--ok);color:#fff;cursor:pointer;transition:opacity .2s}.send-close-btn:disabled{opacity:.35;cursor:default;background:var(--idle)}body.screen-error-flash{animation:screenFlash .4s ease}@keyframes screenFlash{0%{background:#450a0a}to{background:var(--bg)}}.scan-side-panel{position:fixed;top:1.25rem;right:1.25rem;max-width:420px;width:calc(100vw - 2.5rem);background:#1e293b;border:1px solid #ef4444;border-left:6px solid #ef4444;border-radius:.75rem;padding:1.25rem;box-shadow:0 20px 30px -10px #000000b3,0 0 25px #ef444459;color:#f8fafc;z-index:99999;box-sizing:border-box;animation:slideInAndShake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes slideInAndShake{0%{transform:translate(120%);opacity:0}50%{transform:translate(0);opacity:1}60%{transform:translate(-9px)}70%{transform:translate(8px)}80%{transform:translate(-5px)}90%{transform:translate(4px)}to{transform:translate(0)}}.side-hdr{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.side-icon{font-size:2rem;line-height:1}.side-title{color:#f87171;font-size:1.2rem;font-weight:800;margin:0}.side-subtitle{color:#fca5a5;font-size:.8rem;font-weight:700;text-transform:uppercase;margin:0}.side-body{font-size:.9rem;color:#cbd5e1;margin-bottom:1rem;line-height:1.4}.side-info-box{background:#0f172a;border:1px solid var(--line);border-radius:.5rem;padding:.7rem .9rem;margin:.7rem 0}.side-row{font-size:.85rem;display:flex;justify-content:space-between;margin-bottom:.35rem}.side-row:last-child{margin-bottom:0}.side-code{color:#38bdf8;font-family:monospace;word-break:break-all;font-weight:700}.side-id{color:#facc15;font-family:monospace;font-size:1.05rem;font-weight:800}.side-btn{width:100%;padding:.8rem;font-size:.95rem;font-weight:800;background:#dc2626;color:#fff;border:none;border-radius:.4rem;cursor:pointer;transition:background .2s}.side-btn:hover{background:#b91c1c}body.modal-open{overflow:hidden!important}body.modal-open #scanPanel,body.modal-open #stagingPanel,body.modal-open #stockPanel{filter:blur(5px);pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0d0b8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;justify-content:center;align-items:center;z-index:999999;opacity:1;transition:opacity .35s ease}.modal-overlay.dismissed{opacity:0;pointer-events:none}.modal-glass-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:2.2rem;width:calc(100vw - 2.5rem);max-width:400px;box-shadow:0 25px 50px -12px #00000059;box-sizing:border-box;animation:modalPopIn .35s cubic-bezier(.16,1,.3,1);position:relative;transition:background-color .4s ease,border-color .4s ease}@keyframes modalPopIn{0%{transform:scale(.9) translateY(18px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-hdr{text-align:center;margin-bottom:1.5rem}.modal-badge{display:inline-block;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.modal-title{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:1.7rem;font-weight:400;margin:0;color:var(--text)}.modal-sub{color:var(--muted);font-size:.85rem;margin-top:.4rem}.modal-group{margin-bottom:1.2rem}.modal-label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.4rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.modal-input{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:.85rem 1rem;border-radius:10px;font-size:1rem;transition:all .2s;font-family:Consolas,Cascadia Mono,monospace}.modal-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.modal-btn{width:100%;padding:.9rem;background:var(--accent);color:#fff;font-weight:700;border:none;border-radius:10px;font-size:1rem;cursor:pointer;margin-top:.8rem;transition:background .15s;letter-spacing:.03em}.toast{position:fixed;top:1rem;right:1rem;z-index:9999;padding:.6rem 1.2rem;border-radius:0;font-size:.85rem;font-weight:600;color:#fff;opacity:0;transform:translate(120%);transition:all .3s ease;max-width:380px;box-shadow:0 4px 20px #0006}.toast.show{opacity:1;transform:translate(0)}.toast.out{opacity:0;transform:translate(120%)}.toast-ok{background:#16a34a}.toast-err{background:#dc2626}.toast-warn{background:#d97706}.modal-btn:hover{background:#9a5516}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--accent);cursor:pointer;font-size:17px;line-height:1;display:grid;place-items:center;padding:0;flex-shrink:0;font-family:inherit;transition:color .2s,border-color .2s,background-color .4s ease,transform .3s}.theme-toggle:hover{color:var(--text);border-color:var(--muted);transform:scale(1.06)}.logout-btn{height:38px;padding:0 .95rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:600;letter-spacing:.03em;flex-shrink:0;font-family:inherit;transition:color .2s,border-color .2s,background-color .4s ease}.logout-btn:hover{color:var(--text);border-color:var(--accent)}