:root{--bg:#18191a;--surface-1:#222527;--surface-2:#1f2937;--border:#ffffff14;--border-strong:#ffffff24;--text-primary:#f9fafb;--text-secondary:#9ca3af;--accent:#d97706;--on-accent:#fff;--accent-muted:#d9770624;--danger:#f87171;--danger-muted:#f8717124;--warning:#fbbf24;--warning-muted:#fbbf2424;--radius:10px;--radius-lg:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}h1,h2,h3,p{margin:0}button,input{font-family:inherit}button{background:var(--surface-2);color:var(--text-primary);border:.5px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;font-size:16px}button:hover{background:var(--surface-1);border-color:var(--border-strong);filter:brightness(1.1)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);color:var(--on-accent);border:none;font-weight:600}button.primary:hover{filter:brightness(1.08)}button.danger{color:var(--danger)}button.text-btn{background:0 0;border:none;font-weight:500}button.ghost{color:var(--accent);background:0 0;border:none;padding:0;font-size:14px;font-weight:500}button.muted-text{color:var(--text-secondary);background:0 0;border:none;font-size:15px}button.danger-text{color:var(--danger);background:0 0;border:none;font-size:15px}input{background:var(--surface-1);color:var(--text-primary);border:.5px solid var(--border-strong);border-radius:var(--radius);padding:0 14px}input::placeholder{color:var(--text-secondary)}textarea{background:var(--surface-1);color:var(--text-primary);border:.5px solid var(--border-strong);border-radius:var(--radius);resize:vertical;padding:10px 14px;font-size:15px}textarea::placeholder{color:var(--text-secondary)}select{background:var(--surface-1);color:var(--text-primary);border:.5px solid var(--border-strong);border-radius:var(--radius);width:100%;height:44px;padding:0 14px;font-size:15px}input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:18px;height:18px}.badge{background:var(--warning-muted);color:var(--warning);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-block}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.topbar{border-bottom:.5px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.topbar button.icon-btn{background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.topbar button.icon-btn:hover{background:var(--surface-1)}.topbar .page-title{font-size:17px;font-weight:600}.drawer{border-bottom:.5px solid var(--border);max-height:70vh;padding:16px;overflow-y:auto}.nav-group-label{color:var(--text-secondary);margin:16px 0 8px;font-size:13px;font-weight:500}.nav-group-label:first-child{margin-top:0}.nav-list{flex-direction:column;gap:6px;display:flex}.nav-item{text-align:left;border-radius:var(--radius);width:100%;height:52px;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0 14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-1)}.nav-item.active{background:var(--accent-muted);color:var(--accent)}.nav-item svg{flex-shrink:0}.nav-item span{font-size:16px}main{flex:1;padding:16px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface-1);border-radius:var(--radius-lg);padding:16px}a.stat-card{color:inherit;text-decoration:none;display:block}a.stat-card:hover{filter:brightness(1.1)}.stat-card.warning{background:var(--warning-muted)}.stat-card.warning .stat-value{color:var(--warning)}.stat-card.large{padding:20px}.stat-card.large .stat-label{font-size:14px}.stat-card.large .stat-value{font-size:36px}.stat-card.row{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.stat-card.row .stat-label{margin:0;font-size:12px}.stat-card.row .stat-value{margin-top:2px;font-size:16px}.stat-label{color:var(--text-secondary);margin:0 0 4px;font-size:13px}.stat-value{margin:0;font-size:28px;font-weight:600}.section-label{color:var(--text-secondary);margin:0 0 10px;font-size:13px}.tasks-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.mine-toggle{color:var(--text-primary);text-underline-offset:2px;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0;font-size:12.5px;text-decoration:underline;display:flex}.mine-toggle:hover{filter:none;color:var(--text-primary);background:0 0}.mine-toggle.active{color:var(--accent);font-weight:600}.mine-toggle.active:hover{color:var(--accent)}.chip-row{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border-radius:999px;flex-shrink:0;height:36px;padding:0 16px;font-size:14px}.chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.instruction-card{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);text-align:center;margin-bottom:14px;padding:20px 16px}.instruction-card .big{font-variant-numeric:tabular-nums;margin:4px 0 8px;font-size:26px;font-weight:700}.instruction-card .tap-hint{color:var(--accent);margin-top:8px;font-size:12px}button.instruction-card{cursor:pointer;width:100%}.suggestion-card{background:var(--accent-muted);border-radius:var(--radius);border:1px solid #d977064d;margin-bottom:12px;padding:12px 14px}.suggestion-card .stat-label{color:var(--accent)}button.suggestion-card{text-align:left;cursor:pointer;width:100%}.position-hint{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-secondary);margin-bottom:12px;padding:12px;font-size:13px}.order-chip{background:var(--accent-muted);color:var(--accent);border-radius:999px;margin-bottom:10px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.warning-card{background:var(--warning-muted);border-radius:var(--radius);color:var(--warning);border:1px solid #fbbf2459;margin-bottom:12px;padding:12px 14px;font-size:13.5px;line-height:1.45}.warning-card strong{color:var(--warning)}.warning-actions{gap:10px;margin-bottom:10px;display:flex}.warning-actions button{flex:1;height:44px}.action-list,.item-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.action-btn{text-align:left;align-items:center;gap:10px;width:100%;height:52px;padding:0 16px;font-size:16px;display:flex}a.action-btn{background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:var(--radius);color:inherit;box-sizing:border-box;text-decoration:none}a.action-btn:hover{background:var(--surface-1)}.list-row{border:.5px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.list-row.active{border-color:var(--accent);background:var(--accent-muted)}.list-row .title{margin:0;font-size:16px;font-weight:500}.list-row .subtitle{color:var(--text-secondary);margin:0;font-size:13px}.list-row .qty{font-size:20px;font-weight:600}.list-row .qty.low,.list-row .subtitle.low{color:var(--danger)}.list-row .subtitle.cycle-count-flag{color:var(--warning);align-items:center;gap:6px;font-weight:500;display:flex}.list-row.stacked{flex-direction:column;align-items:stretch;gap:10px}.list-row.stacked .row-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.list-row .resolve-form{flex-direction:column;gap:8px;display:flex}.pick-card{background:var(--surface-1);border-radius:var(--radius-lg);text-align:center;margin-bottom:16px;padding:24px}.pick-card .hint{color:var(--text-secondary);margin:0 0 6px;font-size:14px}.pick-card .location{margin:0 0 14px;font-size:36px;font-weight:600}.pick-card .item-name{margin:0;font-size:18px}.pick-card .qty{margin:8px 0 0;font-size:44px;font-weight:600}.progress-bar{background:var(--surface-1);border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden}.progress-fill{background:var(--accent);height:100%}.row-2{gap:10px;display:flex}.row-2 button{flex:1;height:56px;font-size:16px}.row-2 button.primary{flex:2}.placeholder{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);padding:40px 20px}.placeholder svg{margin:0 auto 10px;display:block}.form-screen{max-width:360px;margin:4rem auto;padding:0 1rem}.form-screen h1{margin-bottom:24px;font-size:24px;font-weight:600}.brand-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-header h1{margin-bottom:0}.brand-mark{background:var(--accent-muted);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.domain-preview{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text-secondary);font-size:13px}.field input{height:48px;font-size:16px}.form-error{color:var(--danger);margin-bottom:14px;font-size:14px}.step-track{gap:6px;margin-bottom:10px;display:flex}.step-track .seg{background:var(--surface-2);border-radius:2px;flex:1;height:4px}.step-track .seg.done{background:var(--accent)}.step-track .seg.active{background:var(--accent);opacity:.5}.step-label{color:var(--text-secondary);margin:0;font-size:13px}.step-label strong{color:var(--text-primary);font-weight:600}.scan-flow-header{margin-bottom:20px}.scan-flow-header-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hint{color:var(--text-secondary);margin-top:10px;font-size:13px;line-height:1.5}.scan-field{position:relative}.scan-field input{width:100%;height:52px;font-size:18px}.scan-field input.has-camera-btn{padding-right:54px}.scan-camera-btn{width:44px;height:44px;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.scan-camera-btn:hover{background:var(--surface-2);color:var(--accent)}.scan-camera-btn:disabled{opacity:.5;cursor:default}.route{background:var(--surface-1);border-radius:var(--radius-lg);align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.route .bin{text-align:center;flex:1}.route .bin .tag{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:11px}.route .bin .code{margin-top:3px;font-size:19px;font-weight:600}.route .arrow{color:var(--accent);flex-shrink:0}.browse-row{justify-content:space-between;align-items:center;display:flex}.txn-row{border:.5px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 10px;display:flex}.txn-row .text{flex:1;min-width:0}.txn-row .title{margin:0;font-size:15px;font-weight:500}.txn-row .subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:12.5px}.remove-btn{width:44px;height:44px;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.remove-btn:hover{color:var(--danger);background:var(--danger-muted)}.qty-stepper{flex-shrink:0;align-items:center;gap:4px;display:flex}.qty-stepper button{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.qty-stepper .val{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-size:15px;font-weight:600}.total-row{color:var(--text-secondary);justify-content:space-between;align-items:baseline;margin-top:12px;font-size:13.5px;display:flex}.total-row strong{color:var(--text-primary);font-weight:600}.add-btn{width:44px;height:44px;color:var(--accent);background:var(--accent-muted);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-backdrop{z-index:20;background:#0808099e;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface-1);border-top:1px solid var(--border-strong);width:100%;max-width:480px;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;flex-direction:column;gap:16px;max-height:80vh;margin:0 auto;display:flex;overflow-y:auto;box-shadow:0 -12px 32px #0006}.modal-sheet .grabber{background:var(--border-strong);border-radius:2px;width:36px;height:4px;margin:0 auto}.modal-sheet h2{font-size:17px;font-weight:600}.modal-sheet .sub{color:var(--text-secondary);margin-top:5px;font-size:13.5px;line-height:1.5}.lot-option{border:1px solid var(--border-strong);border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.lot-option.selected{border-color:var(--accent);background:var(--accent-muted)}.lot-option .title{margin:0;font-size:15px;font-weight:500}.lot-option .subtitle{color:var(--text-secondary);margin:3px 0 0;font-size:12.5px}.lot-option .check{color:var(--accent);flex-shrink:0}.outcome-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100vh - 88px);padding:16px;display:flex}.outcome-icon{border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.outcome-icon.success{background:var(--accent-muted);color:var(--accent)}.outcome-icon.error{background:var(--danger-muted);color:var(--danger)}.outcome-screen h2{font-size:21px;font-weight:600}.outcome-screen .detail{color:var(--text-secondary);max-width:300px;font-size:15px;line-height:1.55}.outcome-screen .detail strong{color:var(--text-primary);font-weight:600}.route-pill{background:var(--surface-1);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-size:15px;font-weight:600;display:flex}.route-pill svg{color:var(--accent)}.reason-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;color:var(--text-secondary);max-width:320px;padding:14px 16px;font-size:13.5px;line-height:1.5}.reason-card strong{color:var(--text-primary)}.outcome-screen .actions{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}