:root{
  --bg:#f5f7f9;--surface:#fff;--surface-2:#eef2f6;--ink:#16202e;--muted:#5c6675;
  --border:#e1e7ee;--accent:#0e7490;--accent-2:#3b566e;--warn:#b4530a;--warn-soft:#b4530a16;
  --good:#15803d;--track:#e7ecf2;--shadow:0 1px 2px rgba(16,28,44,.04),0 6px 20px rgba(16,28,44,.05);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0e131a;--surface:#151c25;--surface-2:#1c2531;--ink:#e7edf5;--muted:#93a0b2;
  --border:#25303d;--accent:#26b6cf;--accent-2:#7f97b0;--warn:#f6a13a;--warn-soft:#f6a13a1f;
  --good:#54c07a;--track:#212c39;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.28);}}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--accent)}
.wrap{max-width:1180px;margin:0 auto;padding:24px 20px 60px}
h1,h2{margin:0;text-wrap:balance}
.mast{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;
      border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:20px}
.eyebrow{font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
         color:var(--accent);font-weight:600}
.mast h1{font-size:28px;font-weight:800;letter-spacing:-.01em;margin-top:4px}
.meta{text-align:right;font-size:13px;color:var(--muted)}.meta b{color:var(--ink)}
nav.haupt{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
nav.haupt a{padding:6px 13px;border:1px solid var(--border);border-radius:999px;
            background:var(--surface);text-decoration:none;font-size:13.5px;color:var(--ink)}
nav.haupt a.an{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:20px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;
     box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi .lab{font-size:12px;color:var(--muted)}
.kpi .val{font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;
          letter-spacing:-.02em;line-height:1.15}
.kpi .sub{font-size:12px;color:var(--muted)}
.kpi.flag{border-color:color-mix(in srgb,var(--warn) 45%,var(--border));background:var(--warn-soft)}
.kpi.flag .val,.kpi.flag .lab{color:var(--warn)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;
       padding:18px;box-shadow:var(--shadow);min-width:0;margin-bottom:16px}
.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}
.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}
.panel h2{font-size:15px;font-weight:700}
.panel .hint{font-size:12px;color:var(--muted);margin:3px 0 14px}
.hbars{display:flex;flex-direction:column;gap:9px}
.hbar{display:grid;grid-template-columns:148px 1fr auto;align-items:center;gap:10px;font-size:13px}
.hbar .hl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar .ht{background:var(--track);border-radius:5px;height:16px;overflow:hidden}
.hbar .hf{height:100%;border-radius:5px;background:var(--accent)}
.hbar .hv{font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums;color:var(--muted);
          font-size:12.5px;min-width:52px;text-align:right}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:top}
th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
th a{color:var(--muted);text-decoration:none}th a:hover{color:var(--accent)}
td.n{font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
td.code{font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;color:var(--accent);white-space:nowrap}
td.sub{color:var(--muted)}
tr:hover td{background:var(--surface-2)}
.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;
     border:1px solid var(--border);white-space:nowrap}
.tag.gut{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--border))}
.tag.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border));
          background:var(--warn-soft)}
.tag.still{color:var(--muted)}
.hinweis{background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 40%,var(--border));
         border-radius:10px;padding:11px 14px;font-size:13px;color:var(--warn);margin-bottom:16px}
.foot{margin-top:28px;padding-top:14px;border-top:1px solid var(--border);
      font-size:12px;color:var(--muted);line-height:1.6}
.suche{display:flex;gap:8px;margin-bottom:14px}
.suche input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:9px;
             background:var(--surface);color:var(--ink);font-size:14px;font-family:inherit}
.suche button{padding:8px 18px;border:0;border-radius:9px;background:var(--accent);
              color:#fff;font-weight:600;cursor:pointer;font-size:14px}
@media (max-width:900px){.col-8,.col-7,.col-6,.col-5,.col-4{grid-column:span 12}}

.feld{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:9px;
      background:var(--bg);color:var(--ink);font-size:14px;font-family:inherit;margin-top:4px}