:root{--jeans: #232653;--jeans-hell: #363b73;--neon: #bfd000;--neon-dunkel: #9fae00;--schwarz: #0c0e11;--weiss: #f8f9f4;--grau-100: #eef0f4;--grau-200: #dfe2e8;--grau-400: #9aa0ae;--grau-600: #5b6274;--rot: #c0392b;--gruen: #2e7d32;--orange: #b26a00;--radius: 10px;--schatten: 0 1px 3px rgba(12, 14, 17, .08), 0 6px 20px rgba(12, 14, 17, .05)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;color:var(--schwarz);background:var(--weiss)}a{color:var(--jeans)}h1{font-size:24px;margin:0 0 4px;color:var(--jeans)}h2{font-size:18px;margin:0 0 12px;color:var(--jeans)}h3{font-size:15px;margin:0 0 8px;color:var(--jeans)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.seitenleiste{background:var(--jeans);color:#fff;padding:18px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.marke{font-size:19px;font-weight:700;letter-spacing:.5px;padding:0 20px 16px}.marke span{color:var(--neon)}.nav{display:flex;flex-direction:column;gap:1px;flex:1}.nav a{color:#d7dae6;text-decoration:none;padding:9px 20px;font-size:14px;border-left:3px solid transparent;display:flex;justify-content:space-between;align-items:center;gap:8px}.nav a:hover{background:#ffffff12;color:#fff}.nav a.aktiv{background:#bfd00024;border-left-color:var(--neon);color:#fff;font-weight:600}.nav .gruppe{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#8d93ad;padding:16px 20px 5px}.nav .zaehler{background:var(--neon);color:var(--jeans);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.abmelden{padding:14px 20px 0;border-top:1px solid rgba(255,255,255,.12);margin-top:8px;font-size:13px;color:#a8aec4}.abmelden button{background:none;border:0;color:#d7dae6;cursor:pointer;padding:6px 0;font-size:13px;text-decoration:underline}.inhalt{padding:24px 28px 60px;max-width:1180px}.kopfzeile{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.untertitel{color:var(--grau-600);font-size:14px}.karte{background:#fff;border:1px solid var(--grau-200);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--schatten);margin-bottom:16px}.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px}.kennzahl{background:#fff;border:1px solid var(--grau-200);border-radius:var(--radius);padding:15px 17px;box-shadow:var(--schatten)}.kennzahl .titel{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--grau-600);margin-bottom:6px}.kennzahl .wert{font-size:25px;font-weight:700;color:var(--jeans);line-height:1.15}.kennzahl .zusatz{font-size:12px;color:var(--grau-600);margin-top:4px}.kennzahl.gruen .wert{color:var(--gruen)}.kennzahl.rot .wert{color:var(--rot)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--grau-600);padding:8px 10px;border-bottom:2px solid var(--grau-200);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--grau-100);vertical-align:top}tr:hover td{background:#fbfcfa}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.leer{padding:30px;text-align:center;color:var(--grau-600)}label{display:block;font-size:13px;font-weight:600;color:var(--grau-600);margin-bottom:4px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--grau-200);border-radius:7px;font-family:inherit;font-size:14px;background:#fff;color:var(--schwarz)}input:focus,select:focus,textarea:focus{outline:2px solid var(--neon);outline-offset:-1px;border-color:var(--neon-dunkel)}input[type=checkbox]{width:auto}.feld{margin-bottom:12px}.zeile{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.zeile.eng{gap:8px}fieldset{border:1px solid var(--grau-200);border-radius:var(--radius);padding:14px 16px;margin:0 0 16px}legend{font-weight:600;color:var(--jeans);padding:0 6px;font-size:14px}button,.knopf{background:var(--jeans);color:#fff;border:0;border-radius:7px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}button:hover,.knopf:hover{background:var(--jeans-hell)}button:disabled{background:var(--grau-400);cursor:not-allowed}button.neon{background:var(--neon);color:var(--jeans)}button.neon:hover{background:var(--neon-dunkel)}button.leise{background:transparent;color:var(--jeans);border:1px solid var(--grau-200)}button.leise:hover{background:var(--grau-100)}button.gefahr{background:var(--rot)}button.klein{padding:5px 11px;font-size:13px}.knopfleiste{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.status{display:inline-block;padding:2px 9px;border-radius:11px;font-size:12px;font-weight:600;white-space:nowrap}.status.entwurf{background:var(--grau-100);color:var(--grau-600)}.status.festgeschrieben,.status.offen{background:#e6ecfa;color:var(--jeans)}.status.bezahlt,.status.erteilt,.status.bestaetigt,.status.ausgezahlt{background:#e3f2e4;color:var(--gruen)}.status.storniert,.status.abgelehnt{background:#fbe4e1;color:var(--rot)}.status.warnung,.status.angefordert,.status.berechnet{background:#fdf0d8;color:var(--orange)}.hinweis{background:#f8f9f4;border-left:3px solid var(--neon);padding:10px 14px;border-radius:0 7px 7px 0;margin:12px 0;font-size:14px}.hinweis.warnung{background:#fdf6e7;border-left-color:var(--orange)}.hinweis.fehler{background:#fdecea;border-left-color:var(--rot)}.hinweis.gut{background:#eef7ef;border-left-color:var(--gruen)}.hinweis p{margin:4px 0}.meldung{position:fixed;right:20px;bottom:20px;background:var(--jeans);color:#fff;padding:12px 18px;border-radius:8px;box-shadow:var(--schatten);z-index:50;max-width:420px;font-size:14px}.meldung.fehler{background:var(--rot)}.meldung.gut{background:var(--gruen)}.login-seite{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--jeans);padding:20px}.login-box{background:#fff;padding:32px;border-radius:14px;width:100%;max-width:380px;box-shadow:0 20px 60px #0000004d}.login-box .marke{color:var(--jeans);padding:0 0 6px;font-size:24px}.login-box .untertitel{margin-bottom:22px}.login-box button{width:100%;margin-top:6px}.klein{font-size:12.5px;color:var(--grau-600)}.rechts{text-align:right}.abstand{margin-top:16px}.trenner{height:1px;background:var(--grau-200);margin:16px 0}.zwei-spalten{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.app{grid-template-columns:1fr}.seitenleiste{position:static;height:auto}.zwei-spalten{grid-template-columns:1fr}}.dialog-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0e1173;display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.dialog{background:#fff;border-radius:12px;padding:22px 24px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto}.pos-tabelle input{padding:6px 8px;font-size:13.5px}.pos-tabelle td{padding:5px 6px}.ampel{height:8px;background:var(--grau-100);border-radius:4px;overflow:hidden;margin-top:7px}.ampel div{height:100%;background:var(--neon)}.ampel div.warnung{background:var(--orange)}.ampel div.rot{background:var(--rot)}.art-gruppe{border:1px solid #dfe2e8;border-radius:8px;padding:8px 12px 10px;margin:0 0 10px}.art-gruppe legend{font-size:11px;font-weight:700;color:#232653;letter-spacing:.06em;text-transform:uppercase;padding:0 6px}.auswahl-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 16px}.auswahl-feld{display:flex;gap:8px;align-items:flex-start;margin:0;padding:4px 0;font-weight:400;cursor:pointer}.auswahl-feld input{margin-top:4px;flex:none}.auswahl-feld>span{display:flex;flex-direction:column;line-height:1.35}.auswahl-feld.erschoepft{opacity:.45;cursor:not-allowed}.historie-eintrag{padding:8px 0;border-bottom:1px solid #eef0f4}.historie-eintrag:last-child{border-bottom:0}.historie-kopf{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.historie-feld .von{text-decoration:line-through;opacity:.65}.filterleiste{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.filter-anzahl{display:inline-block;margin-left:5px;padding:0 5px;border-radius:8px;background:#ffffff40;font-size:12px;font-weight:700}.filterleiste .leise .filter-anzahl{background:var(--grau-100);color:var(--grau-600)}.filter-kaestchen{display:flex;align-items:center;gap:6px;margin:0 0 0 6px;font-size:13px;font-weight:400;color:var(--grau-600);cursor:pointer}.tafel{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;align-items:start}.tafel-spalte{background:var(--grau-100);border:2px solid transparent;border-radius:var(--radius);padding:10px;min-height:180px;max-height:72vh;overflow-y:auto}.tafel-kopfbereich{position:sticky;top:-10px;z-index:1;background:inherit;margin:-10px -10px 0;padding:10px 10px 6px}.tafel-spalte.ziel{border-color:var(--neon);background:#f7fadf}.tafel-kopf{display:flex;justify-content:space-between;align-items:baseline}.tafel-kopf strong{color:var(--jeans)}.tafel-hinweis{color:var(--grau-600)}.tafel-leer{color:var(--grau-400);text-align:center;padding:12px 0}.tafel-karte{background:#fff;border:1px solid var(--grau-200);border-radius:8px;padding:8px 10px;margin-bottom:8px;cursor:grab;box-shadow:0 1px 2px #0c0e110d}.tafel-karte:hover{border-color:var(--jeans)}.tafel-karte:active{cursor:grabbing}.tafel-karte.zieht{opacity:.4}.tafel-nummer{font-weight:700;color:var(--jeans)}.tafel-betrag{margin-top:2px;font-weight:600}.tafel-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chip{font-size:11px;padding:2px 7px;border-radius:10px;white-space:nowrap}.chip.gut{background:#e6f4e7;color:var(--gruen)}.chip.rot{background:#fbe9e7;color:var(--rot)}.chip.grau{background:var(--grau-100);color:var(--grau-600)}.phasen-wahl{display:flex;flex-wrap:wrap;gap:5px}.phasen-wahl button{padding:5px 10px;font-size:13px}.beleg-rahmen{width:100%;height:78vh;min-height:520px;border:1px solid var(--grau-200);border-radius:8px;background:#fff}@media(max-width:1100px){.tafel{grid-template-columns:repeat(2,minmax(190px,1fr))}}.konto-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border-bottom:1px solid var(--grau-100);font-size:13px}.konto-zeile:last-child{border-bottom:0}.konto-zeile>span:first-child{color:var(--grau-600);min-width:0}.konto-zeile>span:last-child{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}.konto-zeile.stark{font-weight:700;color:var(--jeans)}.konto-zeile.stark>span:first-child{color:var(--jeans)}.konten-karten{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.ausschuettung{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:16px;align-items:start}.ausschuettung .karte{margin-bottom:0}.ausschuettung .gross{font-size:30px;font-weight:700;color:var(--jeans);line-height:1.1}.ausschuettung .gross.gruen{color:var(--gruen)}.ausschuettung .gross.rot{color:var(--rot)}.ausschuettung .gross.grau{color:var(--grau-400)}