:root{--brand: #5381a8;--brand-dark: #3f6588;--brand-tint: #eaf0f6;--ink: #242729;--muted: #6a737c;--line: #e2e6ea;--bg: #f4f6fa;--card: #ffffff;--good: #21a05a;--fair: #d9922b;--poor: #cf3b3b;--input-bg: #ffffff;--contrast-fill: #242729;--radius: 14px;--shadow: 0 1px 3px rgba(36, 39, 41, .08), 0 6px 20px rgba(36, 39, 41, .06);--font-head: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-body)}h1,h2,h3,.btn,.tab,.topbar-title{font-family:var(--font-head)}:root[data-theme=dark]{--brand: #6ea3d0;--brand-dark: #9cc4e8;--brand-tint: #1e2a38;--ink: #e7ebee;--muted: #9aa5af;--line: #2b333c;--bg: #14171a;--card: #1c2127;--good: #3bbd77;--fair: #e2a844;--poor: #e05a5a;--input-bg: #232a31;--contrast-fill: #2c343c;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45}.topbar{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:10px 20px}.topbar-logo{height:42px;width:auto;display:block}.topbar-title{font-weight:700;font-size:18px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.account{display:flex;align-items:center;gap:10px}.account:empty{display:none}.account-email{font-size:13px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-btn{width:40px;height:40px;border-radius:10px;flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center}.theme-btn:hover{background:var(--brand-tint)}@media(max-width:560px){.account-email{display:none}}.tabs{display:flex;gap:4px;max-width:1180px;margin:0 auto;padding:0 16px;overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:transparent;color:var(--muted);font-size:15px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.active{color:var(--brand-dark);border-bottom-color:var(--brand)}.tab-icon{font-size:17px}#app{max-width:1180px;margin:0 auto;padding:24px 20px 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-title{font-size:24px;font-weight:700;margin:0}.page-sub{color:var(--muted);margin:4px 0 0;font-size:15px}.sync-ok{color:var(--good);font-weight:600}.sync-warn{color:var(--poor);font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.empty{text-align:center;color:var(--muted);padding:48px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.empty .big{font-size:40px;display:block;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;background:var(--brand);color:#fff;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn.secondary{background:var(--brand-tint);color:var(--brand-dark)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.danger{background:transparent;color:var(--poor);border:1px solid color-mix(in srgb,var(--poor) 40%,var(--line))}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar .search{flex:1;min-width:180px}.toolbar .spacer{flex:1}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 5px}input,select,textarea{width:100%;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg);color:var(--ink);font-family:inherit}textarea{resize:vertical;min-height:72px}input.field-error{border-color:var(--poor);box-shadow:0 0 0 3px #cf3b3b26}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.hint{font-size:13px;color:var(--muted);margin:6px 0 0}.field-inline{display:flex;align-items:center;gap:8px}.alpha-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.alpha-grid .cell label{margin:0 0 3px;text-align:center;font-size:11px}.alpha-grid .cell input{padding:8px 4px;text-align:center;font-variant-numeric:tabular-nums}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.product-photo{aspect-ratio:4 / 3;background:var(--brand-tint);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;display:block}.product-photo .placeholder{font-size:40px;opacity:.5}.product-body{padding:14px;display:flex;flex-direction:column;gap:4px;flex:1}.product-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-dark)}.product-name{font-size:16px;font-weight:700;font-family:var(--font-head)}.product-desc{font-size:13px;color:var(--muted);flex:1}.product-meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}.product-price{font-size:17px;font-weight:700;font-family:var(--font-head)}.product-unit{font-size:12px;color:var(--muted)}.product-actions{display:flex;gap:8px;padding:0 14px 14px}.product-actions .btn{flex:1}.badge-count{font-size:12px;color:var(--muted);font-weight:600}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.thumb{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .rm{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;font-size:14px;line-height:1}.filebtn{display:inline-flex;align-items:center;gap:8px;text-align:center;border:1px dashed var(--brand);color:var(--brand-dark);background:var(--brand-tint);border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:600;font-size:14px}.filebtn input{display:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#14161880;opacity:0;transition:opacity .2s ease}.scrim.show{opacity:1}.modal{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;pointer-events:none}.modal-box{width:min(680px,100%);max-height:90vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);pointer-events:auto;transform:translateY(12px);opacity:0;transition:transform .2s ease,opacity .2s ease}.modal.show .modal-box{transform:translateY(0);opacity:1}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:20px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--card)}.icon-x{width:36px;height:36px;border:none;background:transparent;color:var(--muted);font-size:22px;cursor:pointer;border-radius:8px;line-height:1}.icon-x:hover{background:var(--brand-tint);color:var(--ink)}.editor-nav{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:6px}.nav-arrow{width:34px;height:34px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;border-radius:8px}.nav-arrow:hover:not(:disabled){background:var(--brand-tint);border-color:var(--brand);color:var(--brand-dark)}.nav-arrow:disabled{opacity:.35;cursor:not-allowed}.nav-pos{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:var(--contrast-fill);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center;z-index:60}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.sol-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.lc-axis{fill:var(--muted);font-size:10px;font-family:var(--font-body)}.lc-title{fill:var(--muted);font-size:11px;font-weight:600;font-family:var(--font-body)}.lc-grid{stroke:var(--line);stroke-width:1;opacity:.7}.lc-line{stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;fill:none}.lc-line.measured{stroke:var(--muted);stroke-dasharray:4 4;opacity:.8}.lc-line.predicted{stroke:var(--brand)}.lc-dot.measured{fill:var(--muted)}.lc-dot.predicted{fill:var(--brand)}.chart-legend{display:flex;gap:18px;justify-content:center;margin:4px 0 6px;font-size:13px;color:var(--muted)}.chart-legend .swatch{display:inline-block;width:16px;height:4px;border-radius:2px;vertical-align:middle;margin-right:5px}.chart-legend .swatch.measured{background:var(--muted)}.chart-legend .swatch.predicted{background:var(--brand)}.result-tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:12px 0 4px}.tile{background:var(--brand-tint);border-radius:12px;padding:12px;text-align:center}.tile-label{display:block;font-size:12px;color:var(--muted);font-weight:600}.tile-val{display:block;font-size:20px;font-weight:700;font-family:var(--font-head);margin-top:2px}.tile-val.good{color:var(--good)}.pick-search{margin-bottom:10px}.picker{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.pick-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;font-size:14px;text-align:left}.pick-row:hover{background:var(--brand-tint);border-color:var(--brand)}.pick-name{flex:1}.pick-add{color:var(--brand-dark);font-size:18px;font-weight:700}.pick-group{display:flex;flex-direction:column;gap:6px}.pick-group-head{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--brand-tint);color:var(--ink);font:inherit;font-weight:700;font-size:13px}.pick-group-head:hover{border-color:var(--brand)}.pick-caret{color:var(--muted);font-size:11px;width:12px}.pick-cat-name{flex:1}.pick-group-items{display:flex;flex-direction:column;gap:6px;padding-left:12px}.warn{color:var(--fair);font-size:12px;font-weight:600}.sol-lines{display:flex;flex-direction:column;gap:8px}.sol-line{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.sol-line:last-child{border-bottom:none}.sol-line-main{flex:1;min-width:0}.sol-name{display:block;font-weight:600;font-size:14px}.sol-meta{display:block;font-size:12px;color:var(--muted)}.sol-price{font-weight:700;font-variant-numeric:tabular-nums;min-width:74px;text-align:right}.qty{display:inline-flex;align-items:center;gap:8px}.qbtn{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font-size:15px;line-height:1}.qbtn:hover{background:var(--brand-tint);border-color:var(--brand)}.qval{min-width:20px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.icon-x.sm{width:26px;height:26px;font-size:18px}.sol-total{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:2px solid var(--line);font-weight:600}.sol-total-val{font-size:20px;font-weight:700;font-family:var(--font-head)}.sol-total.sub{margin-top:0;padding-top:6px;border-top:0;font-weight:400;color:var(--muted)}.sol-total.sub .sol-total-val{font-size:15px;font-weight:500;color:var(--muted)}.sol-total.grand{margin-top:6px;padding-top:10px;border-top:2px solid var(--brand)}.sol-total.grand .sol-total-val{color:var(--brand)}.excl-vat{font-size:11px;font-weight:500;color:var(--muted);font-family:var(--font-body)}.sub-list{display:flex;flex-direction:column;gap:8px}.sub-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px 8px 16px;color:var(--ink)}.sub-row:hover{border-color:var(--brand)}.sub-open{flex:1;min-width:0;display:flex;align-items:center;gap:14px;background:transparent;border:0;text-align:left;color:inherit;cursor:pointer;padding:6px 0;font:inherit}.sub-row .grow{flex:1;min-width:0}.sub-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.row-act{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:9px;cursor:pointer}.row-act:hover{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-dark)}.row-act.offer{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));color:var(--brand-dark)}.row-status{width:auto;min-width:132px;flex-shrink:0;font-size:12px;font-weight:700;padding:8px 10px;border-radius:9px;cursor:pointer}.row-status.received{color:var(--brand-dark);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.row-status.in_review{color:var(--fair);border-color:color-mix(in srgb,var(--fair) 50%,var(--line))}.row-status.processed{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,var(--line))}@media(max-width:640px){.sub-row{flex-wrap:wrap}.sub-actions{width:100%;justify-content:flex-end;padding-top:4px}}.sub-title{font-weight:700;font-size:15px}.sub-meta{font-size:13px;color:var(--muted);margin-top:2px}.sub-rt{font-weight:700;font-variant-numeric:tabular-nums;min-width:56px;text-align:right}.sub-row .chev{color:var(--muted);font-size:20px}.status-pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--line);color:var(--muted);white-space:nowrap}.status-pill.received{background:color-mix(in srgb,var(--brand) 16%,var(--card));color:var(--brand-dark)}.status-pill.in_review{background:color-mix(in srgb,var(--fair) 18%,var(--card));color:var(--fair)}.status-pill.processed{background:color-mix(in srgb,var(--good) 18%,var(--card));color:var(--good)}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.rt-cells{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}.rtc{text-align:center;background:var(--brand-tint);border-radius:8px;padding:6px 2px}.rtc-f{display:block;font-size:11px;color:var(--muted)}.rtc-v{display:block;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.btn-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--brand-dark);font-family:var(--font-head);font-weight:600;font-size:14px;padding:2px 0 6px;cursor:pointer}.btn-back:hover{opacity:.7}code{background:var(--brand-tint);padding:1px 5px;border-radius:5px;font-size:.92em}.offer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#1416188c;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .2s ease}.offer-scrim.show{opacity:1}.offer-panel{display:flex;flex-direction:column;width:min(920px,100%);height:min(92vh,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transform:translateY(8px);transition:transform .2s ease}.offer-scrim.show .offer-panel{transform:translateY(0)}.offer-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card)}.offer-bar-title{margin-right:auto;font-family:var(--font-head);font-weight:700;color:var(--muted)}.offer-frame{flex:1;width:100%;border:0;background:#f4f6fa}@media(max-width:860px){.sol-grid{grid-template-columns:1fr}}@media(max-width:560px){.row,.row-3{grid-template-columns:1fr}.topbar-title{display:none}.result-tiles{grid-template-columns:1fr}}