:root{--bg: #f4f3ef;--surface: #ffffff;--surface-2: #faf9f6;--border: #e3e1da;--border-strong: #cfccc2;--text: #1c1d1f;--muted: #6b6a64;--accent: #e2580f;--accent-hover: #c94c0a;--accent-soft: #fdeee4;--chrome: #1c1d1f;--ok: #2f7d4f;--ok-soft: #e6f2ea;--warn: #a8640a;--warn-soft: #fbf1df;--bad: #b3261e;--bad-soft: #fbe9e7;--ship: #2c5f8a;--ship-soft: #e5eef6;--order: #6b4fa0;--order-soft: #efeaf7;--radius: 8px;--font: "General Sans", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}h2{font-size:16px;font-weight:600;margin:0}.mono{font-family:var(--mono);font-size:.92em;letter-spacing:-.01em}.strong{font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.push{margin-left:auto}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{min-height:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:24px;text-align:center}.center.col{flex-direction:column}.signin p{max-width:380px}.app{height:100%;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:24px;padding:0 20px;height:56px;background:var(--chrome);color:#f2f1ed;flex-shrink:0}.brand{display:flex;align-items:baseline;gap:10px}.brand-mark{font-weight:700;font-size:17px;letter-spacing:-.02em;color:#fff}.brand-mark span{color:var(--accent);margin-left:2px}.brand-mark.lg{font-size:28px;color:var(--text)}.brand-sub{font-size:12px;color:#a3a29b}.tabs{display:flex;gap:2px;height:100%}.tabs button{background:none;border:0;padding:0 14px;color:#bdbcb5;cursor:pointer;font-weight:500;border-bottom:2px solid transparent;height:100%}.tabs button:hover{color:#fff}.tabs button.on{color:#fff;border-bottom-color:var(--accent)}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px}.mode{padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600}.mode.demo{background:#3a3a37;color:#f6c99e}.mode.live{background:#234a33;color:#b8e3c6}.user{color:#d2d1ca}.main{flex:1;min-height:0}.tab-pane{height:100%}.tab-pane[hidden]{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:500;text-decoration:none;color:var(--text);transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2);border-color:#b9b5aa}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.sm{padding:5px 10px;font-size:13px}.btn.block{width:100%;padding:10px}.btn-row{display:flex;gap:8px;align-items:center}.btn-row.wrap{flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:5px;background:none;cursor:pointer;color:var(--muted)}.icon-btn:hover:not(:disabled){background:#0000000f;color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.light{color:#bdbcb5}.icon-btn.light:hover{background:#ffffff1a;color:#fff}.link-btn{background:none;border:0;padding:0;color:var(--accent-hover);cursor:pointer;font-size:12px;font-weight:500;text-decoration:underline;text-underline-offset:2px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.chip.on{background:var(--text);border-color:var(--text);color:#fff}.chip.mono{font-size:12px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;padding:0 10px;color:var(--muted)}.search-field:focus-within{border-color:var(--text)}.search-field input{flex:1;border:0;outline:0;padding:8px 0;background:none;color:var(--text);min-width:0}.search-field.grow{flex:1;min-width:220px}select,.date-field input,.field input,.admin-add input{border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;padding:7px 9px}select:focus,.date-field input:focus,.field input:focus,.admin-add input:focus{outline:0;border-color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer}.check input{margin-top:3px;accent-color:var(--accent)}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.panel-title{margin-bottom:4px}.note{padding:8px 10px;border-radius:6px;font-size:13px}.note.err{background:var(--bad-soft);color:var(--bad)}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.ok{background:var(--ok-soft);color:var(--ok)}.empty{padding:28px 12px;text-align:center;color:var(--muted)}.empty.small{padding:16px 8px;font-size:13px}.skeleton{background:linear-gradient(90deg,#ebe9e3 25%,#f4f3ef,#ebe9e3 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.row-skel{height:20px;margin:6px 0}.page-skel{width:80%;aspect-ratio:.707;margin:0 auto}.ic.ok{color:var(--ok)}.ic.warn{color:var(--warn)}.ic.bad{color:var(--bad)}.ic.ready{color:var(--accent)}.type-tag{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:4px}.type-tag.shipment{background:var(--ship-soft);color:var(--ship)}.type-tag.order{background:var(--order-soft);color:var(--order)}.scan-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;height:100%}.queue{border-right:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;min-height:0;padding:16px;gap:12px}.drop{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:20px 14px;text-align:center;cursor:pointer;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.drop-title{font-weight:600;color:var(--text)}.sample-row{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.queue-head{display:flex;align-items:center;justify-content:space-between;min-height:30px}.batch{display:flex;flex-direction:column;gap:8px}.batch-run{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface)}.batch-line{display:flex;align-items:center;gap:8px;font-size:13px}.batch-line span{flex:1}.batch-opts{display:flex;flex-direction:column;gap:4px}.check.small{font-size:12px;color:var(--muted)}.check.small input{margin-top:2px}.q-filters .chip{font-size:11.5px;padding:2px 8px}.note svg{vertical-align:-2px}.queue-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:4px}.q-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:none;padding:8px;border-radius:6px;cursor:pointer}.q-item:hover{background:var(--surface);border-color:var(--border)}.q-item.sel{background:var(--surface);border-color:var(--border-strong);box-shadow:inset 3px 0 0 var(--accent)}.q-main{flex:1;min-width:0;display:flex;flex-direction:column}.q-name{font-family:var(--mono);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-x{color:var(--muted);padding:2px;border-radius:4px;display:inline-flex}.q-x:hover{background:var(--border);color:var(--text)}.scan-preview{min-width:0;min-height:0;display:flex}.tag-panel{border-left:1px solid var(--border);background:var(--surface);overflow-y:auto}.tag-body{padding:18px;display:flex;flex-direction:column;gap:18px}.empty-panel{padding:32px 22px;color:var(--muted)}.empty-panel h2{color:var(--text);margin:10px 0}.steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:13px}.progress-block{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.bar{flex-basis:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.bar div{height:100%;background:var(--accent);transition:width .2s}.detect,.match,.file-block{display:flex;flex-direction:column;gap:8px}.record{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--surface);display:flex;flex-direction:column;gap:4px;text-align:left}.record.compact{border:0;padding:0;background:none}.record-top{display:flex;align-items:center;gap:8px}.record-cust{font-size:13px}.record-meta{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:6px 0 0;font-size:12px}.record-meta dt{color:var(--muted)}.record-meta dd{margin:0}.picker{display:flex;flex-direction:column;gap:8px}.picker-results{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.picker-item{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:8px 10px;cursor:pointer;text-align:left}.picker-item:hover{border-color:var(--accent);background:var(--accent-soft)}.filed{border:1px solid #cfe5d7;background:var(--ok-soft);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.filed-head{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--ok)}.filed .note{background:#fff9}.viewer{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#e7e5df}.viewer-bar{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border);min-height:42px}.viewer-label{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.viewer-tools{display:flex;align-items:center;gap:2px;flex-shrink:0}.viewer-tools .sep{width:1px;height:18px;background:var(--border);margin:0 6px}.viewer-canvas{flex:1;overflow:auto;padding:16px;display:flex;justify-content:center;align-items:flex-start}.viewer-canvas canvas{box-shadow:0 1px 3px #0000001f,0 6px 20px #00000014;background:#fff}.library{display:grid;grid-template-columns:minmax(0,1fr);height:100%}.library.with-drawer{grid-template-columns:minmax(0,1fr) 440px}.lib-main{padding:18px 20px;overflow:auto;min-width:0}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.date-field{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table.pods{width:100%;border-collapse:collapse}table.pods th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}table.pods td{padding:9px 12px;border-bottom:1px solid #efede7;vertical-align:middle}table.pods tbody tr{cursor:pointer}table.pods tbody tr:hover{background:#fbfaf7}table.pods tbody tr.sel{background:var(--accent-soft)}table.pods tbody tr:last-child td{border-bottom:0}.cell-cust{font-weight:500}.cap{font-size:12px;color:var(--muted)}.foot-count{margin-top:8px}.drawer{border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer-viewer{height:440px;display:flex;flex-shrink:0}.meta-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;padding:14px 16px 6px;margin:0;font-size:13px}.meta-grid dt{color:var(--muted)}.meta-grid dd{margin:0;overflow-wrap:anywhere}.drawer .btn-row{padding:8px 16px 16px}.retag{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px}.settings{max-width:980px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.card p{margin:0}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.checks li{display:grid;grid-template-columns:18px 180px 1fr;gap:8px;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px}.admin-list li{display:grid;grid-template-columns:320px 1fr 104px;gap:12px;align-items:center;padding:8px 12px;min-height:44px}.admin-list li+li{border-top:1px solid var(--border)}.admin-list li .btn{justify-self:end}.admin-list li>.muted svg{vertical-align:-2px}.admin-add{display:flex;gap:8px}.admin-add input{flex:1;max-width:380px}@media(max-width:640px){.admin-list li{grid-template-columns:1fr 104px}.admin-list li>.muted{grid-column:1;grid-row:2}}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:12px;font-weight:600}table.cols{border-collapse:collapse;font-size:13px;width:100%;max-width:520px}table.cols th,table.cols td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}table.cols th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.toasts{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:50;max-width:min(420px,calc(100vw - 36px))}.toast{background:var(--chrome);color:#fff;padding:10px 14px;border-radius:6px;font-size:13px;box-shadow:0 6px 24px #0003;animation:rise .2s ease-out}.toast.err{background:var(--bad)}@keyframes rise{0%{transform:translateY(8px);opacity:0}}@media(max-width:1180px){.scan-layout{grid-template-columns:260px minmax(0,1fr) 320px}.library.with-drawer{grid-template-columns:minmax(0,1fr) 380px}.hide-md{display:none}}@media(max-width:900px){.app{height:auto;min-height:100%}.main{min-height:auto}.top{flex-wrap:wrap;height:auto;padding:10px 14px 0;gap:8px 16px}.tabs{order:3;width:100%;height:42px;overflow-x:auto}.tabs button{padding:0 10px;white-space:nowrap}.scan-layout{grid-template-columns:1fr;height:auto}.queue{border-right:0;border-bottom:1px solid var(--border)}.queue-list{max-height:240px}.scan-preview{height:60vh}.scan-preview.no-doc{display:none}.drawer-viewer{height:400px}.tag-panel{border-left:0;border-top:1px solid var(--border)}.library,.library.with-drawer{grid-template-columns:1fr;height:auto}.lib-main{padding:14px}.drawer{border-left:0;border-top:1px solid var(--border)}.hide-sm{display:none}.checks li{grid-template-columns:18px 1fr}.checks li .small{grid-column:2}.settings{height:auto;padding:14px}}.live-banner{background:#fff4ec;color:#7a2e05;border-bottom:1px solid #f3c9a8;padding:8px 16px;font-size:13px;text-align:center}.live-banner a{color:#b5420a;font-weight:600}.watch{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.watch-head{display:flex;align-items:center;gap:8px;min-width:0}.watch-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.watch-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.btn.danger{color:var(--bad)}.btn.danger:hover:not(:disabled){border-color:var(--bad);background:var(--bad-soft)}.btn.danger-solid{background:var(--bad);border-color:var(--bad);color:#fff}.btn.danger-solid:hover:not(:disabled){filter:brightness(.92)}.confirm-del{margin:0 16px 16px;padding:12px;border:1px solid var(--bad);border-radius:var(--radius);background:var(--bad-soft);display:flex;flex-direction:column;gap:8px}.confirm-del ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:2px}.pods th.pick,.pods td.pick{width:36px;padding-right:0}.pods td.pick input,.pods th.pick input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.pods tr.picked td{background:var(--accent-soft)}.bulk-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.bulk-bar .grow{flex:1;min-width:120px}.confirm-del.bulk{margin:0;flex:1}.bulk-list{word-break:break-word}.bulk-bar .bar{flex-basis:auto}.btn.inline-check{margin-left:8px;padding:2px 8px;font-size:12px;vertical-align:middle}.inv-msg{margin-top:6px;color:var(--muted, #666);line-height:1.4}.inv-msg.bad{color:var(--bad)}.copy-step{margin-top:8px;display:flex;gap:6px;align-items:center}.autolink-grid{display:grid;grid-template-columns:110px 1fr;gap:10px 16px;align-items:center;margin-top:12px}.autolink-grid select{max-width:240px}.bad-text{color:var(--bad)}