:root{--rot: #d21f2a;--rot-hell: #e8323d;--grund: #1d1c21;--flaeche: #26252b;--flaeche-hoch: #302f36;--rand: #3e3d45;--text: #ecebef;--text-leise: #a3a1ab;--gruen: #3fa66b;--gelb: #e2b440;--knopf-gruen: #93d6a8;--knopf-rot: #eba1a1;--knopf-blau: #95bdeb;--kopf-hoehe: 48px;--einaus-hoehe: 28px;--wuerfel-hoehe: 22px;--einaus-aus: #5c5a64;--zahl-grau: #5c5a64;--schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html.gross body{zoom:1.2}html,body{margin:0;background:var(--grund);color:var(--text);font:14px/1.45 var(--schrift)}a{color:var(--text)}h1{font-size:20px;margin:0 0 16px}h2{font-size:16px;margin:24px 0 10px}h3{font-size:14px;margin:18px 0 8px;color:var(--text-leise);text-transform:uppercase;letter-spacing:.04em}label{display:block;margin:0 0 10px;color:var(--text-leise);font-size:13px}label>input:not([type=checkbox]),label>select,label>textarea{display:block;width:100%;margin-top:3px}input,select,textarea{font:inherit;color:var(--text);background:var(--grund);border:1px solid var(--rand);border-radius:4px;padding:7px 9px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gruen);outline-offset:-1px;border-color:var(--gruen)}textarea{resize:vertical}label.haken{display:flex;gap:8px;align-items:center;color:var(--text)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:600;color:var(--text);background:var(--flaeche-hoch);border:1px solid var(--rand);border-radius:4px;padding:7px 14px;cursor:pointer;text-decoration:none}.knopf:hover{border-color:var(--text-leise)}.knopf.klein{height:26px;padding:0 8px;font-size:13px;white-space:nowrap;flex:none}.knopf.leise{background:transparent}.knopf.speichern{color:var(--knopf-gruen);background:color-mix(in srgb,var(--knopf-gruen) 16%,transparent);border-color:color-mix(in srgb,var(--knopf-gruen) 55%,transparent)}.knopf.entfernen{color:var(--knopf-rot);background:color-mix(in srgb,var(--knopf-rot) 14%,transparent);border-color:color-mix(in srgb,var(--knopf-rot) 55%,transparent)}.knopf.planen{color:var(--knopf-blau);background:color-mix(in srgb,var(--knopf-blau) 16%,transparent);border-color:color-mix(in srgb,var(--knopf-blau) 55%,transparent)}.knopf.speichern:hover,.knopf.entfernen:hover,.knopf.planen:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 26%,transparent)}.knopf.gefahr{color:#fff;background:var(--rot);border-color:var(--rot)}.knopf.gefahr:hover{background:var(--rot-hell);border-color:var(--rot-hell)}.knopf:disabled{opacity:.5;cursor:default}.einaus{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;height:var(--einaus-hoehe);padding:0 9px;font:inherit;font-size:13px;line-height:1;white-space:nowrap;text-decoration:none;color:var(--text-leise);background:none;border:1px solid var(--einaus-aus);border-radius:4px;cursor:pointer}.einaus:hover{color:var(--text)}.einaus.an{color:var(--text);border-color:var(--gruen)}.einaus.kurz{min-width:var(--einaus-hoehe);padding:0;font-weight:600}.einaus.formular{height:32px;padding:0 12px;font-size:14px}.einausreihe{display:flex;align-items:center;gap:6px}.knopfgruppe{display:inline-flex;align-items:stretch}.knopfgruppe>.knopf{border-radius:0}.knopfgruppe>.knopf+.knopf{margin-left:-1px}.knopfgruppe>.knopf:first-child{border-radius:4px 0 0 4px}.knopfgruppe>.knopf:last-child{border-radius:0 4px 4px 0}.knopfgruppe>.knopf:hover{position:relative;z-index:1}.entfernen-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;font:inherit;font-size:12px;line-height:1;color:var(--knopf-rot);background:none;border:1px solid var(--knopf-rot);border-radius:50%;cursor:pointer;vertical-align:middle}.entfernen-x:hover{color:#fff;background:var(--rot);border-color:var(--rot)}.knopfreihe{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.meldung{padding:8px 12px;border-radius:4px;margin:0 0 12px;border-left:4px solid var(--gruen);background:#3fa66b1f}.meldung.fehler{border-left-color:var(--rot);background:#d21f2a26}.hinweis{color:var(--text-leise);font-size:13px}.tabellenrahmen{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabellenrahmen>.tabelle>*>tr>:first-child{position:sticky;left:0;z-index:1}:where(.tabellenrahmen>.tabelle>*>tr>:first-child){background:var(--grund)}.tabelle{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tabelle.zahlen{width:auto;max-width:100%}.tabelle :is(th,td):not(.sp-text){white-space:nowrap}.tabelle .sp-name{min-width:200px}.tabelle .sp-datum{width:96px;min-width:96px}.tabelle .sp-zeitraum{width:180px;min-width:180px}.tabelle .sp-stunden{width:80px;min-width:80px}.tabelle .sp-prozent,.tabelle .sp-anzahl{width:64px;min-width:64px}.tabelle .sp-geld{width:104px;min-width:104px}.tabelle .sp-text{min-width:160px}.tabelle .sp-marke,.tabelle .sp-knopf{width:1%}.tabelle :is(.sp-stunden,.sp-prozent,.sp-geld,.sp-anzahl,.sp-knopf){text-align:right}.tabelle tr.summe td{border-top:2px solid var(--rand);border-bottom:none;font-weight:700}.tabelle td a{text-decoration:none}.klappblock{margin:0 0 12px;border:1px solid var(--rand);border-radius:4px;padding:0 12px}.klappblock>summary{cursor:pointer;padding:8px 0;font-size:13px;color:var(--text-leise)}.klappblock[open]>summary{color:var(--text)}.tabelle td.leer{padding:10px 8px}.tabelle th{text-align:left;font-weight:600;font-size:12px;color:var(--text-leise);text-transform:uppercase;letter-spacing:.03em;padding:6px 8px;border-bottom:1px solid var(--rand)}.tabelle td{padding:6px 8px;border-bottom:1px solid var(--flaeche-hoch);vertical-align:top}.tabelle tr.waehlbar{cursor:pointer}.tabelle tr.waehlbar:hover td{background:var(--flaeche)}.tabelle tr.gewaehlt td{background:var(--flaeche-hoch)}.tabelle tr.inaktiv td{color:var(--text-leise)}.marke{display:inline-block;font-size:12px;padding:1px 7px;border-radius:10px;background:var(--flaeche-hoch);color:var(--text-leise);white-space:nowrap}.marke.gruen{background:#3fa66b33;color:#8fd8ac}.marke.rot{background:#d21f2a40;color:#ff9aa0}.marke.gelb{background:#e2b44033;color:#f0d38a}.mit-seitenleiste{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:20px;align-items:start}.seitenleiste{position:sticky;top:calc(var(--kopf-hoehe) + 12px);max-height:calc(100vh - var(--kopf-hoehe) - 24px);overflow-y:auto;background:var(--flaeche);border:1px solid var(--gruen);border-radius:4px;padding:16px 18px 20px}.seitenleiste .kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px}.seitenleiste .kopf h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seitenleiste .kopf .schliessen{margin-left:auto}.seitenleiste .schliessen{color:var(--text-leise);text-decoration:none;font-size:20px;line-height:1}.zwei-spalten{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}@media(max-width:900px){.mit-seitenleiste{grid-template-columns:minmax(0,1fr)}.seitenleiste{position:static;max-height:none}}.suchfeld{width:220px;max-width:100%;margin:0}.oben.svelte-12qhfyh{position:sticky;top:0;z-index:40}.testband.svelte-12qhfyh{background:var(--rot);color:#fff;text-align:center;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px;padding:3px}.kopfzeile.svelte-12qhfyh{height:var(--kopf-hoehe);display:flex;align-items:center;gap:16px;padding:0 16px;background:#141317;border-bottom:2px solid var(--rot)}.logo.svelte-12qhfyh{flex-shrink:0;display:flex;align-items:center;height:var(--einaus-hoehe)}.logo.svelte-12qhfyh img:where(.svelte-12qhfyh){height:var(--wuerfel-hoehe);width:var(--wuerfel-hoehe);display:block}nav.svelte-12qhfyh{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto}.suche.svelte-12qhfyh input:where(.svelte-12qhfyh){width:140px;padding:5px 9px;background:var(--flaeche)}.mitzahl.svelte-12qhfyh a:where(.svelte-12qhfyh){color:inherit;text-decoration:none}.rechts.svelte-12qhfyh{display:flex;align-items:center;gap:12px;white-space:nowrap}.rechts.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-leise);text-decoration:none}.rechts.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text)}.schrift.svelte-12qhfyh .einaus{font-weight:700}.rechts.svelte-12qhfyh a.hilfe:where(.svelte-12qhfyh){color:var(--text-leise);font-weight:700}.abmelden.svelte-12qhfyh{font:inherit;background:none;border:1px solid var(--rand);color:var(--text-leise);border-radius:4px;padding:4px 10px;cursor:pointer}.abmelden.svelte-12qhfyh:hover{border-color:var(--text-leise);color:var(--text)}.inhalt.svelte-12qhfyh{padding:16px 20px 40px}.handyleiste.svelte-12qhfyh{display:none}.fusszeile.svelte-12qhfyh{padding:10px 20px 14px;border-top:1px solid var(--rand);text-align:center;font-size:13px;font-style:italic;color:var(--text-leise)}.fusszeile.svelte-12qhfyh strong:where(.svelte-12qhfyh){font-style:normal;color:var(--text)}.fusszeile.svelte-12qhfyh .person:where(.svelte-12qhfyh){font-style:normal;margin-left:8px}.fusszeile.svelte-12qhfyh .person:where(.svelte-12qhfyh):before{content:"· "}.fusszeile.fest.svelte-12qhfyh{position:fixed;left:0;right:0;bottom:0;z-index:44;background:#141317;font-size:18px;padding:10px 20px}.platzhalter.fest.svelte-12qhfyh{height:60px}@media(max-width:1600px){nav.svelte-12qhfyh .einaus:where(.svelte-12qhfyh){padding:0 6px}.suche.svelte-12qhfyh input:where(.svelte-12qhfyh){width:110px}.kopfzeile.svelte-12qhfyh{gap:10px}}@media(max-width:700px){.handyleiste.svelte-12qhfyh{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#141317;border-top:2px solid var(--rot);padding-bottom:env(safe-area-inset-bottom)}.handyleiste.svelte-12qhfyh a:where(.svelte-12qhfyh){text-align:center;white-space:nowrap;padding:12px 2px;text-decoration:none;color:var(--text-leise);font-weight:600}.handyleiste.svelte-12qhfyh a:where(.svelte-12qhfyh){margin:4px 2px;border:1px solid transparent;border-radius:4px}.handyleiste.svelte-12qhfyh a.an:where(.svelte-12qhfyh){color:var(--text);border-color:var(--gruen)}.platzhalter.handy.svelte-12qhfyh{height:calc(60px + env(safe-area-inset-bottom))}.platzhalter.handy.fest.svelte-12qhfyh{height:calc(110px + env(safe-area-inset-bottom))}.fusszeile.fest.svelte-12qhfyh{font-size:14px}.fusszeile.fest.ueber-handyleiste.svelte-12qhfyh{bottom:calc(46px + env(safe-area-inset-bottom))}.kopfzeile.svelte-12qhfyh{gap:10px;padding:0 10px}.rechts.svelte-12qhfyh a:where(.svelte-12qhfyh):not(.hilfe),.suche.svelte-12qhfyh,.archiv.svelte-12qhfyh{display:none}.inhalt.svelte-12qhfyh{padding:12px}}