:root{--cx-petrol: #012e34;--cx-petrol-soft: #3f7c85;--cx-teal: #008577;--cx-teal-dark: #006b5f;--cx-teal-bright: #00ccbf;--cx-teal-light: #72f2eb;--cx-teal-tint: #e3f4f1;--cx-mint: #a8d5ba;--cx-mint-tint: #e8f4ec;--cx-sage: #729681;--cx-coral: #ff805c;--cx-coral-tint: #ffe9e1;--cx-red: #d9524a;--cx-red-tint: #fbe7e5;--cx-brown: #542814;--cx-slate: #597377;--cx-grey: #747e7e;--cx-grey-light: #e0e0e0;--cx-bg: #f2f5f4;--cx-text: #14282b;--cx-muted: #5f7276;--cx-border: #d9e1e0;--cx-focus: rgba(0, 204, 191, .35)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--cx-text);background:var(--cx-bg)}a{color:var(--cx-teal)}h1{font-size:22px;margin:8px 0 12px;color:var(--cx-petrol)}h2{font-size:17px;margin:4px 0 10px;color:var(--cx-petrol)}.page{max-width:1100px;margin:0 auto;padding:20px}.page-wide{max-width:1600px}.muted{color:var(--cx-muted)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}.topbar{display:flex;align-items:center;gap:22px;padding:0 20px;min-height:56px;background:#fff;color:var(--cx-text);border-bottom:3px solid var(--cx-teal);box-shadow:0 1px 4px #012e3414}.topbar .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cx-petrol)}.topbar .brand img{height:30px;width:auto;display:block}.topbar .brand-name{font-weight:600;font-size:15px;padding-left:12px;border-left:1px solid var(--cx-border);line-height:1}.topbar nav{display:flex;gap:4px;align-self:stretch}.topbar nav a{display:flex;align-items:center;padding:0 10px;color:var(--cx-slate);text-decoration:none;font-weight:500;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-3px}.topbar nav a:hover{color:var(--cx-petrol);background:var(--cx-teal-tint)}.topbar nav a.active{color:var(--cx-petrol);border-bottom-color:var(--cx-petrol)}.topbar .spacer{flex:1}.topbar .muted{color:var(--cx-muted);font-size:13px}.topbar .btn-ghost{color:var(--cx-slate)}.topbar .btn-ghost:hover{background:var(--cx-teal-tint);color:var(--cx-petrol)}.card{background:#fff;border:1px solid var(--cx-border);border-radius:8px;padding:14px;margin-bottom:16px}.row-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-form input,.row-form select{flex:1;min-width:180px}.manual-form{background:var(--cx-coral-tint);border-color:var(--cx-coral)}input,select,button{font:inherit}input,select{padding:7px 9px;border:1px solid #c5d0cf;border-radius:6px;background:#fff;color:var(--cx-text)}input:focus,select:focus{outline:3px solid var(--cx-focus);border-color:var(--cx-teal)}label{display:block;margin-bottom:10px;font-weight:500}label input{display:block;width:100%;margin-top:4px;font-weight:400}.btn{padding:7px 14px;border:1px solid #c5d0cf;border-radius:6px;background:#fff;cursor:pointer;text-decoration:none;display:inline-block;color:var(--cx-petrol)}.btn:hover{background:var(--cx-teal-tint);border-color:var(--cx-teal)}.btn:focus-visible{outline:3px solid var(--cx-focus)}.btn-primary{background:var(--cx-teal);border-color:var(--cx-teal);color:#fff}.btn-primary:hover{background:var(--cx-teal-dark);border-color:var(--cx-teal-dark)}.btn-ghost{background:transparent;border-color:transparent;color:inherit}.btn-small{padding:3px 8px;font-size:12px}.btn-danger{color:var(--cx-red)}.btn-danger:hover{background:var(--cx-red-tint);border-color:var(--cx-red)}.btn:disabled{opacity:.6;cursor:default}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--cx-border);border-radius:8px}.table th,.table td{padding:8px 10px;border-bottom:1px solid #e6ecea;text-align:left;vertical-align:middle}.table thead th{background:var(--cx-teal-tint);color:var(--cx-petrol);font-weight:600;white-space:nowrap;position:sticky;top:0;border-bottom:2px solid #bcdcd6}.table tbody tr:hover td{background:#f6faf9}.table tfoot td{font-weight:600;background:var(--cx-teal-tint);color:var(--cx-petrol)}.table .num{text-align:right;white-space:nowrap}.table-compact th,.table-compact td{padding:5px 7px;font-size:13px}.table-scroll{overflow-x:auto;border-radius:8px}.name-cell{max-width:260px}.qty-input{width:70px;text-align:right}.comment-input{width:150px}.suggested{color:var(--cx-muted)}.final{font-weight:600}.token-cell{white-space:nowrap}.badge{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.badge-draft{background:var(--cx-grey-light);color:#3d4a4a}.badge-released{background:var(--cx-mint-tint);color:#2f5f45}.badge-closed{background:var(--cx-red-tint);color:#a33a33}.alert{padding:9px 12px;border-radius:6px;margin-bottom:12px}.alert-error{background:var(--cx-red-tint);color:#a33a33;border:1px solid #f0b8b4}.alert-warn{background:var(--cx-coral-tint);color:#9a3f22;border:1px solid #ffc4b0}.alert-info{background:var(--cx-teal-tint);color:var(--cx-teal-dark);border:1px solid #a9dcd4}.login-wrap{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:10vh 16px 40px;background:linear-gradient(160deg,var(--cx-petrol) 0%,#0a4a50 60%,var(--cx-teal) 100%)}.login-logo{background:#fff;border-radius:12px;padding:14px 26px;margin-bottom:20px}.login-logo img{display:block;height:56px;width:auto}.login-card{width:360px;max-width:100%;padding:22px;border:none;box-shadow:0 12px 40px #00000040}.login-card h1{margin-top:0}.login-card .btn{width:100%;margin-top:6px}.login-foot{margin-top:22px;color:var(--cx-teal-light);font-size:12px;opacity:.85}.search-form{overflow:visible}.search-wrap{position:relative;flex:1;min-width:260px}.search-wrap input{width:100%}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #c5d0cf;border-radius:6px;box-shadow:0 6px 18px #0000001f;max-height:320px;overflow-y:auto;z-index:20}.search-item{display:block;width:100%;text-align:left;padding:8px 12px;border:none;border-bottom:1px solid #eef2f1;background:#fff;cursor:pointer}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--cx-teal-tint)}.search-empty{color:var(--cx-muted);cursor:default}.search-empty:hover{background:#fff}.search-name{display:block;font-weight:500}.search-meta{display:block;font-size:12px;color:var(--cx-muted)}.row-critical td{background:#fdf1f0}.critical-text{color:var(--cx-red)}.margin-loss{color:var(--cx-red);font-weight:600}.trend{font-size:11px}.trend-up{color:#2f7a55}.trend-down{color:var(--cx-red)}.days-input{width:60px;text-align:right}.shortfall-text{color:#c2542f}.pool-config{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}.inline-field{display:flex;align-items:center;gap:6px;margin:0;font-weight:400;font-size:12px;color:var(--cx-muted)}.inline-field input{margin-top:0}.badge-shortfall{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;font-size:11px;font-weight:500;white-space:nowrap;background:var(--cx-coral-tint);color:#c2542f}.badge-region{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;font-size:11px;font-weight:500;white-space:nowrap;background:var(--cx-mint-tint);color:#2f5f45}.kpi-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.kpi{flex:1;min-width:220px;text-align:left;padding:12px 14px;border:1px solid var(--cx-border);border-radius:8px;background:#fff;cursor:pointer}.kpi:hover{border-color:var(--cx-teal-bright)}.kpi.active{border-color:var(--cx-teal);box-shadow:inset 0 0 0 1px var(--cx-teal)}.kpi-value{display:block;font-size:22px;font-weight:600}.kpi-label{display:block;font-size:12px;color:var(--cx-muted);margin-top:2px}.kpi-dead .kpi-value{color:var(--cx-red)}.kpi-excess .kpi-value{color:#c2542f}.row-dead td{background:#fdf1f0}.badge-suspicious{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--cx-red-tint);color:var(--cx-red)}.view-switch{display:inline-flex;border:1px solid #c5d0cf;border-radius:6px;overflow:hidden;align-self:center}.view-switch button{padding:6px 14px;font-size:13px;border:none;background:#fff;cursor:pointer;color:var(--cx-slate)}.view-switch button.active{background:var(--cx-teal);color:#fff}.badge-multibom{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;font-size:11px;white-space:nowrap;background:#e6eef0;color:var(--cx-slate)}.variant-toggle{display:block;margin-top:3px;padding:0;border:none;background:none;color:var(--cx-teal);font-size:11px;cursor:pointer}.variant-list{margin-top:6px;padding:6px 8px;background:#f6faf9;border-left:3px solid #a9dcd4;border-radius:4px}.variant-hint{font-size:11px;color:var(--cx-muted);margin-bottom:5px}.variant-row{display:flex;gap:7px;align-items:baseline;font-size:12px;padding:1px 0}.variant-qty{font-weight:600;min-width:34px;text-align:right}.variant-name{color:var(--cx-slate)}.badge-region-strong{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--cx-teal);color:#fff}.badge-region-weak{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;font-size:11px;white-space:nowrap;background:#eef2f1;color:var(--cx-muted)}.badge-stockout,.badge-season{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;font-size:11px;font-weight:500;white-space:nowrap}.badge-stockout{background:var(--cx-red-tint);color:var(--cx-red)}.badge-season{background:var(--cx-teal-tint);color:var(--cx-teal-dark)}.badge-network{display:inline-block;padding:1px 7px;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap;cursor:help}.badge-network.net-2g{background:var(--cx-red-tint);color:var(--cx-red)}.badge-network.net-unklar{background:var(--cx-coral-tint);color:#9a3f22}.badge-network.net-4g{background:var(--cx-mint-tint);color:#2f5f45}.bom-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:9px;font-size:11px;font-weight:500;background:#e6eef0;color:var(--cx-slate);vertical-align:middle}.lang-switch{display:inline-flex;border:1px solid #c5d0cf;border-radius:6px;overflow:hidden}.lang-switch button{padding:3px 9px;font-size:12px;border:none;background:#fff;cursor:pointer;color:var(--cx-muted)}.lang-switch button.active{background:var(--cx-teal);color:#fff}.supplier-head{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#fff;border-bottom:3px solid var(--cx-teal);margin-bottom:8px}.supplier-head img{height:30px;width:auto;display:block}.supplier-head .brand-name{font-weight:600;color:var(--cx-petrol);padding-left:12px;border-left:1px solid var(--cx-border)}.login-head{display:flex;justify-content:space-between;align-items:center}.login-head h1{margin:0}.list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.list-actions{display:flex;gap:8px;align-items:center}