:root{--bg:#0b0b0f;--bg-karte:#16161d;--bg-karte-hover:#1d1d26;--bg-feld:#101017;--rand:#2a2a36;--text:#f2f2f5;--text-leise:#9a9aab;--akzent:#ffb340;--akzent-dunkel:#1f1608;--akzent-schrift:#1a1205;--gruen:#3ddc84;--rot:#ff6b6b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.huelle{max-width:520px;margin:0 auto;padding:20px 16px 96px}.kopf{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:20px;display:flex}.kopf h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650}.kopf-unter{color:var(--text-leise);margin:2px 0 0;font-size:13px}.zurueck{color:var(--text-leise);cursor:pointer;background:0 0;border:none;padding:8px 4px 8px 0;font-size:15px}.zurueck:hover{color:var(--text)}.karte{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);margin-bottom:12px;padding:16px}.karte-klickbar{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;transition:background .15s,border-color .15s}.karte-klickbar:hover:not(:disabled){background:var(--bg-karte-hover);border-color:#3a3a49}.karte-klickbar:disabled{opacity:.5;cursor:not-allowed}.karte-kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.karte-titel{font-size:17px;font-weight:600}.karte-zeile{color:var(--text-leise);margin-top:4px;font-size:14px}.marke{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.marke-frei{color:var(--gruen);background:#3ddc8424}.marke-belegt{color:var(--akzent);background:#ffb34024}.marke-offline{color:var(--rot);background:#ff6b6b21}.punkt{background:currentColor;border-radius:50%;width:7px;height:7px}.knopf{border-radius:var(--radius);background:var(--akzent);width:100%;color:var(--akzent-schrift);cursor:pointer;border:none;padding:15px 18px;font-family:inherit;font-size:16px;font-weight:650;transition:filter .15s;display:block}.knopf:hover:not(:disabled){filter:brightness(1.08)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-zweit{border:1px solid var(--rand);color:var(--text);background:0 0}.knopf-zweit:hover:not(:disabled){background:var(--bg-karte);filter:none}.knopf-still{color:var(--text-leise);cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-family:inherit;font-size:14px}.knopf-still:hover{color:var(--text)}.feld{border:1px solid var(--rand);border-radius:var(--radius);background:var(--bg-feld);width:100%;color:var(--text);margin-bottom:10px;padding:14px 16px;font-family:inherit;font-size:16px}.feld:focus{outline:2px solid var(--akzent);outline-offset:-1px}label{color:var(--text-leise);margin-bottom:6px;font-size:13px;display:block}.meldung{border-radius:var(--radius);margin-bottom:12px;padding:13px 15px;font-size:14px;line-height:1.45}.meldung-fehler{color:#ffb3b3;background:#ff6b6b1c;border:1px solid #ff6b6b4d}.meldung-gut{color:#a8f0c8;background:#3ddc841c;border:1px solid #3ddc8447}.meldung-hinweis{color:#ffd9a0;background:#ffb34017;border:1px solid #ffb34042}.leise{color:var(--text-leise);font-size:14px;line-height:1.5}.mitte{text-align:center}.buehne{text-align:center;background:var(--bg-karte);border:1px solid var(--rand);border-radius:20px;margin-bottom:16px;padding:32px 20px}.buehne-lauf{background:linear-gradient(160deg, var(--akzent-dunkel), var(--bg-karte));border-color:#ffb34059}.uhr{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:8px 0;font-size:60px;font-weight:250;line-height:1.05}.uhr-akzent{color:var(--akzent)}.buehne-titel{color:var(--text-leise);text-transform:uppercase;letter-spacing:.07em;font-size:15px;font-weight:600}.balken{background:var(--rand);border-radius:999px;height:5px;margin-top:20px;overflow:hidden}.balken-fuellung{background:var(--akzent);border-radius:999px;height:100%;transition:width .5s linear}.reihe{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:baseline;padding:11px 0;display:flex}.reihe:last-child{border-bottom:none}.reihe-wert{font-weight:600}.laden{text-align:center;color:var(--text-leise);padding:48px 20px}.stapel>*+*{margin-top:10px}.fuss{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 68%, transparent);position:fixed;bottom:0;left:0;right:0}.fuss-inhalt{max-width:520px;margin:0 auto}@media (prefers-reduced-motion:reduce){*{transition:none!important}}[data-bereich=betrieb]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f6;--bg-karte:#fff;--bg-karte-hover:#f8fafc;--bg-feld:#fff;--rand:#e2e8f0;--rand-leise:#f1f5f9;--text:#020817;--text-leise:#64748b;--navy:#111f3a;--navy-hover:#223659;--akzent:#5e25e4;--akzent-flaeche:#f2edfd;--akzent-rand:#d8cbf6;--akzent-schrift:#fff;--gruen:#25a777;--gruen-text:#13724f;--gruen-flaeche:#eafaf4;--gruen-rand:#c2ebdc;--gelb:#f59f0a;--gelb-text:#8a4d0f;--gelb-flaeche:#fef5e7;--gelb-rand:#f7dfb6;--rot:#ef4444;--rot-text:#a71b1b;--rot-flaeche:#fdecec;--rot-rand:#f9c8c8;--radius:10px;--radius-karte:18px;--schatten:0 1px 2px #0208170f, 0 1px 3px #0208170a;--schatten-hoch:0 4px 6px -1px #02081714, 0 2px 4px -2px #0208170d}[data-bereich=betrieb] .karte{border-radius:var(--radius-karte);box-shadow:var(--schatten)}[data-bereich=betrieb] .karte-klickbar:hover:not(:disabled){border-color:var(--akzent-rand);box-shadow:var(--schatten-hoch)}[data-bereich=betrieb] .meldung-fehler{background:var(--rot-flaeche);border-color:var(--rot-rand);color:var(--rot-text)}[data-bereich=betrieb] .meldung-gut{background:var(--gruen-flaeche);border-color:var(--gruen-rand);color:var(--gruen-text)}[data-bereich=betrieb] .meldung-hinweis{background:var(--gelb-flaeche);border-color:var(--gelb-rand);color:var(--gelb-text)}[data-bereich=betrieb] .marke-frei{background:var(--gruen-flaeche);color:var(--gruen-text);box-shadow:inset 0 0 0 1px var(--gruen-rand)}[data-bereich=betrieb] .marke-belegt{background:var(--gelb-flaeche);color:var(--gelb-text);box-shadow:inset 0 0 0 1px var(--gelb-rand)}[data-bereich=betrieb] .marke-offline{background:var(--rot-flaeche);color:var(--rot-text);box-shadow:inset 0 0 0 1px var(--rot-rand)}[data-bereich=betrieb] .feld:focus{outline:2px solid var(--akzent);outline-offset:0;border-color:var(--akzent)}[data-bereich=betrieb] .knopf{box-shadow:var(--schatten)}[data-bereich=betrieb] .knopf-zweit{background:var(--bg-karte);border-color:var(--rand)}[data-bereich=betrieb] .knopf-zweit:hover:not(:disabled){background:var(--bg-karte-hover);border-color:var(--akzent-rand);color:var(--akzent)}.betrieb-seite{background:var(--bg);min-height:100vh;color:var(--text)}.betrieb-kopfzeile{z-index:30;background:var(--navy);border-bottom:1px solid #ffffff14;position:sticky;top:0}.betrieb-kopfzeile-inhalt{flex-wrap:wrap;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:10px 20px;display:flex}.betrieb-marke{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.betrieb-marke-zeichen{background:var(--akzent);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.betrieb-rolle{text-transform:uppercase;letter-spacing:.14em;color:#ffffff8c;border:1px solid #ffffff29;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.betrieb-nav{flex-wrap:wrap;align-items:center;gap:2px;margin-left:auto;display:flex}.betrieb-nav-punkt{color:#ffffffad;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.betrieb-nav-punkt:hover{background:var(--navy-hover);color:#fff}.betrieb-nav-punkt--aktiv{color:#fff;background:#ffffff1a}.betrieb-nav-punkt--aktiv:hover{background:#ffffff24}.betrieb-nav-trenner{background:#ffffff24;width:1px;height:22px;margin:0 6px}.betrieb-flaeche{max-width:1240px;margin:0 auto;padding:22px 20px 64px}.sektion{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:22px 24px;display:flex}.sektion-zeichen{background:var(--akzent-flaeche);border:1px solid var(--akzent-rand);width:52px;height:52px;color:var(--akzent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.sektion-text{min-width:0}.sektion-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--akzent);margin:0;font-size:11px;font-weight:800}.sektion-titelzeile{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.sektion-titel{letter-spacing:-.025em;color:var(--navy);margin:0;font-size:30px;font-weight:800;line-height:1.15}.sektion-zaehler{border:1px solid var(--rand);background:var(--bg-karte-hover);color:#475569;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.sektion-unter{max-width:62ch;color:var(--text-leise);margin:8px 0 0;font-size:14.5px;line-height:1.55}.sektion-aktion{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.zurueck-band{min-height:36px;font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:8px;padding:0 2px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.zurueck-band:hover{color:var(--akzent)}.werkzeugleiste{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.suche{flex:260px;min-width:200px;position:relative}.suche>svg{color:var(--text-leise);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.suche>.feld{height:42px;margin:0;padding-left:40px;font-size:14.5px}.werkzeugleiste>.feld{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 11px center;background-repeat:no-repeat;width:auto;height:42px;margin:0;padding:0 34px 0 13px;font-size:14.5px}.liste{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);overflow:hidden}.listenzeile{border-bottom:1px solid var(--rand-leise);align-items:center;gap:16px;padding:14px 20px;transition:background .12s;display:flex}.listenzeile:last-child{border-bottom:none}.listenzeile:hover{background:var(--bg-karte-hover)}.listenzeile-haupt{flex:220px;min-width:0}.listenzeile-titel{color:var(--text);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;font-size:15.5px;font-weight:700;display:flex}.listenzeile-unter{color:var(--text-leise);margin-top:3px;font-size:13px}.listenzeile-werte{flex-shrink:0;align-items:center;gap:26px;display:flex}.wert{width:118px}.wert-name{text-transform:uppercase;letter-spacing:.11em;color:#94a3b8;font-size:10.5px;font-weight:700;display:block}.wert-inhalt{color:var(--text);font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px;font-weight:600;display:block}@media (width<=900px){.listenzeile-werte{display:none}}.listenzeile-aktionen{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.stift{width:38px;height:38px;color:var(--text-leise);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;transition:background .12s,color .12s,border-color .12s;display:grid}.stift:hover{background:var(--akzent-flaeche);border-color:var(--akzent-rand);color:var(--akzent)}.pille{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pille>svg{flex-shrink:0}.pille-gut{background:var(--gruen-flaeche);color:var(--gruen-text);box-shadow:inset 0 0 0 1px var(--gruen-rand)}.pille-warn{background:var(--gelb-flaeche);color:var(--gelb-text);box-shadow:inset 0 0 0 1px var(--gelb-rand)}.pille-fehler{background:var(--rot-flaeche);color:var(--rot-text);box-shadow:inset 0 0 0 1px var(--rot-rand)}.pille-neutral{background:var(--bg-karte-hover);color:#475569;box-shadow:inset 0 0 0 1px var(--rand)}.pille-akzent{background:var(--akzent-flaeche);color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent-rand)}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.kennzahl{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);color:inherit;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}a.kennzahl:hover{border-color:var(--akzent-rand);box-shadow:var(--schatten-hoch)}.kennzahl-kopf{text-transform:uppercase;letter-spacing:.12em;color:var(--text-leise);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.kennzahl-wert{letter-spacing:-.03em;color:var(--navy);font-variant-numeric:tabular-nums;margin-top:8px;font-size:30px;font-weight:800;line-height:1}.kennzahl-unter{color:var(--text-leise);margin-top:6px;font-size:13px}.klapper{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);overflow:hidden}.klapper+.klapper{margin-top:12px}.klapper>summary{cursor:pointer;color:var(--text);align-items:center;gap:12px;padding:15px 20px;font-size:14.5px;font-weight:700;list-style:none;display:flex}.klapper>summary::-webkit-details-marker{display:none}.klapper>summary:hover{background:var(--bg-karte-hover)}.klapper>summary>.klapper-pfeil{color:var(--text-leise);margin-left:auto;transition:transform .18s}.klapper[open]>summary>.klapper-pfeil{transform:rotate(180deg)}.klapper>summary>.klapper-unter{color:var(--text-leise);font-size:13px;font-weight:500}.klapper-inhalt{border-top:1px solid var(--rand-leise);padding:4px 20px 20px}.einstellungen-raster{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (width>=1000px){.einstellungen-raster{grid-template-columns:264px minmax(0,1fr)}}.seitenleiste{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);padding:14px}@media (width>=1000px){.seitenleiste{position:sticky;top:76px}}.seitenleiste-gruppe+.seitenleiste-gruppe{margin-top:18px}.seitenleiste-gruppe>h3{text-transform:uppercase;letter-spacing:.16em;color:#94a3b8;margin:0 0 6px;padding:0 12px;font-size:10.5px;font-weight:800}.seitenleiste-punkt{width:100%;min-height:42px;font:inherit;color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.seitenleiste-punkt:hover{background:var(--bg-karte-hover);color:var(--text)}.seitenleiste-punkt>svg{color:#94a3b8;flex-shrink:0}.seitenleiste-punkt:hover>svg{color:var(--akzent)}.seitenleiste-punkt--aktiv,.seitenleiste-punkt--aktiv:hover{background:var(--navy);color:#fff}.seitenleiste-punkt--aktiv>svg,.seitenleiste-punkt--aktiv:hover>svg{color:#fff}.seitenleiste-punkt>.seitenleiste-zeichen{margin-left:auto}.seitenleiste-punkt>.seitenleiste-zeichen--warn{color:var(--gelb)}.seitenleiste-punkt--aktiv>.seitenleiste-zeichen--warn{color:#fbbf24}.seitenleiste-punkt>.seitenleiste-zeichen--gut{background:var(--gruen);border-radius:50%;width:8px;height:8px}.dialog-hintergrund{z-index:60;background:#02081773;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--bg-karte);border:1px solid var(--rand);border-radius:20px;width:100%;max-width:540px;margin:auto;box-shadow:0 20px 40px -12px #0208174d}.dialog-kopf{border-bottom:1px solid var(--rand-leise);align-items:flex-start;gap:14px;padding:20px 22px 14px;display:flex}.dialog-kopf h2{letter-spacing:-.02em;color:var(--navy);margin:0;font-size:19px;font-weight:800}.dialog-kopf p{color:var(--text-leise);margin:3px 0 0;font-size:13.5px;line-height:1.5}.dialog-schliessen{width:34px;height:34px;color:var(--text-leise);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.dialog-schliessen:hover{background:var(--bg-karte-hover);color:var(--text)}.dialog-koerper{padding:18px 22px}.dialog-fuss{justify-content:flex-end;gap:10px;padding:14px 22px 20px;display:flex}.dialog-fuss>.knopf{width:auto;padding:11px 22px;font-size:15px}.dialog-feld+.dialog-feld{margin-top:15px}.dialog-feld>label{color:#334155;margin-bottom:5px;font-size:13px;font-weight:600}.dialog-feld>.feld{margin-bottom:0}.dialog-feld>.hinweis{color:var(--text-leise);margin:6px 0 0;font-size:12.5px;line-height:1.5}.leer{text-align:center;color:var(--text-leise);padding:44px 24px;font-size:14.5px}.knopf-haupt{background:var(--akzent);width:auto;min-height:42px;color:var(--akzent-schrift);font:inherit;cursor:pointer;box-shadow:var(--schatten);border:none;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.knopf-haupt:hover:not(:disabled){filter:brightness(1.1)}.knopf-haupt:disabled{opacity:.5;cursor:not-allowed}.knopf-rand{border:1px solid var(--rand);background:var(--bg-karte);width:auto;min-height:42px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.knopf-rand:hover:not(:disabled){border-color:var(--akzent-rand);background:var(--akzent-flaeche);color:var(--akzent)}.knopf-rand:disabled{opacity:.5;cursor:not-allowed}[data-bereich=plattform]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1226;--bg-karte:#121f3d;--bg-karte-hover:#182a52;--bg-feld:#0d1730;--rand:#263a63;--rand-leise:#1c2c50;--text:#eef2f6;--text-leise:#8fa3c6;--navy:#f2f6fb;--navy-hover:#223659;--akzent:#14b8ca;--akzent-flaeche:#14b8ca1f;--akzent-rand:#14b8ca61;--akzent-schrift:#04222a;--gruen:#34d399;--gruen-text:#7cebbc;--gruen-flaeche:#34d39921;--gruen-rand:#34d39952;--gelb:#fbbf24;--gelb-text:#fcd34d;--gelb-flaeche:#fbbf2421;--gelb-rand:#fbbf2452;--rot:#f87171;--rot-text:#fda4a4;--rot-flaeche:#f8717121;--rot-rand:#f8717152;--radius:10px;--radius-karte:18px;--schatten:0 1px 2px #00000059;--schatten-hoch:0 8px 18px -8px #0000008c}[data-bereich=plattform] .betrieb-kopfzeile{background:#060b1a;border-bottom-color:#ffffff12}[data-bereich=plattform] .sektion-zaehler,[data-bereich=plattform] .pille-neutral{background:var(--bg-karte-hover);color:var(--text-leise);border-color:var(--rand);box-shadow:inset 0 0 0 1px var(--rand)}[data-bereich=plattform] .dialog-feld>label,[data-bereich=plattform] .seitenleiste-punkt{color:var(--text-leise)}[data-bereich=plattform] .karte{border-radius:var(--radius-karte);box-shadow:var(--schatten)}[data-bereich=plattform] .knopf-rand{background:0 0}[data-bereich=plattform] .feld:focus{outline:2px solid var(--akzent);outline-offset:0;border-color:var(--akzent)}