:root{--bg: #13151a;--bg-karte: #1d2027;--bg-karte-2: #252932;--bg-erhaben: #2c313c;--bg-hover: #2a2f3a;--linie: #2e333d;--linie-stark: #444c59;--text: #eef0f4;--text-leise: #9aa1ae;--akzent: #3fb6c9;--akzent-hover: #2f93a3;--akzent-text: #07181c;--rot: #ff6f61;--rot-bg: #381f1c;--bernstein: #f4b740;--bernstein-bg: #382e15;--petrol: #45c4d8;--petrol-bg: #143038;--gruen: #4fd187;--gruen-bg: #14311f;--grau: #8b93a1;--grau-bg: #282d37;--gruen-satt: #1f9d57;--gruen-satt-hover: #18834a;--p-auto: #45c4d8;--p-auto-bg: #143038;--p-person: #b58bff;--p-person-bg: #29234a;--p-rechnung: #f4b740;--p-rechnung-bg: #382e15}*{box-sizing:border-box}html{color-scheme:dark}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px;color:var(--text)}.app{max-width:1200px;margin:0 auto;padding:24px 20px 80px}.kopf{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.kopf-haupt{display:flex;flex-direction:column;gap:4px}.kopf h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.kopf .untertitel{color:var(--text-leise);font-size:13px}.schnell-add-btn{font-size:15px;padding:10px 18px;flex-shrink:0}.schnell-typ{display:flex;gap:8px;margin-bottom:14px}.schnell-typ-btn{flex:1;padding:12px;font-size:15px;font-weight:600;border-radius:9px;border:1px solid var(--linie-stark);background:var(--bg-erhaben);color:var(--text-leise);cursor:pointer}.schnell-typ-btn:hover{background:var(--bg-karte-2)}.schnell-typ-btn.aktiv{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent)}.schnell-ziel{padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;border:1px solid var(--linie)}.schnell-ziel.ok{background:var(--gruen-bg);color:var(--gruen);border-color:var(--gruen)}.schnell-ziel.neu{background:var(--bernstein-bg);color:var(--bernstein);border-color:var(--bernstein)}.schnell-ziel.fallback{background:var(--grau-bg);color:var(--text-leise)}.schnell-ziel.leer{background:var(--rot-bg);color:var(--rot);border-color:var(--rot)}.schnell-zuletzt{margin-top:16px;padding:9px 12px;border-radius:8px;background:var(--gruen-bg);color:var(--gruen);font-size:13px}.schnell-aktionen{display:flex;gap:8px;margin-top:18px}.schnell-aktionen .btn{flex:1;padding:12px;font-size:15px}.feld-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.feld-kopf label{margin-bottom:0}.lock-btn{border:1px solid var(--linie-stark);background:var(--bg-erhaben);color:var(--text-leise);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.lock-btn:hover{background:var(--bg-karte-2)}.lock-btn.an{background:var(--bernstein-bg);color:var(--bernstein);border-color:var(--bernstein)}.feld-gesperrt input{border-color:var(--bernstein)}.suche-fenster{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.suche-fenster-label{font-size:13px;color:var(--text-leise)}.suche-zusammenfassung{font-size:13px;color:var(--text-leise);margin-bottom:12px}.suche-treffer-monat{font-size:12px;color:var(--text-leise);font-weight:600;margin:12px 0 4px 2px}.zeitraum-leiste{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--bg-karte);border:1px solid var(--linie);border-radius:12px;padding:10px 12px;margin-bottom:16px}.zeitraum-leiste label{font-size:13px;color:var(--text-leise);margin-right:4px}.zeitraum-leiste select,.zeitraum-leiste input[type=text]{padding:8px 10px;border:1px solid var(--linie-stark);border-radius:8px;background:var(--bg-erhaben);min-width:180px}.zeitraum-leiste .zr-spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;border:1px solid var(--linie-stark);background:var(--bg-erhaben);color:var(--text);font-weight:500;transition:background .12s,border-color .12s,color .12s}.btn:hover{background:var(--bg-karte-2)}.btn.primaer{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent)}.btn.primaer:hover{background:var(--akzent-hover)}.btn.gefahr{color:var(--rot);border-color:var(--rot)}.btn.gefahr:hover{background:var(--rot-bg)}.btn.klein{padding:5px 10px;font-size:13px;border-radius:6px}.btn.ikon{padding:6px 8px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.status-kachel{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 12px;border-radius:12px;border:1px solid var(--linie);background:var(--bg-karte);cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:transform .06s,box-shadow .12s}.status-kachel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grau)}.status-kachel.farbe-rot:before{background:var(--rot)}.status-kachel.farbe-bernstein:before{background:var(--bernstein)}.status-kachel.farbe-petrol:before{background:var(--petrol)}.status-kachel.farbe-gruen:before{background:var(--gruen)}.status-kachel.farbe-grau:before{background:var(--grau)}.status-kachel.aktiv{border-color:var(--akzent);box-shadow:0 0 0 2px #3fb6c94d}.status-kachel .zahl{font-size:26px;font-weight:700;letter-spacing:-.02em}.status-kachel .label{font-size:12px;color:var(--text-leise);text-transform:uppercase;letter-spacing:.04em}.tabs{display:flex;gap:4px;background:var(--bg-karte);border:1px solid var(--linie);border-radius:10px;padding:4px;margin-bottom:16px;overflow-x:auto}.tab{flex:1;padding:9px 12px;border:none;background:transparent;border-radius:7px;color:var(--text-leise);font-weight:500;white-space:nowrap;min-width:max-content}.tab.aktiv{background:var(--akzent);color:var(--akzent-text)}.tab .zaehler{font-size:11px;margin-left:6px;padding:1px 6px;border-radius:999px;background:#ffffff1a}.tab.aktiv .zaehler{background:#fff3}.karte{background:var(--bg-karte);border:1px solid var(--linie);border-radius:12px;margin-bottom:12px;overflow:hidden;position:relative}.karte:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--linie-stark)}.karte.farbe-rot:before{background:var(--rot)}.karte.farbe-bernstein:before{background:var(--bernstein)}.karte.farbe-petrol:before{background:var(--petrol)}.karte.farbe-gruen:before{background:var(--gruen)}.karte.farbe-grau:before{background:var(--grau)}.karte-kopf{display:flex;align-items:flex-start;gap:12px;padding:14px 18px 14px 22px;cursor:pointer;-webkit-user-select:none;user-select:none}.karte-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.karte-titel-zeile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.karte-titel{flex:1;min-width:0;font-weight:700;font-size:16px;letter-spacing:-.01em}.karte-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-leise);font-size:12.5px}.karte-meta span{display:inline-flex;align-items:center;gap:4px}.karte-belege{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.karte-beleg-zeile{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:5px 10px;border-radius:7px;background:var(--bg-hover);font-variant-numeric:tabular-nums}.karte-beleg-zeile .lbl{font-weight:600;display:inline-flex;align-items:center;gap:4px}.karte-beleg-zeile.einkauf{background:var(--rot-bg);color:var(--rot)}.karte-beleg-zeile.verkauf{background:var(--gruen-bg);color:var(--gruen)}.karte-beleg-zeile .datev-mark{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--gruen-bg);color:var(--gruen);font-weight:600}.karte-beleg-zeile .datev-mark.offen{background:#ffffff14;color:var(--text-leise);font-weight:500}.karte-beleg-zeile .datev-mark.geprueft{background:var(--petrol-bg);color:var(--petrol)}.karte-zeile-einzeln{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13.5px}.karte-zeile-einzeln .betrag-anzeige{font-weight:600;font-variant-numeric:tabular-nums}.karte-zeile-einzeln .ausgang{color:var(--rot)}.karte-zeile-einzeln .eingang{color:var(--gruen)}.status-badge{font-size:11px;padding:3px 9px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-rot{background:var(--rot-bg);color:var(--rot)}.badge-bernstein{background:var(--bernstein-bg);color:var(--bernstein)}.badge-petrol{background:var(--petrol-bg);color:var(--petrol)}.badge-gruen{background:var(--gruen-bg);color:var(--gruen)}.badge-grau{background:var(--grau-bg);color:var(--grau)}.karte-pfeil{font-size:16px;color:var(--text-leise);transition:transform .15s}.karte.offen .karte-pfeil{transform:rotate(180deg)}.karte-inhalt{padding:0 16px 16px 20px;border-top:1px solid var(--linie)}.feld{margin-bottom:12px}.feld label{display:block;font-size:12px;color:var(--text-leise);margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.feld input[type=text],.feld input[type=date],.feld input[type=number],.feld textarea,.feld select{width:100%;padding:9px 10px;border:1px solid var(--linie-stark);border-radius:8px;background:var(--bg-erhaben)}.feld textarea{resize:vertical;min-height:60px}.feld input:focus,.feld select:focus,.feld textarea:focus{outline:2px solid var(--akzent);outline-offset:-1px;border-color:var(--akzent)}.feld-zeile{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feld-zeile-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width: 600px){.feld-zeile,.feld-zeile-3{grid-template-columns:1fr}}.unterabschnitt{margin-top:14px;padding-top:14px;border-top:1px dashed var(--linie)}.unterabschnitt h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise);font-weight:600}.beleg-block{margin-top:18px;padding:16px 16px 12px;border-radius:10px;border-left:4px solid var(--linie-stark);position:relative}.beleg-block.einkauf{background:var(--rot-bg);border-left-color:var(--rot);border:1px solid var(--linie);border-left:4px solid var(--rot)}.beleg-block.verkauf{background:var(--gruen-bg);border-left-color:var(--gruen);border:1px solid var(--linie);border-left:4px solid var(--gruen)}.beleg-block h4{margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:8px}.beleg-block.einkauf h4{color:var(--rot)}.beleg-block.verkauf h4{color:var(--gruen)}.beleg-block h4 .pfeil{font-size:18px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-erhaben);border:1px solid currentColor;font-weight:700}.beleg-block h4 .untertitel{font-size:12px;font-weight:500;color:var(--text-leise);margin-left:auto;text-transform:uppercase;letter-spacing:.04em}.beleg-block .feld input,.beleg-block .feld select,.beleg-block .feld textarea{background:var(--bg-erhaben)}.beleg-block .check-reihe{background:#ffffff0d}.drop-zone{margin-top:6px;padding:16px;border:2px dashed var(--linie-stark);border-radius:10px;background:var(--bg-karte-2);text-align:center;cursor:pointer;color:var(--text-leise);font-size:14px;transition:background .12s,border-color .12s}.drop-zone:hover,.drop-zone.aktiv{background:var(--bg-hover);border-color:var(--akzent);color:var(--text)}.drop-zone input[type=file]{display:none}.datei-eintrag{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-karte-2);border:1px solid var(--linie);border-radius:8px;margin-top:8px;font-size:13px}.datei-eintrag .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datei-eintrag a{color:var(--akzent);text-decoration:none}.datei-eintrag a:hover{text-decoration:underline}.check-reihe{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-top:12px}.check{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-erhaben);border:1px solid var(--linie-stark);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;flex:1;min-width:200px;-webkit-user-select:none;user-select:none;transition:background .1s,border-color .1s}.check:hover{background:var(--bg-hover)}.check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--linie-stark);border-radius:5px;background:var(--bg-erhaben);cursor:pointer;position:relative;flex:0 0 auto;transition:background .1s,border-color .1s}.check input[type=checkbox]:checked{background:var(--akzent);border-color:var(--akzent)}.check input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.check.an{background:var(--gruen-bg);border-color:var(--gruen);color:var(--gruen);font-weight:600}.check.an input[type=checkbox]{background:var(--gruen);border-color:var(--gruen)}.check.deaktiviert{opacity:.4;cursor:not-allowed}.check.deaktiviert input[type=checkbox]{cursor:not-allowed}.kassenbuch-start{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg-karte);border:1px solid var(--linie);border-radius:10px;padding:10px 14px;margin-bottom:12px}.kassenbuch-start-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise);font-weight:600}.kassenbuch-start-anzeige,.kassenbuch-start-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kassenbuch-start-anzeige strong{font-size:17px;color:var(--text)}.kassenbuch-start-hinweis{font-size:13px;color:var(--text-leise)}.kassenbuch-bestand-zeile td{background:var(--bg-karte-2);color:var(--text-leise)}.kassenbuch-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.kassenbuch-summe{font-size:14px;color:var(--text-leise)}.kassenbuch-summe strong{color:var(--text);font-size:17px;font-weight:700;margin-left:6px}.tabelle{width:100%;border-collapse:collapse;background:var(--bg-karte);border:1px solid var(--linie);border-radius:10px;overflow:hidden}.tabelle th,.tabelle td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--linie);font-size:14px}.tabelle th{background:var(--bg-karte-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise)}.tabelle tr:last-child td{border-bottom:none}.tabelle .betrag{text-align:right;font-variant-numeric:tabular-nums}.tabelle .quelle{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise)}.aktion-leiste{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hinweis{padding:10px 12px;border-radius:8px;font-size:13px;background:var(--bernstein-bg);color:var(--bernstein);border:1px solid var(--bernstein);margin:8px 0}.hinweis.fehler{background:var(--rot-bg);color:var(--rot);border-color:var(--rot)}.hinweis.info{background:var(--petrol-bg);color:var(--petrol);border-color:var(--petrol)}.notiz-toggle{margin-top:14px;background:transparent;border:none;color:var(--text-leise);font-size:13px;cursor:pointer;padding:4px 0;font-family:inherit}.notiz-toggle:hover{color:var(--text);text-decoration:underline}.notiz-feld{margin-top:12px}.notiz-feld label{display:flex;align-items:center;justify-content:space-between}.notiz-schliessen{background:none;border:none;color:var(--text-leise);font-size:11px;cursor:pointer;text-transform:none;letter-spacing:0;text-decoration:underline;font-family:inherit}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1c1a80;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--bg-karte);border-radius:14px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--linie);box-shadow:0 20px 50px -10px #0000004d}.modal-kopf{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--linie)}.modal-kopf h3{margin:0;font-size:17px;font-weight:700}.modal-kopf .schliessen{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-leise);line-height:1;padding:0 4px}.modal-kopf .schliessen:hover{color:var(--text)}.modal-inhalt{padding:16px 20px 20px}.modal-zeile{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--linie);gap:12px}.modal-zeile:last-child{border-bottom:none}.modal-zeile .schluessel{color:var(--text-leise);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:500;flex:0 0 auto}.modal-zeile .wert{text-align:right;font-weight:500;word-break:break-word}.tabelle tr.klick{cursor:pointer}.tabelle tr.klick:hover{background:var(--bg-hover)}.leer-zustand{text-align:center;padding:40px 20px;color:var(--text-leise)}.leer-zustand h3{margin:0 0 6px;color:var(--text);font-weight:600}.lade-zustand{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-leise)}@media (max-width: 600px){.app{padding:16px 12px 80px}.kopf h1{font-size:19px}.status-grid{grid-template-columns:repeat(2,1fr);gap:8px}.status-kachel{padding:12px 10px 10px}.status-kachel .zahl{font-size:22px}}.upload-stat{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.upload-stat-pill{font-size:15px;font-weight:700;padding:7px 16px;border-radius:999px}.upload-stat-pill.bereit{background:var(--petrol-bg);color:var(--petrol)}.upload-stat-pill.fehlt{background:var(--rot-bg);color:var(--rot)}.upload-stat-pill.erledigt{background:var(--gruen-bg);color:var(--gruen)}.upload-filterleiste{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.upload-filterleiste .upload-suche{flex:1 1 320px;min-width:220px;padding:13px 16px;font-size:16px;border:1px solid var(--linie-stark);border-radius:10px;background:var(--bg-karte);color:var(--text)}.upload-filterleiste .upload-suche::placeholder{color:var(--text-leise)}.upload-filterleiste select{padding:12px;font-size:16px;border:1px solid var(--linie-stark);border-radius:10px;background:var(--bg-karte);color:var(--text)}.upload-sektion{margin-bottom:26px}.upload-sektion-titel{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;display:flex;align-items:center;gap:10px}.upload-sektion-titel.bereit{color:var(--petrol)}.upload-sektion-titel.fehlt{color:var(--rot)}.upload-sektion-titel .zaehler{background:var(--grau-bg);color:var(--text-leise);padding:2px 11px;border-radius:999px;font-size:14px;font-weight:800}.upload-leer{color:var(--text-leise);font-size:15px;margin:4px 0 0}.upload-erledigt-toggle{background:none;border:none;padding:6px 0;margin-bottom:10px;font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--gruen);font-weight:700;display:flex;align-items:center;gap:10px}.upload-erledigt-toggle .zaehler{background:var(--gruen-bg);color:var(--gruen);padding:2px 11px;border-radius:999px;font-size:14px;font-weight:800}.upload-zeile{display:flex;align-items:center;gap:20px;background:var(--bg-karte);border:1px solid var(--linie);border-left:5px solid var(--linie-stark);border-radius:12px;padding:16px 20px;margin-bottom:10px;transition:border-color .12s,background .12s}.upload-zeile.stufe-bereit{border-left-color:var(--petrol)}.upload-zeile.stufe-fehlt{border-left-color:var(--rot);background:var(--rot-bg)}.upload-zeile.stufe-erledigt{border-left-color:var(--gruen);opacity:.62}.upload-zeile.stufe-bereit:hover{border-color:var(--linie-stark);background:var(--bg-karte-2)}.upload-zeile-haupt{flex:1;min-width:0}.upload-zeile-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.upload-monat{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--grau-bg);color:var(--text-leise);padding:3px 10px;border-radius:5px}.upload-typ{font-size:15px;font-weight:700}.upload-typ.welt-auto{color:var(--p-auto)}.upload-typ.welt-rechnung{color:var(--p-rechnung)}.upload-fehlt-badge{font-size:12px;font-weight:800;color:var(--rot);background:var(--bg-karte);border:1px solid var(--rot);padding:2px 9px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.upload-titel{font-weight:700;font-size:20px;line-height:1.2;word-break:break-word}.upload-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.upload-chip{font-size:13px;font-weight:700;padding:4px 11px;border-radius:6px;font-variant-numeric:tabular-nums;white-space:nowrap}.upload-chip.chip-auto{background:var(--p-auto-bg);color:var(--p-auto)}.upload-chip.chip-rechnung{background:var(--p-rechnung-bg);color:var(--p-rechnung)}.upload-chip.chip-person{background:var(--p-person-bg);color:var(--p-person)}.upload-zeile-zahlen{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.upload-betrag{font-weight:800;font-size:24px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}.upload-betrag.eingang{color:var(--gruen)}.upload-betrag.ausgang{color:var(--rot)}.upload-unterzeile{display:flex;align-items:center;gap:10px}.upload-datum{font-size:14px;color:var(--text-leise);font-variant-numeric:tabular-nums}.upload-zahlweise{font-size:12px;font-weight:700;padding:3px 10px;border-radius:5px;background:var(--grau-bg);color:var(--text-leise)}.upload-zahlweise.zw-bar{background:var(--bernstein-bg);color:var(--bernstein)}.upload-zahlweise.zw-ueberweisung{background:var(--petrol-bg);color:var(--petrol)}.upload-zahlweise.zw-mix{background:var(--p-person-bg);color:var(--p-person)}.upload-zeile-aktion{flex-shrink:0}.btn.upload-gruen{background:var(--gruen-satt);color:#fff;border:none;padding:14px 22px;border-radius:10px;font-weight:800;font-size:16px;white-space:nowrap;box-shadow:0 2px 8px -2px #1f9d5780}.btn.upload-gruen:hover{background:var(--gruen-satt-hover)}.btn.upload-rueck{background:transparent;color:var(--text-leise);border:1px solid var(--linie-stark);padding:10px 16px;font-size:14px}.btn.upload-rueck:hover{background:var(--bg-karte-2);color:var(--text)}@media (max-width: 720px){.upload-zeile{flex-wrap:wrap;gap:12px 16px}.upload-zeile-zahlen{text-align:left;align-items:flex-start}.upload-zeile-aktion{width:100%}.btn.upload-gruen,.btn.upload-rueck{width:100%;padding:15px;font-size:17px}.upload-filterleiste .upload-suche{flex-basis:100%}.upload-filterleiste select{flex:1 1 45%}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{width:100%;max-width:360px;background:var(--bg-karte);border:1px solid var(--rand, rgba(0,0,0,.1));border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:14px}.login-box h1{font-size:20px;margin:0}.login-hinweis{color:var(--text-leise);font-size:14px;margin:0 0 4px}.login-box label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-leise)}.login-box input{font-size:16px;padding:12px;border-radius:10px;border:1px solid var(--rand, rgba(0,0,0,.15));background:var(--bg, #fff);color:var(--text)}.login-box .btn{margin-top:6px;padding:13px;font-size:16px}.login-fehler{color:var(--rot);font-size:14px}.kopf-aktionen{display:flex;gap:8px;align-items:center}.tab-gruppe{margin-bottom:16px}.tab-gruppe-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-leise);margin:0 0 6px 4px}.tab-gruppe .zeitraum-leiste{margin-bottom:8px}.tab-gruppe .tabs{margin-bottom:0}.tab .zaehler.dringend{background:var(--rot);color:#fff;font-weight:800}.tab.aktiv .zaehler.dringend{background:#fff;color:var(--rot)}.datev-mark.luecke{background:var(--rot-bg)!important;color:var(--rot)!important;font-weight:700}.aufgaben-erklaerung{margin-bottom:18px}.aufgabe-sektion{margin-bottom:28px}.aufgabe-sektion-titel{font-size:16px;font-weight:800;margin:0 0 4px;display:flex;align-items:center;gap:10px}.aufgabe-sektion-titel.luecke{color:var(--rot)}.aufgabe-sektion-titel.unklar{color:var(--bernstein)}.aufgabe-sektion-titel .zaehler{background:var(--grau-bg);color:var(--text-leise);padding:2px 11px;border-radius:999px;font-size:14px;font-weight:800}.aufgabe-sektion-titel.luecke .zaehler{background:var(--rot-bg);color:var(--rot)}.aufgabe-sektion-titel.unklar .zaehler{background:var(--bernstein-bg);color:var(--bernstein)}.aufgabe-sektion-sub{font-size:13.5px;color:var(--text-leise);margin:0 0 14px;max-width:760px;line-height:1.5}.aufgabe-zeile{background:var(--bg-karte);border:1px solid var(--linie);border-left:5px solid var(--linie-stark);border-radius:12px;padding:14px 18px;margin-bottom:12px}.aufgabe-zeile.luecke{border-left-color:var(--rot);background:var(--rot-bg)}.aufgabe-zeile.unklar{border-left-color:var(--bernstein)}.aufgabe-zeile.fehlt{border-left-color:var(--grau)}.aufgabe-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.aufgabe-titel{font-weight:700;font-size:17px;word-break:break-word}.aufgabe-datum{font-size:13px;color:var(--text-leise);font-variant-numeric:tabular-nums}.upload-monat.falsch{background:var(--rot-bg);color:var(--rot)}.aufgabe-grund{font-size:14px;font-weight:600;margin-bottom:10px;padding:8px 12px;border-radius:8px}.aufgabe-grund.grund-luecke{background:var(--bg-karte);color:var(--rot);border:1px solid var(--rot)}.aufgabe-grund.grund-unklar{background:var(--bernstein-bg);color:var(--bernstein)}.aufgabe-grund strong{font-weight:800}.aufgabe-editor{background:var(--bg-karte);border:1px solid var(--linie);border-radius:10px;padding:12px 14px 2px;margin-top:4px}.aufgabe-editor .feld{margin-bottom:10px}.aufgabe-aktionen{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.aufgabe-aktionen .btn{padding:10px 16px}.aufgabe-zeile-rechts{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.aufgabe-betrag{font-weight:700;font-variant-numeric:tabular-nums;font-size:16px}.aufgabe-fehlt-toggle{color:var(--text-leise)}.aufgabe-fehlt-toggle .zaehler{background:var(--grau-bg);color:var(--text-leise)}@media (max-width: 600px){.aufgabe-titel{font-size:15px}.tab-gruppe .tabs{overflow-x:auto}}