.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.mark{border:3px solid var(--accent);border-radius:999px;flex:none;width:14px;height:14px}.brand-name{font-family:var(--font-display);letter-spacing:-.025rem;font-size:1.125rem;font-weight:700}.brand-tagline{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;padding:20px;display:grid}@media (width<=900px){.main{grid-template-columns:minmax(0,1fr)}.brand-tagline{display:none}}.button,.ghost,.segment,.expander,.more,.link{font:inherit;cursor:pointer;border-radius:var(--radius-atom);transition:background var(--duration), border-color var(--duration), color var(--duration)}.button{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-control);border:1px solid #0000;min-height:44px;padding:11px 16px;font-weight:600}.button:hover:not(:disabled){filter:brightness(1.05)}.button:disabled{background:var(--surface-raised);color:var(--text-disabled);cursor:not-allowed}.ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0;min-height:36px;padding:9px 12px}.ghost:hover{color:var(--text);border-color:var(--border-strong)}.ghost.icon{min-width:36px;padding:9px;font-size:1rem;line-height:1}.link{color:var(--accent-fg);background:0 0;border:none;padding:0;text-decoration:underline}:where(.button,.ghost,.segment,.expander,.more,.link,.field,input):focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}.field{font:inherit;width:100%;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-atom);min-height:40px;padding:10px 12px}.field::placeholder{color:var(--text-tertiary)}.field.list{font-family:var(--font-mono);resize:vertical;line-height:1.45}.field-label{color:var(--text-secondary);margin-bottom:6px;display:block}.hint{color:var(--text-tertiary);margin:6px 0 0;font-size:.875rem}.error{color:var(--error);margin:10px 0 0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel,.rail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--elevation);padding:16px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-title,.rail-title{font-family:var(--font-display);margin:0;font-size:1rem;font-weight:700}.counter{color:var(--text-tertiary)}.work{flex-direction:column;gap:20px;min-width:0;display:flex}.panel.empty{text-align:center;padding:36px 16px}.notice-title{margin:0 0 6px;font-weight:600}.notice-body{color:var(--text-secondary);margin:0}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:76px}.rail-head{flex-direction:column;gap:4px;display:flex}.rail-subtitle{color:var(--text-tertiary);margin:0;font-size:.875rem}.notice{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-control);flex-direction:column;gap:10px;padding:12px;display:flex}.suppliers{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.suppliers li{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;display:flex}.suppliers li:last-child{border-bottom:none}.supplier-rows{color:var(--text-secondary);white-space:nowrap}.suppliers-total{color:var(--text-tertiary);font-size:.875rem}.upload{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;padding-top:16px;display:flex}.upload .hint{margin:0}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-control);background:var(--surface-sunken);text-align:center;transition:border-color var(--duration), background var(--duration);padding:16px 12px;position:relative}.dropzone[data-dragging=true]{border-color:var(--accent-fg);background:var(--surface-raised)}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone-label{color:var(--text);cursor:pointer;word-break:break-all;display:block}.summary{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);box-shadow:var(--elevation);flex-direction:column;gap:4px;padding:12px;display:flex}.metric-label{color:var(--text-secondary);font-size:.875rem}.metric-value{letter-spacing:-.03rem;font-size:1.5rem;line-height:1.75rem}.metric-unit{color:var(--text-tertiary);font-size:1rem}.metric[data-tone=priced] .metric-value{color:var(--success)}.metric[data-tone=review] .metric-value{color:var(--warning)}.metric[data-tone=missing] .metric-value{color:var(--error)}.metric[data-tone=total]{border-color:var(--border-strong)}.segmented{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-control);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.segment{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;min-height:36px;padding:7px 12px;display:inline-flex}.segment[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--elevation)}.segment-count{color:var(--text-tertiary)}.table-wrap{margin:0 -16px -16px;padding:0 16px 16px;overflow-x:auto}.quote{border-collapse:collapse;white-space:nowrap;width:100%}.quote th{text-align:left;color:var(--text-secondary);background:var(--surface-sunken);border-bottom:1px solid var(--border);padding:8px 10px;font-weight:600;position:sticky;top:0}.quote th:first-child{border-top-left-radius:var(--radius-atom);border-bottom-left-radius:var(--radius-atom)}.quote th:last-child{border-top-right-radius:var(--radius-atom);border-bottom-right-radius:var(--radius-atom)}.quote td{border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:10px}.quote tbody tr[data-status=needs_review] td:first-child{box-shadow:inset 2px 0 0 var(--warning)}.quote tbody tr[data-status=not_found] td:first-child{box-shadow:inset 2px 0 0 var(--error)}.right{text-align:right}.strong{font-weight:600}.expand-col{width:32px;padding-right:0!important}.expander{background:var(--surface-raised);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);line-height:1}.position{flex-direction:column;gap:2px;display:flex}.position-brand{color:var(--text-secondary);font-size:.875rem}.position-article{font-weight:600}.position-raw{white-space:normal;max-width:24ch}.supplier-name{color:var(--text)}.offer-name{white-space:normal;max-width:34ch}.more{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;margin-left:8px;padding:2px 8px;font-size:.875rem;display:inline-block}.chip{border:1px solid;border-radius:999px;padding:2px 8px;font-size:.875rem;display:inline-block}.chip[data-status=priced]{color:var(--success)}.chip[data-status=needs_review]{color:var(--warning)}.chip[data-status=not_found]{color:var(--error)}.reason{color:var(--text-secondary);white-space:normal;max-width:32ch;margin-top:4px;font-size:.875rem;display:block}.offers-row td{background:var(--surface-sunken);padding:12px}.offers{border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.offers-legend{color:var(--text-secondary);padding:0 0 6px;font-size:.875rem}.offer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-atom);cursor:pointer;grid-template-columns:20px minmax(120px,1fr) minmax(0,2fr) 96px 56px 72px 196px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:grid}.offer[data-chosen=true]{border-color:var(--accent-fg)}.offer-title{color:var(--text-secondary);white-space:normal}.offer-price,.offer-stock,.offer-delivery{text-align:right}.offer-price{font-weight:600}.offer-fetched{color:var(--text-tertiary);grid-column:1/-1;font-size:.875rem}.offer-badges{justify-content:flex-end;gap:6px;display:flex}.badge{text-transform:uppercase;letter-spacing:.03rem;border:1px solid;border-radius:999px;padding:2px 8px;font-size:.75rem}.badge[data-kind=cheap]{color:var(--success)}.badge[data-kind=fast]{color:var(--info)}.badge[data-kind=chosen]{background:var(--surface-raised);color:var(--text);border-color:var(--border-strong)}@media (width<=720px){.offer{grid-template-columns:20px minmax(0,1fr) auto}.offer-title,.offer-stock{display:none}}.skeleton-list{flex-direction:column;gap:8px;display:flex}.skeleton{border-radius:var(--radius-atom);background:linear-gradient(90deg, var(--surface-sunken), var(--surface-raised), var(--surface-sunken));opacity:0;background-size:200% 100%;height:20px;animation:1ms linear .2s forwards skeleton-appear,1.2s linear .2s infinite skeleton-sweep;display:block}.skeleton.tall{height:44px}@keyframes skeleton-appear{to{opacity:1}}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--canvas:#f4f5f6;--surface:#fff;--surface-sunken:#eceef0;--surface-raised:#e3e6e9;--track:#d8dce0;--border-subtle:#0000000d;--border:#0000001a;--border-strong:#00000026;--text:#131416;--text-secondary:#5c626a;--text-tertiary:#797f87;--text-disabled:#a8aeb5;--accent:#d1fe17;--accent-ink:#131517;--accent-fg:#4f6109;--error:#e10016;--success:#20802f;--warning:#856600;--info:#0256fe;--elevation:0 1px 2px #00000012, 0 8px 24px -12px #00000026;--radius-atom:8px;--radius-control:12px;--radius-panel:16px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", var(--font-sans);--font-mono:"IBM Plex Mono", ui-monospace, monospace;--duration:.2s}:root[data-theme=dark]{--canvas:#131416;--surface:#18191c;--surface-sunken:#1c1e21;--surface-raised:#23262a;--track:#2a2d32;--border-subtle:#ffffff0d;--border:#ffffff1a;--border-strong:#fff3;--text:#fff;--text-secondary:#828282;--text-tertiary:#626262;--text-disabled:#484e56;--accent-fg:#d1fe17;--error:#ff5462;--success:#4ee466;--warning:#ffef33;--info:#5b91fe;--elevation:inset 0 2px 3px #ffffff0d, 0 4px 24px -8px #00000026}*,:before,:after{box-sizing:border-box}html{font-size:14px}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);letter-spacing:.00625rem;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.25rem}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}