:root{--grund:#f1f4f3;--flaeche:#fff;--flaeche2:#e9eeec;--linie:#d3dbd8;--linie-soft:#e3e9e7;--text:#14201c;--text-ruhig:#55635e;--text-fein:#7e8c87;--teal:#0f766e;--teal-hell:#dbeeeb;--navy:#1e3a5f;--warn:#b45309;--warn-hell:#fdf2e2;--rot:#b4342c;--rot-hell:#fae6e4;--gut-hell:#e6f5ec;--gut:#15803d}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--grund);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ruhig{color:var(--text-ruhig)}.klein-text{font-size:13.5px}.warnfarbe{color:var(--warn);font-weight:600}.rotfarbe{color:var(--rot)}.mitte{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:16px;padding:28px;box-shadow:0 1px 2px #14201c0d,0 12px 32px -20px #14201c59}.karte.schmal{width:min(460px,100%)}.marke{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:12px;font-weight:700}h1{letter-spacing:-.02em;margin:8px 0 10px;font-size:28px}.codefeld{text-align:center;letter-spacing:.16em;text-transform:uppercase;border:3px solid var(--linie);background:var(--flaeche);width:100%;color:var(--text);border-radius:14px;margin:16px 0 12px;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px}button.gross{background:var(--teal);color:#fff;border:none;border-radius:14px;width:100%;padding:18px;font-size:19px;font-weight:700}button.gross:disabled{opacity:.45;cursor:default}button.gross.warn{background:var(--warn);margin-top:14px}button.gross.rot{background:var(--rot);margin-top:14px}button.gross.neutral{background:var(--flaeche2);color:var(--text);margin-top:14px}.fehler{background:var(--rot-hell);border:1px solid var(--rot);color:var(--rot);border-radius:10px;margin-top:14px;padding:12px 14px;font-weight:600}.fehler.breit{margin:12px 0 0}.hinweis{background:var(--warn-hell);border:1px solid var(--warn);color:var(--warn);border-radius:12px;margin-top:14px;padding:14px 16px}.tresen{max-width:1400px;margin:0 auto;padding:14px 18px 28px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.titel{letter-spacing:-.02em;font-size:22px;font-weight:800}.ort{color:var(--text-ruhig);margin-left:10px;font-size:15px}.kopfaktionen{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.netz{font-size:13.5px;font-weight:600}.netz.an{color:var(--teal)}.netz.aus{color:var(--warn)}button.klein{border:1px solid var(--linie);background:var(--flaeche);color:var(--text-ruhig);border-radius:9px;padding:9px 15px;font-size:14.5px}button.klein.aktiv{background:var(--text);color:#fff;border-color:var(--text)}button.klein.zurueckhaltend{margin-top:10px}.kacheln{gap:14px;margin-top:14px;display:grid}.kachel{text-align:left;border:3px solid var(--linie);background:var(--flaeche);min-height:26vh;color:var(--text);border-radius:20px;flex-direction:column;gap:4px;padding:20px;display:flex}.kachel.aktiv{border:5px solid var(--teal);background:var(--teal);color:#fff;box-shadow:0 6px 20px -6px #0f766e80}.knr{letter-spacing:-.03em;font-size:46px;font-weight:900;line-height:1}.kname{opacity:.9;margin-top:6px;font-size:20px;font-weight:700}.kkuerzel{opacity:.6;font-size:14px;font-weight:600}.kzaehler{color:var(--teal);margin-top:auto;padding-top:12px;font-size:30px;font-weight:800}.kzaehler small{opacity:.7;font-size:15px;font-weight:600}.kzaehler.leer{color:var(--rot)}.kachel.aktiv .kzaehler,.kachel.aktiv .kzaehler.leer{color:#fff}.unten{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-top:16px;display:grid}@media (max-width:820px){.unten{grid-template-columns:1fr}}.scanfeld{letter-spacing:.04em;border:3px solid var(--linie);background:var(--flaeche);width:100%;color:var(--text);border-radius:16px;padding:24px 20px;font-size:27px}.ampel{flex-direction:column;gap:4px;min-height:150px;display:flex}.ampel.gut{background:var(--gut-hell);border-color:var(--gut);color:var(--gut)}.ampel.warn{background:var(--warn-hell);border-color:var(--warn);color:var(--warn)}.ampel.rot{background:var(--rot-hell);border-color:var(--rot);color:var(--rot)}.ampel.neutral{background:var(--flaeche2);color:var(--text-ruhig)}.ampeltitel{font-size:17px;font-weight:700}.ampelnote{margin-top:4px;font-size:15px;font-weight:700}.gross-text{letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:800}.menue{font-size:21px;font-weight:800}.saldo{color:var(--text);margin-top:6px;font-size:19px}.tagesliste{margin-top:16px;padding:16px}.zeile.kopf{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.leerhinweis{padding:10px 2px;font-size:14.5px}table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14.5px}td{border-bottom:1px solid var(--linie-soft);vertical-align:middle;padding:9px 6px}tr.storniert{opacity:.45;text-decoration:line-through}td.zeit{color:var(--text-ruhig);white-space:nowrap;width:1%}td.betrag,.betrag{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}td.rechts{text-align:right;width:1%}.marker{white-space:nowrap;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.marker.warn{background:var(--warn-hell);color:var(--warn)}.marker.rot{background:var(--rot-hell);color:var(--rot)}.marker.info{background:var(--teal-hell);color:var(--teal)}.marker.grau{background:var(--flaeche2);color:var(--text-ruhig)}.overlay{z-index:50;background:#14201c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--flaeche);border-radius:18px;flex-direction:column;gap:12px;width:min(720px,100%);max-height:88vh;padding:20px;display:flex}.dialog.schmal{width:min(560px,100%)}.suchfeld{border:3px solid var(--linie);background:var(--flaeche);width:100%;color:var(--text);border-radius:12px;padding:15px 16px;font-size:20px}.kinderliste{flex-direction:column;gap:7px;display:flex;overflow-y:auto}.kindzeile{text-align:left;border:1px solid var(--linie);background:var(--flaeche2);width:100%;color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:13px 14px;display:flex}.kindzeile.schon{background:var(--warn-hell)}.kinfo{flex-direction:column;flex:1;display:flex}.kname2{font-size:17px;font-weight:700}.mengenzeile{border-bottom:1px solid var(--linie-soft);align-items:center;gap:12px;padding:10px 0;display:flex}.mengenzeile input{text-align:right;border:3px solid var(--linie);background:var(--flaeche);width:116px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:12px;padding:14px 12px;font-size:24px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}