:root{--bg:#f4f5f7;--karte:#fff;--rahmen:#e5e5ea;--linie:#f0f0f2;--feldrahmen:#d1d1d6;--text:#1d1d1f;--text2:#6e6e73;--text3:#8e8e93;--dunkel:#1c1c1e;--gelb:#f2c230;--blau:#1d4f8a;--rot:#d93025;--gruen:#2e9e5b;--grau:#aeaeb2;--pill-rot-bg:#fde3e0;--pill-rot-fg:#a4261b;--pill-gelb-bg:#fdf1c7;--pill-gelb-fg:#7a5a00;--pill-gruen-bg:#dff3e6;--pill-gruen-fg:#1d6b3a;--pill-blau-bg:#dfe9f7;--pill-blau-fg:#1d4f8a;--pill-grau-bg:#ececef;--pill-grau-fg:#48484a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.4}a{color:var(--blau);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}.top{background:var(--dunkel);color:#fff;display:flex;align-items:center;gap:22px;padding:0 24px;height:56px}.logo{font-weight:800;font-size:22px;letter-spacing:-.5px;position:relative;padding-left:14px;color:#fff!important;text-decoration:none!important}.logo:before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gelb)}.crumb{font-size:13px;color:#c7c7cc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb b{color:#fff;font-weight:600}.crumb span{margin:0 6px;color:#636366}.crumb a{color:#c7c7cc}.user{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:#fff;white-space:nowrap}.user .badge{border:1px solid #48484a;border-radius:6px;padding:5px 10px}.user button{border:0;background:none;color:#c7c7cc;font-size:12px;cursor:pointer;padding:5px 4px}.user button:hover{color:#fff;text-decoration:underline}main.seite{padding:18px 24px 40px;max-width:1440px;margin:0 auto}h2{font-size:22px;margin:0 0 4px;letter-spacing:-.3px}h3{font-size:14px;margin:0 0 10px}.lead{color:var(--text2);font-size:13px;margin:0 0 14px}.head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;flex-wrap:wrap}.head .status{max-width:100%;white-space:normal;text-align:right}.mute{color:var(--text3)}.b{font-weight:600}.sub{display:block;font-size:11px;color:var(--text2);margin-top:2px}.neg{color:var(--rot)}.neg,.pos{font-weight:700}.pos{color:var(--gruen)}.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.chip{border:1px solid var(--feldrahmen);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;color:var(--text);line-height:1.2}.chip.on{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot.rot{background:var(--rot)}.dot.gelb{background:var(--gelb)}.dot.gruen{background:var(--gruen)}.dot.grau{background:var(--grau)}input[type=file],input[type=number],input[type=search],input[type=text],select,textarea{border:1px solid var(--feldrahmen);border-radius:6px;padding:6px 10px;font-size:12px;background:#fff;color:var(--text)}.btn{border:0;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;background:#e5e5ea;color:var(--text);text-decoration:none!important;display:inline-block;line-height:1.2}.btn.gelb{background:var(--gelb)}.btn.dark{background:var(--dunkel);color:#fff}.btn.gruen{background:var(--pill-gruen-fg);color:#fff}.btn.link{background:none;color:var(--blau);font-weight:500}.btn.ml{margin-left:auto}.btn:disabled{opacity:.5;cursor:wait}.btn.klein{padding:5px 10px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin:0 0 16px}.kpi{background:var(--karte);border:1px solid var(--rahmen);border-radius:10px;padding:12px 16px;min-width:0}.kpi small{display:block;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text2)}.kpi b{display:block;font-size:22px;margin:4px 0 2px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi span{font-size:11px;color:var(--text2)}.kpi b.rot{color:var(--rot)}.kpi b.gruen{color:var(--gruen)}.tw{overflow-x:auto;max-width:100%}table.t{width:100%;border-collapse:collapse;background:var(--karte);border:1px solid var(--rahmen);border-radius:10px;overflow:hidden;font-size:13px}.card table.t{border:0;border-radius:0}.t th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text2);text-align:left;padding:10px 12px;border-bottom:1px solid var(--rahmen);background:#fafafa;font-weight:600;white-space:nowrap}.t td{padding:11px 12px;border-bottom:1px solid var(--linie);vertical-align:middle}.t tr:last-child td{border-bottom:0}.t td.r,.t th.r{text-align:right;white-space:nowrap}.t td.c{text-align:center;width:50px}.t tr.row{cursor:pointer}.t tr.row:hover td{background:#f7f7f9}.t tr.rot td{background:#fff5f4}.t tr.rot:hover td{background:#ffecea}.t td a.zeile{color:var(--text);display:block}.t td a.zeile:hover{text-decoration:none}.t.kompakt td,.t.kompakt th{padding:8px;font-size:12px}.t td.detail{padding:0 12px 10px;background:#fafbfc;vertical-align:top}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.4}.pill.gelb{background:var(--pill-gelb-bg);color:var(--pill-gelb-fg)}.pill.gruen{background:var(--pill-gruen-bg);color:var(--pill-gruen-fg)}.pill.rot{background:var(--pill-rot-bg);color:var(--pill-rot-fg)}.pill.blau{background:var(--pill-blau-bg);color:var(--pill-blau-fg)}.pill.grau{background:var(--pill-grau-bg);color:var(--pill-grau-fg)}.status{margin-left:auto;font-size:12px;padding:6px 12px;border-radius:999px;font-weight:600}.status.rot{background:var(--pill-rot-bg);color:var(--pill-rot-fg)}.status.gelb{background:var(--pill-gelb-bg);color:var(--pill-gelb-fg)}.status.gruen{background:var(--pill-gruen-bg);color:var(--pill-gruen-fg)}.status.grau{background:var(--pill-grau-bg)}.mini,.status.grau{color:var(--pill-grau-fg)}.mini{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap}.mini .dot{margin-right:2px}.minis{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}.t td.ampel{white-space:nowrap}.grid{display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.card,.grid>div{min-width:0}.card{background:var(--karte);border:1px solid var(--rahmen);border-radius:10px;padding:14px 16px;margin-bottom:14px}.card h4{margin:0 0 8px;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text2)}.card.gelb,.card.hinweis{border-color:var(--gelb)}.card.hinweis{background:#fffbea}.kv{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--linie)}.kv:last-child{border-bottom:0}.kv span{color:var(--text2);flex:0 0 auto}.kv b{text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rahmen);margin-bottom:14px;flex-wrap:wrap}.tab{padding:10px 14px;font-size:13px;color:var(--text2);cursor:pointer;border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.on{color:var(--text);font-weight:600;border-bottom-color:var(--dunkel)}.pane{display:none}.pane.on{display:block}.ph{border:1px dashed #c7c7cc;border-radius:10px;padding:26px;text-align:center;color:var(--text2);background:#fafafa;font-size:13px}.ph b{display:block;color:var(--text);margin-bottom:6px}.embed{display:inline-block;background:var(--pill-blau-bg);color:var(--pill-blau-fg);font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.split>div{min-width:0}.befund{border-left:4px solid var(--rot);background:#fff5f4;border-radius:8px;padding:12px 14px;margin-bottom:10px;font-size:13px}.befund.gelb{border-color:var(--gelb);background:#fffaea}.befund.gruen{border-color:var(--gruen);background:#f2faf5}.befund.grau{border-color:var(--grau);background:#f7f7f9}.befund b{display:block;margin-bottom:4px}.befund b.inline{display:inline;margin:0}.befund .wirk{display:block;margin-top:6px;font-weight:700;color:var(--pill-rot-fg)}.ebene{font-size:12px;color:var(--text2);margin:0 0 8px}.ebene b{color:var(--text)}.actions{margin-top:14px;align-items:center}.actions,.aform{display:flex;gap:10px;flex-wrap:wrap}.aform{margin:6px 0 4px}.aform input,.aform select,.aform textarea{flex:1 1;min-width:200px;border:1px solid var(--feldrahmen);border-radius:6px;padding:8px 10px;font-size:13px}.aform input[type=number]{flex:0 0 110px;min-width:110px}.prot{margin:8px 0 0;padding:0;list-style:none;font-size:12px}.prot li{padding:5px 0;border-top:1px solid var(--linie);color:var(--pill-grau-fg)}.prot li b{color:var(--text)}.foot{margin-top:28px;font-size:11px;color:var(--text3);line-height:1.5}.meldung{border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:13px;border:1px solid var(--pill-gruen-fg);background:var(--pill-gruen-bg);color:var(--pill-gruen-fg)}.meldung.fehler{border-color:var(--pill-rot-fg);background:var(--pill-rot-bg);color:var(--pill-rot-fg)}details.wf>summary{cursor:pointer;font-size:12px;color:var(--text2);list-style:none;padding:6px 0}details.wf>summary::-webkit-details-marker{display:none}details.wf>summary:before{content:"▸ "}details.wf[open]>summary:before{content:"▾ "}.form-box{border:1px solid var(--rahmen);border-radius:10px;padding:12px;background:#fff}.form-box.gelb{border-color:var(--gelb);background:#fffbea}.form-box h5{margin:0 0 6px;font-size:13px}textarea.voll{width:100%;min-width:0;margin-bottom:8px}dl.kvs{display:grid;grid-template-columns:auto 1fr;grid-gap:3px 12px;gap:3px 12px;margin:0 0 10px;font-size:13px}dl.kvs dt{color:var(--text2)}dl.kvs dd{margin:0}.bars{display:flex;align-items:flex-end;gap:8px;height:170px;padding:10px 4px 0;border-bottom:1px solid var(--rahmen)}.bars div{flex:1 1;background:#5b9bd5;border-radius:3px 3px 0 0;position:relative;min-width:18px}.bars div.np{background:repeating-linear-gradient(45deg,#9ec3e6 0 6px,#d6e6f5 6px 12px)}.bars div i{position:absolute;bottom:100%;left:0;right:0;text-align:center;font-size:10px;color:var(--pill-grau-fg);font-style:normal;padding-bottom:3px;white-space:nowrap}.xl{display:flex;gap:8px;padding:6px 4px;font-size:10px;color:var(--text2)}.xl span{flex:1 1;text-align:center;min-width:18px}.login{max-width:420px;margin:96px auto;padding:32px;background:var(--karte);border-radius:12px;border:1px solid var(--rahmen)}@media (max-width:1100px){.split{grid-template-columns:1fr}}@media (max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.grid,.split{grid-template-columns:1fr}.top{padding:0 16px;gap:12px}.crumb{display:none}main.seite{padding:14px 16px 32px}}@media (max-width:560px){.kpis{grid-template-columns:1fr 1fr}.user .name{display:none}}