:root{color-scheme:light;--bg: #f5f7f9;--surface: #ffffff;--surface-soft: #f8fafc;--border: #dbe3ea;--border-strong: #c3ced8;--text: #17212b;--muted: #677482;--accent: #176b87;--accent-strong: #0f5268;--success: #168057;--success-soft: #e6f5ef;--warning: #b7791f;--warning-soft: #fff4dc;--danger: #b42318;--shadow: 0 12px 32px rgba(29, 43, 56, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px}.topbar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:16px;padding:16px 18px}h1,h2,p{margin:0}h1{font-size:23px;line-height:1.1}h2{font-size:15px;line-height:1.2}.topbar p,.muted{color:var(--muted);font-size:13px;margin-top:4px}.button{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:13px;font-weight:700;gap:8px;min-height:38px;justify-content:center;padding:0 14px}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong)}.button.secondary{background:var(--surface-soft);border-color:var(--border);color:var(--text)}.button:disabled{cursor:not-allowed;opacity:.55}.summary-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.metric{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.metric span{color:var(--muted);display:block;font-size:12px;font-weight:700;text-transform:uppercase}.metric strong{display:block;font-size:26px;line-height:1.1;margin-top:4px}.metric.success strong{color:var(--success)}.metric.warning strong{color:var(--warning)}.workspace{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(280px,340px) minmax(520px,1fr) minmax(260px,320px)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.left-rail,.main-area{display:grid;gap:14px}.panel-heading{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:48px;padding:0 14px}.count{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:800;height:24px;justify-content:center;min-width:24px;padding:0 8px}.icon-button{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;color:var(--accent);display:inline-flex;font-size:15px;font-weight:900;height:32px;justify-content:center;width:32px}.camera-frame{align-items:center;aspect-ratio:4 / 3;background:#eef3f7;border:1px dashed var(--border-strong);border-radius:6px;display:flex;justify-content:center;margin:14px;overflow:hidden;position:relative}.camera-frame.active{background:#111827;border-style:solid}.camera-frame:after{border:2px solid rgba(255,255,255,.85);border-radius:8px;content:"";height:42%;left:20%;opacity:.65;position:absolute;top:29%;width:60%}.camera-frame video{height:100%;object-fit:cover;width:100%}.camera-placeholder{color:var(--muted);font-size:13px;font-weight:700}.lookup-panel{padding:14px}.lookup-panel label,.confirm-box label{color:var(--muted);display:grid;font-size:12px;font-weight:800;gap:7px}.lookup-row{display:grid;gap:8px;grid-template-columns:1fr auto;margin-top:8px}input{background:#fff;border:1px solid var(--border-strong);border-radius:6px;color:var(--text);min-height:38px;outline:none;padding:0 10px;width:100%}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b8729}.empty-panel{padding:14px}.empty-panel p{color:var(--muted);font-size:13px;margin-top:8px}.match-list{display:grid;gap:8px;padding:12px}.match-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;color:var(--text);display:grid;gap:3px;padding:10px;text-align:left}.match-item.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.match-item span,.match-item em,.match-item small{color:var(--muted);font-size:12px;font-style:normal}.match-item small{color:var(--danger);font-weight:800}.confirm-box{border-top:1px solid var(--border);display:grid;gap:10px;padding:12px}.confirm-box dl{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:0}.confirm-box dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.confirm-box dd{font-size:13px;font-weight:700;margin:2px 0 0}.wide{width:100%}.message{background:#102a36;border-radius:8px;color:#fff;font-size:13px;font-weight:700;padding:12px 14px}.table-wrap{max-height:376px;overflow:auto}table{border-collapse:collapse;font-size:13px;width:100%}th{background:var(--surface-soft);color:var(--muted);font-size:11px;letter-spacing:0;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}td,th{border-bottom:1px solid var(--border);padding:11px 12px;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover,.selected-row{background:#eff7fa}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:6px 8px}.status.open{background:var(--warning-soft);color:var(--warning)}.status.partial{background:#e9f1ff;color:#1d4f91}.status.complete{background:var(--success-soft);color:var(--success)}.source-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:6px 8px}.source-badge.manual{background:#eef7f9;color:var(--accent)}.source-badge.automatic{background:#f1f5f9;color:#475569}.source-badge.mixed,.source-badge.unknown{background:var(--surface-soft);color:var(--muted)}.package-grid{display:grid;gap:8px;max-height:268px;overflow:auto;padding:12px}.detail-summary{border-bottom:1px solid var(--border);color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;padding:10px 12px}.detail-summary strong{color:var(--text)}.package-row{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;display:grid;gap:10px;grid-template-columns:1fr 92px 92px;padding:10px}.package-row.received{background:var(--success-soft);border-color:#b6e6d0}.package-row span{color:var(--muted);display:block;font-size:12px;margin-top:2px}.recent-panel{max-height:calc(100vh - 162px)}.receipt-list{display:grid;gap:8px;max-height:calc(100vh - 225px);overflow:auto;padding:12px}.receipt-item{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;display:grid;gap:8px;grid-template-columns:1fr auto auto;padding:10px}.receipt-item span{color:var(--muted);display:block;font-size:12px;margin-top:2px}.receipt-item b{align-items:center;background:var(--success-soft);border-radius:999px;color:var(--success);display:inline-flex;height:28px;justify-content:center;min-width:28px;padding:0 8px}.receipt-actions{display:flex;gap:4px}.receipt-actions button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--muted);display:inline-flex;height:28px;justify-content:center;width:28px}@media(max-width:1180px){.workspace{grid-template-columns:320px 1fr}.recent-panel{grid-column:1 / -1;max-height:none}.receipt-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:none}}@media(max-width:760px){.app-shell{padding:10px}.topbar,.workspace,.summary-grid,.lookup-row,.confirm-box dl,.package-row{grid-template-columns:1fr}.topbar,.workspace{display:grid}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:start}.button.secondary{width:100%}td,th{padding:10px}.table-wrap{max-height:none}}