:root{--bg:#f6f7f9;--surface:#fff;--text:#1a1d23;--muted:#5e6672;--border:#e1e4e8;--accent:#1f5fbf;--accent-soft:#e6eefb;--red:#c62828;--red-soft:#fdecec;--yellow:#a36a00;--yellow-soft:#fff4d6;--green:#2e7d32;--green-soft:#e8f5e9;--violet:#6a3fb5;--violet-soft:#efe9fb;--grey-soft:#eef0f3;--radius:10px;--font:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111418;--surface:#1a1f26;--text:#e8ebf0;--muted:#9aa3ad;--border:#2b323b;--accent:#6ea0ee;--accent-soft:#1d2a40;--red:#ff7b7b;--red-soft:#3a1d1d;--yellow:#f0c05a;--yellow-soft:#3a3014;--green:#7bd389;--green-soft:#1c3320;--violet:#b79bf0;--violet-soft:#2a2140;--grey-soft:#242a32}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;flex-wrap:wrap;align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{font-size:15px;font-weight:700}.brand small{color:var(--muted);font-size:11px;font-weight:400;display:block}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--text);border-radius:8px;padding:6px 12px}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav a:hover{background:var(--grey-soft);text-decoration:none}.topbar .spacer{flex:1}.mode{color:var(--muted);border:1px dashed var(--border);border-radius:999px;padding:4px 10px;font-size:12px}main{width:100%;max-width:1500px;margin:0 auto;padding:20px}h1{margin:0 0 6px;font-size:20px}h2{margin:0 0 10px;font-size:16px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px;font-size:14px;font-weight:600}.sub{color:var(--muted);margin:0 0 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.kpi .v{font-size:22px;font-weight:700}.kpi .l{color:var(--muted);font-size:12px}.kpi.red .v{color:var(--red)}.kpi.yellow .v{color:var(--yellow)}.kpi.excess .v{color:var(--violet)}.kpi.ok .v{color:var(--green)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--muted);white-space:nowrap;background:var(--surface);font-size:12px;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--grey-soft)}.table-wrap{overflow-x:auto}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.chip.red{background:var(--red-soft);color:var(--red)}.chip.yellow{background:var(--yellow-soft);color:var(--yellow)}.chip.excess{background:var(--violet-soft);color:var(--violet)}.chip.ok{background:var(--green-soft);color:var(--green)}.chip.no_forecast,.chip.unknown_stock,.chip.grey{background:var(--grey-soft);color:var(--muted)}.chip.recommended{background:var(--green-soft);color:var(--green)}.chip.alternative{background:var(--accent-soft);color:var(--accent)}.chip.no_order{background:var(--grey-soft);color:var(--muted)}.tag{background:var(--grey-soft);color:var(--muted);border-radius:6px;margin:2px 4px 2px 0;padding:1px 8px;font-size:12px;display:inline-block}.tag.warn{background:var(--yellow-soft);color:var(--yellow)}.tag.bad{background:var(--red-soft);color:var(--red)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px}textarea{resize:vertical;width:100%;min-height:90px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-weight:600}button.secondary{background:var(--grey-soft);color:var(--text)}button:disabled{opacity:.5;cursor:default}.filters button{padding:5px 10px;font-weight:500}.filters button.on{outline:2px solid var(--accent)}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}.list{margin:0;padding-left:18px}.list li{margin:2px 0}.kv{grid-template-columns:max-content 1fr;gap:4px 14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.error{background:var(--red-soft);color:var(--red);border-radius:8px;margin-bottom:12px;padding:10px 14px}.note{background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:8px 12px;font-size:13px}.evidence{background:var(--yellow-soft);border-radius:3px;padding:0 2px}.loading{color:var(--muted);padding:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px;display:grid}.form-row label{color:var(--muted);gap:4px;font-size:12px;display:grid}details summary{cursor:pointer;color:var(--accent)}@media (width<=700px){main{padding:12px}}