:root{color-scheme:light;--akzent: #1a5fb4;--akzent-hover: #124a8f;--akzent-text: #ffffff;--akzent-hell: #e8effa;--akzent-auswahl: #cfe0f6;--akzent-glow: rgba(26, 95, 180, .25);--betont: #124a8f;--text: #1a1d21;--text-2: #555e69;--grund: #f2f1ee;--karte: #ffffff;--eingabe-grund: #ffffff;--rand: #b9b4ab;--rand-zart: #e4e1da;--kopf-von: #1a5fb4;--kopf-bis: #123f7c;--kopf-text: #ffffff;--tab-aktiv-grund: #ffffff;--tab-aktiv-text: #124a8f;--warn-grund: #fff3cd;--warn-text: #7a4d00;--warn-rand: #e0a800;--fehler: #b3261e;--fehler-grund: #fdeceb;--ok: #1a7f37;--ok-grund: #d8f3e1;--fokus: #ffb703;--tastenchip: #ecebe6;--zeilen-hover: #eef3fa;--tabellen-kopf: #efede8;--schatten-karte: 0 1px 2px rgb(0 0 0 / 5%), 0 6px 18px rgb(0 0 0 / 7%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--akzent: #2f6cbd;--akzent-hover: #3d7ed3;--akzent-text: #ffffff;--akzent-hell: #223349;--akzent-auswahl: #2b4568;--akzent-glow: rgba(77, 142, 213, .45);--betont: #8fbcf2;--text: #e7eaee;--text-2: #9aa4b1;--grund: #131519;--karte: #1d2127;--eingabe-grund: #14171c;--rand: #4a515c;--rand-zart: #31363e;--kopf-von: #1a2436;--kopf-bis: #141b28;--kopf-text: #e7eaee;--tab-aktiv-grund: #2b3a52;--tab-aktiv-text: #cfe0f6;--warn-grund: #3a3110;--warn-text: #ffd97a;--warn-rand: #937313;--fehler: #ff9b93;--fehler-grund: #43201d;--ok: #6fd695;--ok-grund: #1d3a29;--fokus: #ffb703;--tastenchip: #2a2f37;--zeilen-hover: #232a34;--tabellen-kopf: #22262d;--schatten-karte: 0 1px 2px rgb(0 0 0 / 45%), 0 6px 18px rgb(0 0 0 / 35%)}}:root[data-theme=dark]{color-scheme:dark;--akzent: #2f6cbd;--akzent-hover: #3d7ed3;--akzent-text: #ffffff;--akzent-hell: #223349;--akzent-auswahl: #2b4568;--akzent-glow: rgba(77, 142, 213, .45);--betont: #8fbcf2;--text: #e7eaee;--text-2: #9aa4b1;--grund: #131519;--karte: #1d2127;--eingabe-grund: #14171c;--rand: #4a515c;--rand-zart: #31363e;--kopf-von: #1a2436;--kopf-bis: #141b28;--kopf-text: #e7eaee;--tab-aktiv-grund: #2b3a52;--tab-aktiv-text: #cfe0f6;--warn-grund: #3a3110;--warn-text: #ffd97a;--warn-rand: #937313;--fehler: #ff9b93;--fehler-grund: #43201d;--ok: #6fd695;--ok-grund: #1d3a29;--fokus: #ffb703;--tastenchip: #2a2f37;--zeilen-hover: #232a34;--tabellen-kopf: #22262d;--schatten-karte: 0 1px 2px rgb(0 0 0 / 45%), 0 6px 18px rgb(0 0 0 / 35%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:19px;color:var(--text);background:var(--grund)}.app{min-height:100vh;display:flex;flex-direction:column}.kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;background:linear-gradient(90deg,var(--kopf-von),var(--kopf-bis));color:var(--kopf-text);box-shadow:0 1px 6px #0003}.tabs{display:flex;gap:.4rem}.tab{font-size:1.1rem;padding:.5rem 1.25rem;border:2px solid transparent;border-radius:999px;background:transparent;color:var(--kopf-text);cursor:pointer;transition:background .15s ease}.tab:hover{background:#ffffff24}.tab.aktiv{background:var(--tab-aktiv-grund);color:var(--tab-aktiv-text);font-weight:700}.kopf-rechts{display:flex;align-items:center;gap:.75rem}.kassen-name{font-weight:700;font-size:1.1rem}.kassierer-wahl{width:auto;font-size:1rem;font-weight:600;padding:.35rem .6rem;border-radius:8px;border:2px solid rgb(255 255 255 / 45%);background:#ffffff1f;color:var(--kopf-text);cursor:pointer}.kassierer-wahl option{color:var(--text);background:var(--karte)}.theme-knopf{font-size:.95rem;padding:.35rem .7rem;border-radius:999px;border:2px solid rgb(255 255 255 / 45%);background:#ffffff1f;color:var(--kopf-text);cursor:pointer;white-space:nowrap}.theme-knopf:hover{background:#ffffff38}.sync-badge{font-size:1rem;font-weight:700;padding:.4rem .9rem;border-radius:999px;border:2px solid rgb(255 255 255 / 55%);cursor:pointer}.sync-badge.ok{background:var(--ok-grund);color:var(--ok)}.sync-badge.neutral{background:var(--tastenchip);color:var(--text)}.sync-badge.warn{background:var(--warn-grund);color:var(--warn-text)}.sync-badge.alarm{background:var(--fehler-grund);color:var(--fehler)}.inhalt{flex:1;padding:1rem;max-width:1400px;width:100%;margin:0 auto}.karte{background:var(--karte);border:1px solid var(--rand-zart);border-radius:14px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:var(--schatten-karte)}h1{font-size:1.6rem}h2{font-size:1.3rem;margin-top:0}h3{font-size:1.1rem;margin-top:0}button{font-family:inherit;font-size:1.05rem;padding:.55rem 1.1rem;border-radius:10px;border:2px solid var(--rand);background:var(--karte);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}button.primaer{background:var(--akzent);border-color:transparent;color:var(--akzent-text);font-weight:700}button.primaer:hover{background:var(--akzent-hover)}button.sekundaer{background:var(--karte);color:var(--betont);border-color:var(--akzent)}button.sekundaer:hover{background:var(--akzent-hell)}button.gefahr{background:var(--karte);color:var(--fehler);border-color:var(--fehler)}button.gefahr:hover{background:var(--fehler-grund)}button.klein{font-size:.9rem;padding:.25rem .6rem}button.gross{font-size:1.4rem;padding:.9rem 2rem}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--fokus);outline-offset:1px}input,select{font-family:inherit;font-size:1.2rem;padding:.5rem .7rem;border:2px solid var(--rand);border-radius:10px;width:100%;background:var(--eingabe-grund);color:var(--text)}label{display:block;font-weight:600;margin-bottom:.5rem}.kasse{display:grid;grid-template-columns:1fr 340px;gap:1rem;align-items:start}@media(max-width:900px){.kasse{grid-template-columns:1fr}}.eingabe-felder{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.eingabe-felder input{font-size:2.2rem;font-weight:700;text-align:right;padding:.6rem .9rem}.eingabe-felder label.aktivFeld input{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-glow)}.verkaeufer-name{font-size:1.2rem;color:var(--ok);font-weight:700;margin:.5rem 0 0}.warnung{background:var(--warn-grund);color:var(--warn-text);border:2px solid var(--warn-rand);border-radius:10px;padding:.6rem .9rem;font-weight:700;font-size:1.1rem}.fehler-text{color:var(--fehler);font-weight:700}.ok-text{color:var(--ok);font-weight:700}.hinweis{color:var(--text-2);font-size:.95rem}.hinweis.leer{font-style:italic}.summe-riesig{font-size:4.2rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;text-align:right;color:var(--betont)}.summe-karte .summe-riesig{font-size:3.4rem}.positions-liste{list-style:none;margin:0;padding:0;max-height:45vh;overflow-y:auto}.positions-liste li{display:grid;grid-template-columns:2.5rem 1fr auto;gap:.75rem;padding:.45rem .5rem;font-size:1.25rem;border-bottom:1px solid var(--rand-zart);border-radius:8px;cursor:pointer;font-variant-numeric:tabular-nums}.positions-liste li:hover{background:var(--zeilen-hover)}.positions-liste li.ausgewaehlt{background:var(--akzent-auswahl);outline:3px solid var(--akzent)}.positions-liste li.bearbeitung{background:var(--warn-grund)}.positions-liste .pos-verkaeufer:hover,.positions-liste .pos-preis:hover{color:var(--betont);text-decoration:underline}.positions-liste li.zwischensumme{cursor:default;border-top:2px solid var(--rand);border-bottom:none;margin-bottom:.6rem;padding-top:.3rem;padding-bottom:.3rem;font-size:1.05rem;color:var(--text-2);background:transparent}.positions-liste li.zwischensumme:hover{background:transparent}.zwischensumme .pos-nr{font-weight:800;text-align:center}.zwischensumme .zs-summe{font-weight:800;color:var(--betont)}.pos-nr{color:var(--text-2)}.pos-name{color:var(--text-2);font-size:1rem}.pos-preis{font-weight:700}.marker{color:var(--warn-text)}.tasten-hilfe dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem .9rem;margin:0}.tasten-hilfe dt{font-weight:800;background:var(--tastenchip);border-radius:6px;padding:0 .5rem;text-align:center}.tasten-hilfe dd{margin:0}.abschluss h2,.fertig h2{margin-bottom:.25rem}.rueckgeld{font-size:1.5rem}.rueckgeld.gross strong{font-size:2.6rem;color:var(--ok)}.anzahl{color:var(--text-2);font-weight:400}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:50}.overlay-inhalt{width:min(1000px,100%);max-height:90vh;overflow-y:auto}.overlay-kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem}.einkauf{border:1px solid var(--rand-zart);border-radius:12px;padding:.75rem 1rem;margin-bottom:.75rem}.einkauf.storniert{opacity:.65;background:var(--grund)}.einkauf-kopf{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.einkauf-kassierer{color:var(--text-2);font-size:.95rem}.einkauf-summe{font-weight:800;margin-left:auto}.einkauf-positionen{width:100%;border-collapse:collapse;margin-top:.5rem}.einkauf-positionen td{padding:.3rem .5rem;border-top:1px solid var(--rand-zart)}.pos-storniert td{text-decoration:line-through;color:var(--text-2)}.marker-storno{color:var(--fehler);font-weight:800}.aendern-form{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap;background:var(--akzent-hell);border-radius:10px;padding:.75rem;margin-top:.5rem}.aendern-form label{margin:0;flex:1 1 150px}.formular-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}.knopf-zeile{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:600}.checkbox-label input{width:1.4rem;height:1.4rem}.neu-zeile{display:grid;grid-template-columns:120px 1fr 1fr auto;gap:.75rem;margin:.75rem 0}.suche{max-width:320px;margin-bottom:.5rem}.tabellen-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--rand-zart)}th{background:var(--tabellen-kopf)}.rechts{text-align:right}.negativ{color:var(--fehler);font-weight:700}.zeile-warn{background:var(--warn-grund)}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.kachel{background:var(--akzent-hell);border:2px solid var(--akzent);border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:column}.kachel-titel{font-weight:600;color:var(--text-2)}.kachel-wert{font-size:1.8rem;font-weight:800;color:var(--betont);font-variant-numeric:tabular-nums}.ueberschrift-zeile{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.fehler-liste{margin:.25rem 0}.import-liste li{margin-bottom:.25rem}.pin-gate,.einrichtung{max-width:520px;margin:3rem auto}.pin-gate form{display:flex;gap:.75rem;align-items:center}.druck-seite .druck-inhalt{background:var(--karte);padding:2rem;max-width:720px;margin:0 auto;border:1px solid var(--rand)}.druck-tabelle,.druck-summen{margin:1rem 0}.druck-auszahlung td{font-size:1.3rem;border-top:3px double currentColor}.druck-unterschriften{display:flex;gap:2rem;margin-top:4rem}.druck-unterschriften div{flex:1;border-top:1px solid currentColor;padding-top:.4rem;font-size:.9rem}@media print{:root,:root[data-theme=dark]{color-scheme:light;--text: #000000;--text-2: #444444;--grund: #ffffff;--karte: #ffffff;--eingabe-grund: #ffffff;--rand: #999999;--rand-zart: #cccccc;--betont: #000000;--tabellen-kopf: #eeeeee;--schatten-karte: none}.kopf,.nicht-drucken{display:none!important}body{background:#fff;font-size:12pt}.inhalt{padding:0}.druck-seite .druck-inhalt{border:none;padding:0;max-width:none}}.fusszeile{padding:.75rem 1rem;text-align:center;color:var(--text-2);font-size:.9rem}.fusszeile a{color:var(--text-2)}.fusszeile a:hover{color:var(--betont)}.rechtliches{max-width:820px;margin:1rem auto}.rechtliches h1{margin-top:.25rem}.rechtliches h2{margin-top:1.25rem;font-size:1.15rem}.rechtliches a{color:var(--betont)}.neu-zeile.benutzer-neu{grid-template-columns:1fr 1fr 140px auto}.trenner{border:none;border-top:1px solid var(--rand-zart);margin:1rem 0 .75rem}