:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef3f6;--text:#25313b;--text-2:#66717f;--text-3:#8b96a5;--border:#dce3ea;--border-2:#c5d0dc;--brand:#e17300;--brand-dark:#b95600;--brand-soft:#fff4e8;--accent:#176b87;--accent-soft:#e7f4f7;--success:#1f7a4d;--success-soft:#e8f6ee;--warn:#a96513;--warn-soft:#fff6df;--danger:#b63b3b;--danger-soft:#fdecec;--radius:8px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.app{grid-template-columns:78px minmax(0,1fr);min-height:100vh;display:grid}.rail{color:#fff;background:#303e48;flex-direction:column;align-items:center;gap:20px;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0}.brandMark{color:#303e48;letter-spacing:0;background:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.rail nav{gap:8px;width:100%;display:grid}.rail button{color:#ffffffb8;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;gap:2px;width:100%;min-height:54px;font-weight:800;display:grid}.rail button span{font-size:10px;font-weight:650}.rail button.active,.rail button:hover{color:#fff;background:#ffffff1f;border-color:#ffffff2e}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:26px;line-height:1.1}.topbar p{color:var(--text-2);margin:5px 0 0;font-size:13px}.topActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ghost,.primary{border:1px solid var(--border-2);background:var(--surface);min-height:36px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.primary{border-color:var(--brand);background:var(--brand);color:#fff}.ghost:hover{background:var(--surface-3)}.primary:hover{background:var(--brand-dark)}.full{width:100%}.syncBar{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(220px,.75fr);gap:10px;margin-bottom:14px;display:grid}.syncBar div{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px 12px;display:grid}.syncBar div:last-child{grid-template-columns:auto minmax(0,1fr)}.syncBar label{gap:4px;display:grid}.syncBar strong{white-space:nowrap;color:var(--text);text-transform:uppercase;font-size:11px}.syncBar span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.syncBar input{border-radius:6px;height:30px;font-size:13px}.syncBar .primary{white-space:nowrap;min-height:34px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.step{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:750;display:flex}.step span{background:var(--surface-3);width:22px;height:22px;color:var(--text-2);border-radius:999px;place-items:center;font-size:12px;display:grid}.step.complete{background:var(--success-soft);color:var(--success);border-color:#1f7a4d47}.step.complete span{background:var(--success);color:#fff}.grid{grid-template-columns:minmax(250px,.75fr) minmax(340px,1.1fr) minmax(360px,1fr);align-items:start;gap:14px;display:grid}.receiveGrid{grid-template-columns:minmax(420px,1.1fr) minmax(380px,.9fr)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden}.panelHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.panelHead h2{letter-spacing:0;margin:0;font-size:15px}.panelHead span{color:var(--text-2);margin-top:2px;font-size:12px;display:block}.panelHead .count{min-width:30px;height:26px;color:var(--brand);background:var(--brand-soft);border-radius:999px;place-items:center;margin:0;font-weight:800;display:inline-grid}.dropzone{border:1px dashed var(--border-2);background:var(--surface-2);text-align:center;min-height:142px;color:var(--text-2);border-radius:8px;place-items:center;margin:14px;padding:16px;display:grid}.dropzone strong{color:var(--text);margin-top:8px}.dropzone span{font-size:12px}.scanIcon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.segmented{background:var(--surface-3);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:0 14px 12px;padding:4px;display:grid}.segmented button{min-height:32px;color:var(--text-2);background:0 0;border:0;border-radius:6px;font-size:12px;font-weight:750}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #25313b1f}.field{gap:5px;margin:0 14px 12px;display:grid}.field span,.receiptRow small{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:750}input{border:1px solid var(--border-2);background:var(--surface);width:100%;height:36px;color:var(--text);border-radius:8px;padding:0 10px;font-size:13px;font-weight:650}.scanPanel>.primary,.receiptPanel>.primary{width:calc(100% - 28px);margin:0 14px 14px}.scanResult{border-radius:8px;gap:3px;margin:0 14px 14px;padding:11px 12px;display:grid}.scanResult span{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:800}.scanResult strong{font-size:13px}.scanResult small{color:var(--text-2)}.scanResult.scanned{background:var(--success-soft);color:var(--success)}.scanResult.review{background:var(--warn-soft);color:var(--warn)}.searchRow{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px;display:grid}.rawList{max-height:560px;display:grid;overflow:auto}.rawRow{border:0;border-bottom:1px solid var(--border);background:var(--surface);text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:74px;padding:12px 14px;display:grid}.rawRow:hover{background:var(--surface-2)}.rawRow.selected{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.rawMain,.rawNumbers{gap:4px;min-width:0;display:grid}.rawMain strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rawMain small,.rawNumbers small{color:var(--text-2);font-size:12px}.rawNumbers{text-align:right}.rawNumbers b{font-size:13px}.status{border:1px solid var(--border-2);color:var(--text-2);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status.online{color:var(--success);background:var(--success-soft);border-color:#1f7a4d47}.scaleBox{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:4px;margin:14px;padding:14px;display:grid}.scaleBox span{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:800}.scaleBox strong{letter-spacing:0;font-size:25px}.scaleBox small{color:var(--text-2)}.receiptRows{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid}.receiptRow{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 104px 42px;align-items:center;gap:10px;padding:12px;display:grid}.receiptRow:last-child{border-bottom:0}.receiptRow>div,.receiptRow label{gap:3px;min-width:0;display:grid}.receiptRow strong,.receiptRow b{font-size:12px}.receiptItemName strong{white-space:normal;font-size:13px;line-height:1.25}.receiptRow span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.receiptRow input{height:32px;padding:0 8px}.receiptRow>b{color:var(--text-2);text-align:right}.ok{color:var(--success)}.warn{color:var(--warn)}.bad{color:var(--danger)}.emptyState{border:1px dashed var(--border-2);text-align:center;color:var(--text-2);background:var(--surface-2);border-radius:8px;margin:14px;padding:22px;font-size:13px}.submitted{background:var(--success-soft);color:var(--success);border-radius:8px;align-items:center;gap:10px;margin:0 14px 14px;padding:11px 12px;display:flex}.submitted div{gap:2px;display:grid}.submitted strong{font-size:13px}.submitted span{font-size:12px}.audit{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;display:grid;overflow:hidden}.audit div{border-right:1px solid var(--border);gap:3px;padding:11px 14px;display:grid}.audit div:last-child{border-right:0}.audit strong{font-size:13px}.audit span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=1160px){.grid{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr)}.receiptPanel{grid-column:1/-1}}@media (width<=780px){.app{grid-template-columns:1fr}.rail{flex-direction:row;justify-content:space-between;height:auto;padding:10px 12px;position:static}.rail nav{grid-auto-columns:minmax(54px,1fr);grid-auto-flow:column;overflow-x:auto}.rail button{min-height:44px}.workspace{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topActions{justify-content:stretch;width:100%}.topActions>button{flex:1}.steps,.syncBar,.grid,.audit,.syncBar div:last-child{grid-template-columns:1fr}.receiptRow{grid-template-columns:1fr 104px}.receiptRow>b{grid-column:2}.audit div{border-right:0;border-bottom:1px solid var(--border)}.audit div:last-child{border-bottom:0}}.authPage{place-items:center;min-height:100vh;padding:22px;display:grid}.authCard{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:14px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 12px 30px #25313b14}.authCard h1{margin:0;font-size:24px}.authCard p{color:var(--text-2);margin:0;line-height:1.45}.authError{color:var(--danger);font-size:13px}.syncNote{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:4px;margin:0 14px 14px;padding:11px 12px;display:grid}.syncNote strong{font-size:13px}.syncNote span{color:var(--text-2);font-size:12px;line-height:1.4}.suggestionShelf{border-bottom:1px solid var(--border);background:var(--accent-soft);gap:10px;padding:12px 14px;display:grid}.suggestionShelf>div:first-child{gap:2px;display:grid}.suggestionShelf strong{color:var(--accent);font-size:13px}.suggestionShelf span{color:var(--text-2);font-size:12px}.suggestionList{gap:8px;display:grid}.listLabel{z-index:1;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-2);letter-spacing:0;text-transform:uppercase;padding:8px 14px;font-size:11px;font-weight:800;position:sticky;top:0}.rawRow.compact{background:var(--surface);border:1px solid #176b8738;border-radius:8px;min-height:62px}.rawRow.compact.selected{background:var(--brand-soft);border-color:#e1730059}.workspaceGrid{align-items:start;gap:14px;display:grid}.workspaceGrid.two{grid-template-columns:minmax(320px,.85fr) minmax(380px,1.15fr)}.poList,.receiptList{display:grid}.poCard{border:0;border-bottom:1px solid var(--border);background:var(--surface);text-align:left;grid-template-columns:minmax(0,1fr) 70px;align-items:center;gap:12px;min-height:72px;padding:12px 14px;display:grid}.poCard:hover{background:var(--surface-2)}.poCard.selected{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.poCard>span{gap:4px;min-width:0;display:grid}.poCard strong,.poCard b{font-size:13px}.poCard small{color:var(--text-2);font-size:12px}.poCard>span:last-child{text-align:right}.historyPanel{max-width:980px}.receiptCard{border-bottom:1px solid var(--border);gap:10px;padding:14px;display:grid}.receiptCard:last-child{border-bottom:0}.receiptCardTop,.receiptMeta,.receiptLineList div{align-items:center;gap:10px;display:flex}.receiptCardTop{justify-content:space-between}.receiptCardTop>div{gap:3px;min-width:0;display:grid}.receiptCardTop strong{font-size:14px}.receiptCardTop span,.receiptMeta,.timelineText{color:var(--text-2);font-size:12px}.receiptMeta{flex-wrap:wrap}.receiptMeta span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:4px 8px}.receiptLineList{border:1px solid var(--border);border-radius:8px;overflow:hidden}.receiptLineList div{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;min-height:34px;padding:7px 10px}.receiptLineList div:last-child{border-bottom:0}.receiptLineList span,.receiptLineList strong,.receiptLineList b{font-size:12px}.receiptLineList strong{color:var(--text)}.status.review{color:var(--warn);background:var(--warn-soft);border-color:#a965134d}@media (width<=780px){.workspaceGrid.two{grid-template-columns:1fr}.receiptCardTop{flex-direction:column;align-items:flex-start}}