:root{--tuerkis: #0e7490;--tuerkis-hell: #06b6d4;--tuerkis-blass: #ecfeff;--grau-text: #334155;--grau-rand: #cbd5e1;--grau-blass: #f8fafc;--rot: #dc2626;--gruen: #16a34a;--schrift: "Segoe UI", system-ui, -apple-system, sans-serif;--bg: #f8fafc;--bg-karte: #ffffff;--bg-kopf: #ffffff;--text: #334155;--text-schwach: #64748b;--rand: #cbd5e1;--rand-fein: #eef2f6;--eingabe-bg: #ffffff;--summen-zeile-bg: var(--tuerkis-blass);--verlauf-zelle-farbe: #94a3b8;--tag-zeile-bg: #ffffff;--login-box-bg: #ffffff;--info-leiste-bg: var(--tuerkis-blass);--verwalt-li-bg: #ffffff;--filter-knopf-bg: #ffffff;--auswertung-box-bg: #ffffff;--karte-bg: #ffffff;--bearbeite-zeile-bg: var(--tuerkis-blass);--sticky-bg: #ffffff;--sticky-th-bg: #f8fafc;--th-bg: #f8fafc}[data-theme=dark]{--tuerkis: #22d3ee;--tuerkis-hell: #67e8f9;--tuerkis-blass: #0c2a30;--grau-text: #e2e8f0;--grau-rand: #334155;--grau-blass: #0f172a;--rot: #f87171;--gruen: #4ade80;--bg: #0f172a;--bg-karte: #1e293b;--bg-kopf: #1e293b;--text: #e2e8f0;--text-schwach: #94a3b8;--rand: #334155;--rand-fein: #1e293b;--eingabe-bg: #1e293b;--summen-zeile-bg: #0c2a30;--verlauf-zelle-farbe: #475569;--tag-zeile-bg: #1e293b;--login-box-bg: #1e293b;--info-leiste-bg: #0c2a30;--verwalt-li-bg: #1e293b;--filter-knopf-bg: #1e293b;--auswertung-box-bg: #1e293b;--karte-bg: #1e293b;--bearbeite-zeile-bg: #0c2a30;--sticky-bg: #1e293b;--sticky-th-bg: #162032;--th-bg: #162032}*{box-sizing:border-box}body{margin:0;font-family:var(--schrift);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}.kopf{background:var(--bg-kopf);color:var(--text);padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:3px solid var(--tuerkis);box-shadow:0 1px 4px #0000001f}.kopf-logo{height:38px;width:auto;display:block}.kopf h1{font-size:1.2rem;margin:0;font-weight:600}.kopf-tabs{display:flex;gap:.4rem;align-items:center}.kopf-tab{background:transparent;border:none;color:var(--text-schwach);padding:.4rem .6rem;border-radius:6px;font-size:.88rem;cursor:pointer}.kopf-tab.aktiv{background:var(--tuerkis-blass);color:var(--tuerkis);font-weight:600}.admin-knopf{background:var(--tuerkis);border:none;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer}.darkmode-toggle{background:transparent;border:1px solid var(--rand);color:var(--text-schwach);padding:.35rem .55rem;border-radius:6px;font-size:1rem;cursor:pointer;line-height:1}.darkmode-toggle:hover{border-color:var(--tuerkis);color:var(--tuerkis)}.inhalt{max-width:600px;margin:0 auto;padding:1.2rem 1rem 3rem}@media(min-width:900px){.inhalt.inhalt-breit{max-width:1100px;padding:1.5rem 2rem 3rem}}.feld{margin-bottom:1.1rem}.feld label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem;color:var(--text)}.feld input,.feld select{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--rand);border-radius:8px;background:var(--eingabe-bg);color:var(--text)}.feld input:focus,.feld select:focus{outline:none;border-color:var(--tuerkis-hell);box-shadow:0 0 0 3px var(--tuerkis-blass)}.feld .hinweis{font-size:.8rem;color:var(--text-schwach);margin-top:.25rem}.optional-titel{font-size:.85rem;color:var(--text-schwach);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .8rem;border-top:1px solid var(--rand);padding-top:1rem}.knopf{width:100%;padding:.9rem;font-size:1.05rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:var(--tuerkis);color:#fff}.knopf:active{opacity:.85}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf-zweit{background:var(--bg-karte);color:var(--tuerkis);border:1px solid var(--tuerkis)}.meldung{padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.meldung-erfolg{background:#dcfce7;color:#166534}.meldung-fehler{background:#fee2e2;color:#991b1b}.meldung-warnung{background:#fef9c3;color:#854d0e}[data-theme=dark] .meldung-erfolg{background:#14532d;color:#bbf7d0}[data-theme=dark] .meldung-fehler{background:#7f1d1d;color:#fecaca}[data-theme=dark] .meldung-warnung{background:#713f12;color:#fef08a}.login-box{max-width:360px;margin:3rem auto;background:var(--login-box-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 16px #00000026}.login-box h2{margin-top:0;color:var(--tuerkis)}.karte{background:var(--karte-bg);border:1px solid var(--rand);border-radius:10px;padding:1rem;margin-bottom:.8rem}.letzter-stand{background:var(--tuerkis-blass)}.letzter-stand-titel{font-size:.8rem;color:var(--text-schwach);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.letzter-stand-zeile{font-size:.95rem;color:var(--text)}.filter-leiste{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter-knopf{flex:1;min-width:90px;padding:.55rem;border:1px solid var(--rand);background:var(--filter-knopf-bg);border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--text)}.filter-knopf.aktiv{background:var(--tuerkis);color:#fff;border-color:var(--tuerkis)}.summen{display:flex;gap:.6rem;margin-bottom:1.2rem}.summe-karte{flex:1;background:var(--bg-karte);border:1px solid var(--rand);border-radius:10px;padding:.7rem;text-align:center}.summe-label{display:block;font-size:.72rem;color:var(--text-schwach);text-transform:uppercase;letter-spacing:.04em}.summe-wert{display:block;font-size:1.05rem;font-weight:700;margin-top:.2rem}.auswertung-box{background:var(--auswertung-box-bg);border:1px solid var(--rand);border-radius:10px;padding:1rem;margin-bottom:1.2rem}.auswertung-box summary{font-weight:600;color:var(--tuerkis);cursor:pointer}.auswertung-box h4{margin:1rem 0 .5rem;font-size:.9rem}.hinweis-auffaellig{background:#fff7ed;color:#9a3412;padding:.6rem .8rem;border-radius:8px;font-size:.85rem}[data-theme=dark] .hinweis-auffaellig{background:#431407;color:#fdba74}.mini-tabelle{width:100%;border-collapse:collapse;font-size:.88rem}.mini-tabelle th,.mini-tabelle td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--rand-fein)}.mini-tabelle th{color:var(--text-schwach);font-weight:600}.tag-zeile{background:var(--tag-zeile-bg);border:1px solid var(--rand);border-radius:10px;margin-bottom:.6rem;overflow:hidden}.tag-zeile.auffaellig{border-color:#fb923c;border-width:2px}.tag-kopf{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;cursor:pointer}.tag-datum{font-weight:600;flex:1}.tag-diff{font-weight:700}.tag-pfeil{color:var(--text-schwach);font-size:.75rem}.tag-details{padding:.5rem 1rem 1rem;border-top:1px solid var(--rand-fein)}.detail-paar{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.9rem}.detail-paar span:first-child{color:var(--text-schwach)}.detail-aktionen{display:flex;gap:.6rem;margin-top:.8rem}.knopf-klein{padding:.45rem .8rem;font-size:.85rem;border:1px solid var(--tuerkis);background:var(--tuerkis);color:#fff;border-radius:7px;cursor:pointer}.knopf-klein.knopf-zweit{background:var(--bg-karte);color:var(--tuerkis)}.knopf-loeschen{background:var(--rot)!important;border-color:var(--rot)!important;color:#fff!important}.unter-nav{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.unter-tab{white-space:nowrap;padding:.5rem .85rem;border:1px solid var(--rand);background:var(--filter-knopf-bg);border-radius:20px;font-size:.85rem;cursor:pointer;color:var(--text)}.unter-tab.aktiv{background:var(--tuerkis);color:#fff;border-color:var(--tuerkis)}.zeile-eingabe{display:flex;gap:.5rem;margin-bottom:1rem}.zeile-eingabe input{flex:1;padding:.65rem;border:1px solid var(--rand);border-radius:8px;font-size:1rem;background:var(--eingabe-bg);color:var(--text)}.verwalt-liste{list-style:none;padding:0;margin:0}.verwalt-liste li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;background:var(--verwalt-li-bg);border:1px solid var(--rand);border-radius:8px;margin-bottom:.4rem}.verwalt-aktionen{display:flex;gap:.3rem}.pfeil-knopf{width:32px;height:32px;border:1px solid var(--rand);background:var(--bg-karte);color:var(--text);border-radius:6px;cursor:pointer;font-size:.9rem}.pfeil-knopf:disabled{opacity:.3;cursor:not-allowed}.info-leiste{background:var(--info-leiste-bg);padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.tabelle-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--rand);border-radius:8px}.sorten-tabelle{border-collapse:collapse;font-size:.85rem;white-space:nowrap}.sorten-tabelle th,.sorten-tabelle td{padding:.5rem .7rem;border-bottom:1px solid var(--rand-fein);text-align:center}.sorten-tabelle th{background:var(--th-bg);color:var(--text-schwach)}.sticky-spalte{position:sticky;left:0;background:var(--sticky-bg);text-align:left!important;font-weight:600;z-index:1}.sorten-tabelle th.sticky-spalte{background:var(--sticky-th-bg)}.sorte-null,.sorte-null .sticky-spalte{color:var(--rand)}.verbrauch{color:var(--tuerkis);font-size:.78rem}.lieferung-marker{color:var(--gruen)}@media(min-width:900px){.erfassung-knoepfe{display:flex;gap:.8rem}.erfassung-knoepfe .knopf{width:auto;flex:0 0 auto;padding-left:1.5rem;padding-right:1.5rem}.tag-details{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.tag-details .detail-aktionen{grid-column:1 / -1}.uebersicht-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.admin-formular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 1.2rem}.lieferung-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 1.2rem}}.erfassung-knoepfe{display:flex;flex-direction:column;gap:.6rem}.erfassung-knoepfe .knopf{width:100%}.erfassung-tabelle{border-collapse:collapse;font-size:.9rem;white-space:nowrap;width:100%}.erfassung-tabelle th,.erfassung-tabelle td{padding:.3rem .7rem;border-bottom:1px solid var(--rand-fein);text-align:center}.erfassung-tabelle th{background:var(--th-bg);color:var(--text-schwach);font-weight:600;font-size:.8rem}.erfassung-tabelle th.hervor,.erfassung-tabelle td.hervor{color:var(--tuerkis);font-weight:700;background:var(--tuerkis-blass)}.erfassung-tabelle th.verlauf-spalte{color:var(--verlauf-zelle-farbe);font-weight:500}.erfassung-tabelle td.verlauf-zelle{color:var(--verlauf-zelle-farbe);font-size:.85rem}.erfassung-tabelle .sticky-spalte{position:sticky;left:0;background:var(--sticky-bg);text-align:left;font-weight:600;z-index:1}.erfassung-tabelle th.sticky-spalte{background:var(--sticky-th-bg)}.erfassung-tabelle input{width:70px;text-align:center;padding:.25rem;border:1px solid var(--rand);border-radius:6px;font-size:.95rem;background:var(--eingabe-bg);color:var(--text)}.erfassung-tabelle input:focus{outline:none;border-color:var(--tuerkis-hell);box-shadow:0 0 0 2px var(--tuerkis-blass)}.erfassung-tabelle .sorte-null .sticky-spalte,.erfassung-tabelle .sorte-null td{color:var(--rand)}.verlauf-box{background:var(--auswertung-box-bg);border:1px solid var(--rand);border-radius:10px;padding:1rem}.verlauf-box summary{font-weight:600;color:var(--tuerkis);cursor:pointer}.trend-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;background:var(--bg-karte);border:1px solid var(--rand);border-radius:10px;padding:.8rem 1rem;margin-bottom:1.2rem;font-size:.9rem}.trend-titel{color:var(--text-schwach);font-weight:600}.trend-wert{white-space:nowrap}.liste-tabelle{width:100%;border-collapse:collapse;font-size:.9rem}.liste-tabelle th,.liste-tabelle td{padding:.55rem .7rem;border-bottom:1px solid var(--rand-fein);text-align:left}.liste-tabelle th{background:var(--th-bg);color:var(--text-schwach);font-weight:600;font-size:.8rem}.liste-tabelle .aktionen-zelle{white-space:nowrap;text-align:right}.liste-tabelle .aktionen-zelle .knopf-klein{margin-left:.3rem}.liste-tabelle input,.liste-tabelle select{padding:.35rem .5rem;border:1px solid var(--rand);border-radius:6px;font-size:.9rem;background:var(--eingabe-bg);color:var(--text)}.bearbeite-zeile{background:var(--bearbeite-zeile-bg)}.typ-ein{color:var(--gruen);font-weight:600}.typ-aus{color:var(--rot);font-weight:600}.erfassung-tabelle th.verlauf-gruppe{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--verlauf-zelle-farbe);border-bottom:1px solid var(--rand);font-weight:600}.erfassung-tabelle .summen-zeile td{background:var(--summen-zeile-bg);font-weight:700;color:var(--tuerkis);border-bottom:2px solid var(--tuerkis-hell);position:sticky;top:0;z-index:2}.erfassung-tabelle .summen-zeile .sticky-spalte{background:var(--summen-zeile-bg);z-index:3;text-transform:uppercase;font-size:.78rem;letter-spacing:.03em}.erfolg-karte{background:var(--bg-karte);border:1px solid var(--rand);border-left:5px solid var(--gruen);border-radius:12px;padding:1rem;margin-bottom:1.2rem;box-shadow:0 2px 8px #00000014;animation:erfolg-rein .25s ease-out}@keyframes erfolg-rein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.erfolg-kopf{font-weight:700;color:var(--gruen);font-size:1.05rem;margin-bottom:.8rem}.erfolg-kennzahlen{display:flex;gap:.6rem;margin-bottom:.9rem}.erfolg-feld{flex:1;background:var(--tuerkis-blass);border-radius:8px;padding:.6rem .4rem;text-align:center}.erfolg-label{display:block;font-size:.68rem;color:var(--text-schwach);text-transform:uppercase;letter-spacing:.03em}.erfolg-wert{display:block;font-size:1.05rem;font-weight:700;color:var(--tuerkis);margin-top:.2rem}.erfolg-fehlbetrag{border-radius:8px;padding:.8rem;text-align:center}.erfolg-fehlbetrag.minus{background:#fee2e2}.erfolg-fehlbetrag.plus{background:#dcfce7}[data-theme=dark] .erfolg-fehlbetrag.minus{background:#7f1d1d}[data-theme=dark] .erfolg-fehlbetrag.plus{background:#14532d}.erfolg-fehlbetrag-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-schwach)}.erfolg-fehlbetrag-wert{display:block;font-size:1.7rem;font-weight:800;margin:.15rem 0}.erfolg-fehlbetrag.minus .erfolg-fehlbetrag-wert{color:var(--rot)}.erfolg-fehlbetrag.plus .erfolg-fehlbetrag-wert{color:var(--gruen)}.erfolg-fehlbetrag-hinweis{display:block;font-size:.72rem;color:var(--text-schwach)}.verlauf-tabelle-wrap{overflow-x:auto;margin-top:.8rem;-webkit-overflow-scrolling:touch}.verlauf-tabelle{width:100%;border-collapse:collapse;font-size:.82rem;min-width:460px}.verlauf-tabelle th{background:var(--tuerkis-blass);color:var(--tuerkis);font-size:.7rem;font-weight:700;text-align:center;padding:.4rem .3rem;line-height:1.15;border-bottom:2px solid var(--tuerkis-hell)}.verlauf-tabelle td{text-align:center;padding:.4rem .3rem;border-bottom:1px solid var(--rand)}.verlauf-tabelle .v-datum{text-align:left;font-weight:600;white-space:nowrap}.verlauf-tabelle .v-verkauft{color:var(--tuerkis)}.verlauf-tabelle .v-liefer{color:var(--gruen);font-weight:600}.verlauf-tabelle .zeile-lieferung td{background:var(--tuerkis-blass)}[data-theme=dark] .verlauf-tabelle .zeile-lieferung td{background:#052e16}.mehr-knopf{display:block;width:100%;margin-top:.6rem;padding:.55rem;background:var(--tuerkis-blass);color:var(--tuerkis);border:1px solid var(--tuerkis-hell);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.archiv-badge{display:inline-block;background:var(--th-bg);color:var(--text-schwach);border:1px solid var(--rand);border-radius:20px;font-size:.78rem;padding:.2rem .65rem;margin-left:.5rem;vertical-align:middle;font-weight:600}