:root{--surface: #141312;--panel: #1B1A18;--panel-2: #242220;--panel-edge: #33302D;--hairline: #232120;--ink: #EEEFEC;--ink-2: #ABA8A3;--ink-3: #7D7A76;--accent: #E30014;--accent-text: #FF5566;--accent-ink: #FFFFFF;--accent-soft: #2A1315;--accent-tint: rgba(227,0,20,.14);--rail: #1B1210;--rail-edge: rgba(227,0,20,.18);--rail-ink: #99938F;--rail-ink-hi: #F2F1EE;--col-hl: rgba(255,255,255,.045);--primary: #33B26B;--primary-ink: #06130C;--amber: #E8B34A;--amber-soft: #33280F;--green: #45C07A;--green-soft: #123227;--ok: #45C07A;--red: #F0655B;--red-soft: #331C1A;--bad: #F0655B;--best-bg: #123227;--petrol: var(--accent);--petrol-acc: var(--accent-text);--petrol-soft: var(--accent-soft);--font-display: "Archivo", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-data: "IBM Plex Mono", monospace;--radius: 8px;--radius-card: 12px;--ctrl-h: 34px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px}:root[data-theme=light]{--surface:#F4F2EF;--panel:#FFFFFF;--panel-2:#F0EDE9;--panel-edge:#DFDAD3;--hairline:#EBE7E1;--ink:#1B1917;--ink-2:#56514C;--ink-3:#8A847D;--accent:#E30014;--accent-text:#C00012;--accent-ink:#FFFFFF;--accent-soft:#FCE9EA;--accent-tint:rgba(227,0,20,.07);--rail:#EDE9E4;--rail-edge:rgba(227,0,20,.16);--rail-ink:#6E6963;--rail-ink-hi:#1B1917;--col-hl:rgba(0,0,0,.035);--primary:#2AA45F;--primary-ink:#FFFFFF;--amber:#B27C10;--amber-soft:#F6EBD3;--green:#1F9D57;--green-soft:#DEF2E6;--ok:#1F9D57;--red:#CC3A31;--red-soft:#FBE6E4;--bad:#CC3A31;--best-bg:#DEF2E6;--petrol:var(--accent);--petrol-acc:var(--accent-text);--petrol-soft:var(--accent-soft)}*{box-sizing:border-box;margin:0}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5}.num{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.rail{background:var(--rail);color:var(--rail-ink);padding:20px 14px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--rail-edge);position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.rail .wordmark{font-family:var(--font-display);font-variation-settings:"wdth" 120,"wght" 750;letter-spacing:.02em;color:var(--rail-ink-hi);font-size:15px;margin-bottom:2px}.rail .wordmark small{display:block;font-family:var(--font-data);font-size:10px;font-weight:400;color:var(--rail-ink);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}.rail nav{margin-top:20px;display:flex;flex-direction:column;gap:2px}.rail button{all:unset;cursor:pointer;padding:9px 11px;border-radius:var(--radius);font-size:13.5px;color:var(--rail-ink);display:flex;justify-content:space-between;align-items:center;gap:8px;transition:color .12s ease}.rail button:hover{color:var(--rail-ink-hi)}.rail button.active{color:var(--rail-ink-hi);font-weight:600}.rail button:focus-visible{outline:2px solid var(--rail-ink-hi);outline-offset:-2px}.rail .count{font-family:var(--font-data);font-size:11px;font-weight:600;background:var(--accent);color:#fff;padding:1px 7px;border-radius:99px}.rail .foot{margin-top:auto;display:flex;flex-direction:column;gap:1px}.rail .foot-user{font-family:var(--font-data);font-size:10.5px;letter-spacing:.02em;color:var(--rail-ink);padding:4px 11px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail .foot button{padding:7px 11px;font-size:12.5px}.aikido-badge{display:block;margin-top:10px;padding:2px 9px}.aikido-badge img{height:40px;display:block;max-width:100%}.aikido-badge .badge-dark{display:none}:root[data-theme=dark] .aikido-badge .badge-dark{display:block}:root[data-theme=dark] .aikido-badge .badge-light{display:none}.main{padding:28px 34px;max-width:none;width:100%}.main header.page{margin-bottom:22px}.main header.page h1{font-family:var(--font-display);font-variation-settings:"wdth" 110,"wght" 700;font-size:21px}.main header.page p{color:var(--ink-2);margin-top:3px;font-size:13.5px}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius-card)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--panel-edge)}td{padding:11px 14px;border-bottom:1px solid var(--hairline);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--panel-2)}td.r,th.r{text-align:right}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi{padding:16px}.kpi .label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.kpi .value{font-family:var(--font-data);font-size:26px;font-weight:600;margin-top:6px}.kpi .hint{font-size:12px;color:var(--ink-2);margin-top:2px}.badge{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px;white-space:nowrap}.badge.review{background:var(--amber-soft);color:var(--amber)}.badge.draft{background:var(--petrol-soft);color:var(--petrol-acc)}.badge.approved{background:var(--green-soft);color:var(--green)}.badge.rejected{background:var(--red-soft);color:var(--red)}.badge.grey{background:var(--panel-2);color:var(--ink-2)}.delta{font-family:var(--font-data);font-weight:600}.delta.neg{color:var(--red)}.delta.pos{color:var(--green)}.age{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-data);font-size:12.5px}.age:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--dot, var(--ink-3))}.age.fresh{--dot: var(--green)}.age.aging{--dot: var(--amber)}.age.stale{--dot: var(--red)}.age.dead{--dot: var(--ink-3);color:var(--ink-3)}.trace{padding:18px 20px 8px;background:var(--panel-2);border-top:1px solid var(--panel-edge)}.trace h3{font-family:var(--font-display);font-variation-settings:"wdth" 110,"wght" 650;font-size:13px;margin-bottom:14px;color:var(--ink-2)}.trace ol{list-style:none;position:relative;padding-left:22px}.trace ol:before{content:"";position:absolute;left:5px;top:6px;bottom:14px;width:2px;background:linear-gradient(var(--petrol) 60%,var(--panel-edge))}.trace li{position:relative;padding:0 0 16px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline}.trace li:before{content:"";position:absolute;left:-22px;top:5px;width:12px;height:12px;border-radius:99px;background:var(--panel);border:3px solid var(--petrol)}.trace li.guardrail:before{border-color:var(--amber)}.trace .layer{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-weight:700}.trace li.guardrail .layer{color:var(--amber)}.trace .detail{color:var(--ink-2);font-size:13px;margin-top:1px}.trace .station-price{font-family:var(--font-data);font-weight:600;font-size:15px;white-space:nowrap}.btn{all:unset;box-sizing:border-box;cursor:pointer;font-weight:600;font-size:13px;min-height:var(--ctrl-h);padding:0 15px;border-radius:var(--radius);line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:not(.approve):not(.reject){background:var(--panel-2);color:var(--ink);border-color:var(--panel-edge)}.btn:not(.approve):not(.reject):hover{border-color:var(--accent);color:#fff}.btn.approve{background:var(--primary);color:var(--primary-ink)}.btn.approve:hover{background:#2c9e5d}.btn.reject{background:transparent;color:var(--red);border-color:var(--red)}.btn.reject:hover{background:var(--red-soft)}.btn:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--panel-edge);background:var(--panel-2)}.bars{padding:16px 18px;display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:190px 1fr 62px;gap:12px;align-items:center;font-size:13px}.bar-track{height:10px;background:var(--panel-2);border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--petrol);border-radius:99px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--surface);background-image:radial-gradient(720px 380px at 50% -6%,var(--accent-tint),transparent 60%)}.login{background:var(--panel);border-radius:10px;padding:36px;width:380px;box-shadow:0 24px 60px #00000059}.login h1{font-family:var(--font-display);font-variation-settings:"wdth" 120,"wght" 750;font-size:20px}.login .sub{font-family:var(--font-data);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:4px 0 24px}.login label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin:14px 0 5px}.login input{width:100%;padding:10px 12px;border:1px solid var(--panel-edge);border-radius:var(--radius);font:inherit}.login input:focus-visible{outline:2px solid var(--petrol);border-color:transparent}.login .btn{width:100%;margin-top:22px;min-height:42px;background:var(--accent);color:#fff;border-color:transparent}.login .btn:hover{background:#c40012}.login .error{color:var(--red);font-size:13px;margin-top:12px}.empty{padding:40px;text-align:center;color:var(--ink-2)}.loading{padding:40px;text-align:center;color:var(--ink-3);font-family:var(--font-data);font-size:13px}@media (prefers-reduced-motion: no-preference){.trace li{animation:rise .25s ease both}.trace li:nth-child(2){animation-delay:.05s}.trace li:nth-child(3){animation-delay:.1s}.trace li:nth-child(4){animation-delay:.15s}.trace li:nth-child(5){animation-delay:.2s}.trace li:nth-child(6){animation-delay:.25s}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}}@media (max-width: 900px){.app{grid-template-columns:1fr}.rail{flex-direction:row;flex-wrap:wrap;align-items:center;position:static;height:auto;overflow:visible}.rail nav{flex-direction:row;margin-top:0}.rail .foot{margin-top:0}.kpis{grid-template-columns:repeat(2,1fr)}.main{padding:18px}}table.wide{min-width:max-content}table.wide th,table.wide td{white-space:nowrap}.sticky-col{position:sticky;left:0;z-index:1;background:var(--panel, #fff);box-shadow:1px 0 0 var(--panel-edge, #ddd)}thead .sticky-col{z-index:2}.editform label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin:12px 0 4px}.editform input,.editform select{display:block;width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--panel-edge);border-radius:6px;font:inherit;background:var(--panel);color:var(--ink)}.editform input:focus-visible,.editform select:focus-visible{outline:2px solid var(--petrol);border-color:transparent}.editform .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.age.unknown{background:var(--panel-edge, #eee);color:var(--ink-3)}.login-logo{display:block;width:190px;max-width:72%;margin:4px auto 14px}.brand-logo{display:block;width:150px;max-width:100%;background:#fff;padding:9px 11px;border-radius:8px}.rail .wordmark{display:flex;flex-direction:column;gap:8px}.artikel-wrap{width:100%}.chip{font:inherit;font-size:13px;padding:5px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;min-height:30px;line-height:1;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink-2);cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.active input{color:#fff}table.artikel{width:100%;border-collapse:collapse}table.artikel th.comp-head,table.artikel td.comp{border-left:2px solid var(--panel-edge);min-width:84px}table.artikel th.comp-head{white-space:normal;overflow-wrap:anywhere;vertical-align:bottom}table.artikel td.comp{padding:5px 8px;line-height:1.25}table.artikel th.netto-col,table.artikel td.netto-col{background:var(--col-hl);box-shadow:inset 2px 0 0 var(--accent)}tr.clickable-row:hover td.netto-col{background:var(--col-hl)}tr.clickable-row{cursor:pointer}tr.clickable-row:hover td,tr.clickable-row:hover td.comp{background:var(--panel-2)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;z-index:40}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(560px,94vw);background:var(--panel);box-shadow:-8px 0 30px #0000002e;z-index:41;overflow-y:auto;padding:18px 20px 40px}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.drawer-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);margin:20px 0 8px;border-bottom:1px solid var(--panel-edge);padding-bottom:4px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi-card{border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px}.kpi-l{font-size:11px;color:var(--ink-3)}.kpi-v{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.kpi-s{font-size:12px;margin-top:2px}.drawer-dl{display:grid;grid-template-columns:130px 1fr;gap:4px 12px;margin:0}.drawer-dl dt{color:var(--ink-3);font-size:13px}.drawer-dl dd{margin:0;font-size:13.5px}.drawer-matrix{width:100%;border-collapse:collapse;font-size:13px}.drawer-matrix th,.drawer-matrix td{padding:5px 7px;border-bottom:1px solid var(--panel-edge);text-align:left}.drawer-matrix th.r,.drawer-matrix td.r{text-align:right}.rf{display:flex;flex-direction:column;gap:3px;margin-bottom:10px;flex:1}.rf>span{font-size:12px;color:var(--ink-3)}.rf input,.rf select{font:inherit;padding:7px 9px;border-radius:6px;border:1px solid var(--panel-edge);background:var(--panel)}.rf-row{display:flex;gap:12px}.sim-box{margin-top:14px;border:1px solid var(--panel-edge);border-radius:8px;padding:12px 14px;background:var(--petrol-soft)}.sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sim-grid>div{display:flex;flex-direction:column}.sim-grid span{font-size:11px;color:var(--ink-3)}.sim-grid strong{font-size:17px;font-variant-numeric:tabular-nums}input,select,textarea{background:var(--panel-2);color:var(--ink);font:inherit;border:1px solid var(--panel-edge);border-radius:var(--radius)}input:not([type=checkbox]):not([type=radio]),select{min-height:var(--ctrl-h)}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.toolbar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.toolbar .spacer{margin-left:auto}.hint{background:var(--petrol-soft);color:var(--ink-2);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:10px 12px;font-size:13px}.error{background:var(--red-soft);color:var(--red);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:10px 12px;font-size:13px}.login .error{background:none;border:none;padding:0}.kpi-card,.sim-box{border-radius:var(--radius-card)}::selection{background:var(--accent);color:#fff}.cmdk{position:fixed;top:14%;left:50%;transform:translate(-50%);z-index:42;width:min(560px,94vw);padding:8px}.cmdk>input{width:100%;padding:12px 14px;font-size:15px;border-radius:var(--radius)}.cmdk-list{display:flex;flex-direction:column;margin-top:6px;max-height:50vh;overflow-y:auto}.cmdk-list button{all:unset;cursor:pointer;padding:10px 12px;border-radius:var(--radius);font-size:14px}.cmdk-list button:hover{background:var(--panel-2)}kbd{font-family:var(--font-data);font-size:11px;background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:4px;padding:1px 5px;margin:0 2px}
