@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500&family=JetBrains+Mono:wght@600&display=swap";
:root{--bg:#0d0d0d;--surface:#161616;--surface2:#1f1f1f;--surface3:#282828;--accent:#f50;--accent-dim:#ff55001a;--accent-border:#ff550052;--text:#f0ede8;--text-2:#a09d9a;--text-3:#646260;--border:#222;--border-strong:#2e2e2e;--success:#22c55e;--error:#ef4444;--r:12px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:20px;height:48px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700}.brand span{color:var(--accent)}.stand{color:var(--text-3);margin-left:auto;font-size:13px}.wrap{max-width:1400px;margin:0 auto;padding:20px}.filters{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.group{flex-direction:column;gap:6px;display:flex}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface2);color:var(--text-2);white-space:nowrap;border:1.5px solid #0000;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.chip:hover{background:var(--surface3);color:var(--text)}.chip.on{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px}.kpi .k{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-family:Barlow Condensed,sans-serif;font-size:13px}.kpi .v{margin-top:2px;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:600}.kpi .v.akzent{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.tablescroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{z-index:5;background:var(--surface2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);text-align:right;border-bottom:1px solid var(--border-strong);white-space:nowrap;padding:10px 12px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;position:sticky;top:0}thead th.l{text-align:left}tbody td{border-bottom:1px solid var(--border);text-align:right;vertical-align:middle;padding:10px 12px}tbody td.l{text-align:left}tbody tr:hover{background:var(--surface2)}tbody tr:last-child td{border-bottom:none}.rang{color:var(--text-3);width:42px;font-family:JetBrains Mono,monospace}.bild{object-fit:cover;background:var(--surface2);border-radius:6px;width:46px;height:60px;display:block}.bild-leer{background:var(--surface2);border:1px dashed var(--border-strong);border-radius:6px;width:46px;height:60px}.titel{max-width:460px;line-height:1.35}.titel .haupt{display:block}.titel .meta{color:var(--text-3);margin-top:3px;font-size:12px;display:block}.sku{color:var(--text-2);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px}.zahl{white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:600}.zahl.stark{color:var(--accent)}.zahl.leise{color:var(--text-3);font-weight:400}.badge{border-radius:999px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:inline-block}.badge.gut{color:var(--success);background:#22c55e1a}.badge.mittel{background:var(--accent-dim);color:var(--accent)}.badge.hoch{color:var(--error);background:#ef44441a}.badge.neutral{background:var(--surface2);color:var(--text-2)}details.groessen summary{cursor:pointer;color:var(--text-3);padding:2px 0;font-size:12px;list-style:none}details.groessen summary::-webkit-details-marker{display:none}details.groessen summary:hover{color:var(--accent)}details.groessen summary:before{content:"▸ "}details.groessen[open] summary:before{content:"▾ "}.groessentabelle{border-left:2px solid var(--accent-border);margin-top:6px;padding-left:10px}.groessentabelle div{color:var(--text-2);gap:12px;padding:2px 0;font-size:12px;display:flex}.groessentabelle .g{min-width:190px}.groessentabelle .z{min-width:78px;font-family:JetBrains Mono,monospace}.leer{text-align:center;color:var(--text-3);padding:40px}.fuss{color:var(--text-3);margin-top:16px;font-size:12px;line-height:1.6}