:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font-family:inherit}.app{max-width:500px;margin:0 auto;padding:32px 20px}.header{margin-bottom:32px}.header h1{margin:0;font-size:32px;font-weight:700}.header p{color:#777;margin-top:8px}.kundenliste{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.kundenkarte{background:#fff;border:1px solid #e5e5e5;border-radius:14px;justify-content:space-between;align-items:center;padding:18px;display:flex}.kundenkarte h2{margin:0;font-size:18px}.kundenkarte p{color:#888;margin:6px 0 0;font-size:14px}.pfeil{color:#aaa;font-size:28px}.neuer-kunde{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:14px;width:100%;padding:16px;font-size:17px;font-weight:600}.leer{text-align:center;color:#888;background:#fff;border-radius:14px;padding:30px 15px}.modal-hintergrund{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:24px;box-shadow:0 12px 40px #00000026}.modal h2{margin:0 0 24px;font-size:22px}.modal label{margin:18px 0 8px;font-size:14px;font-weight:600;display:block}.modal input{box-sizing:border-box;color:#1c1c1e;background:#f9f9fb;border:1px solid #ddd;border-radius:10px;width:100%;padding:14px;font-size:16px;display:block}.modal input:focus{border-color:#0000;outline:2px solid #007aff}.modal-buttons{gap:12px;margin-top:28px;display:flex}.modal-buttons button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px 10px;font-size:16px;font-weight:600}.abbrechen{color:#333;background:#eeeef0}.speichern{color:#fff;background:#007aff}.zurueck{color:#007aff;cursor:pointer;background:0 0;border:none;margin-bottom:24px;padding:8px 0;font-size:16px}.kundenbutton{text-align:left;width:100%;color:inherit;cursor:pointer;font-family:inherit}.wochennavigation{background:#fff;border:1px solid #e5e5e5;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px;display:flex}.wochennavigation button{color:#007aff;cursor:pointer;background:#f0f4ff;border:none;border-radius:10px;flex-shrink:0;width:44px;height:44px;font-size:28px}.wochentitel{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.wochentitel strong{font-size:18px}.wochentitel span{color:#888;font-size:12px}.tageskarte{text-align:left;width:100%;color:inherit;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 18px;font-family:inherit;display:flex}.tageskarte h2{margin:0;font-size:17px}.tageskarte p{color:#888;margin:6px 0 0;font-size:14px}.tageskarte:focus-visible,.kundenbutton:focus-visible{outline-offset:3px;outline:2px solid #007aff}.einsatz-zeile{align-items:stretch;gap:10px;display:flex}.einsatz-zeile .kundenkarte{flex:1;min-width:0;margin:0}.loeschen-button{color:#d32f2f;cursor:pointer;background:#fff0f0;border:1px solid #ffd5d5;border-radius:14px;flex-shrink:0;width:48px;font-size:20px}.loeschen-button:hover{background:#ffe0e0}.loeschen-button:focus-visible{outline-offset:3px;outline:2px solid #d32f2f}.tagesabschnitt{background:#fff;border:1px solid #e5e5e5;border-radius:16px;margin-bottom:14px;padding:18px}.tagesabschnitt h2{margin:0 0 18px;font-size:19px}.zeitreihe{gap:12px;display:flex}.zeitfeld,.kmfeld{flex-direction:column;flex:1;gap:8px;margin-bottom:14px;display:flex}.zeitfeld span,.kmfeld span{color:#777;font-size:13px;font-weight:500}.zeitfeld input,.kmfeld input{color:#1c1c1e;background:#f9f9fb;border:1px solid #ddd;border-radius:10px;width:100%;min-width:0;padding:13px;font-size:17px}.zeitfeld input:focus,.kmfeld input:focus{border-color:#0000;outline:2px solid #007aff}.hotelabschnitt{justify-content:space-between;align-items:center;gap:12px;display:flex}.hotelabschnitt h2{margin:0 0 6px}.hotelabschnitt p{color:#888;margin:0;font-size:13px}.hotelabschnitt input{accent-color:#007aff;cursor:pointer;width:24px;height:24px}.summenzeile{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:15px;display:flex}.summenzeile:last-child{border-bottom:none}.summenzeile strong{white-space:nowrap;font-variant-numeric:tabular-nums}.gesamtsumme{color:#007aff;border-top:2px solid #e5e5e5;margin-top:8px;padding:14px 0;font-size:17px}.tageskarte-rechts{flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto;padding-right:14px;display:flex}.tageskarte-rechts strong{color:#007aff;font-variant-numeric:tabular-nums;font-size:16px}.tageskarte-rechts span{color:#888;font-size:13px}.tageskarte-rechts .nicht-erfasst{color:#bbb;font-size:20px}.wochenzusammenfassung{margin-top:20px;margin-bottom:24px}.gesamtauswertung-button{color:#007aff;cursor:pointer;text-align:left;background:#eef3ff;border:1px solid #d9e6ff;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;padding:17px 18px;font-family:inherit;font-size:16px;font-weight:600;display:flex}.gesamtauswertung-button span:last-child{font-size:24px;line-height:1}.gesamtauswertung{border-color:#d9e6ff;margin-bottom:30px}.gesamt-info{color:#888;margin:-8px 0 18px;font-size:13px}.backup-bereich{gap:10px;margin-top:14px;display:flex}.backup-button{color:#007aff;cursor:pointer;background:#fff;border:1px solid #d9e6ff;border-radius:12px;flex:1;min-width:0;padding:14px 8px;font-family:inherit;font-size:14px;font-weight:600}.modal input[type=date]{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.datum-container{width:100%;min-width:0;max-width:100%;overflow:hidden}.datum-container input[type=date]{box-sizing:border-box;appearance:none;width:100%;min-width:0;max-width:100%;display:block}.header{text-align:center}.header-logo{object-fit:contain;width:100%;max-width:260px;height:auto;margin:0 auto 20px;display:block}.suche-bereich{margin-bottom:18px}.suche-bereich input{box-sizing:border-box;color:#1c1c1e;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:15px 16px;font-size:16px}.suche-bereich input:focus{border-color:#0000;outline:2px solid #007aff}.weitere-einsaetze{color:#007aff;cursor:pointer;background:#eef3ff;border:1px solid #d9e6ff;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600}.zeitfehler-box{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:1000;box-sizing:border-box;color:#fff;pointer-events:none;background:#b42318;border:1px solid #8f1d15;border-radius:16px;width:calc(100% - 32px);max-width:440px;padding:16px 18px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000047}.zeitfehler-titel{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.zeitfehler-box p{margin:5px 0;font-size:14px;line-height:1.4}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hw-bg:#f5f6f8;--hw-card:#fff;--hw-text:#1c1c1e;--hw-muted:#777;--hw-border:#e5e5e5;--hw-field:#f9f9fb;--hw-blue:#007aff;--hw-blue-soft:#eef3ff;--hw-blue-border:#d9e6ff;--hw-hover:#f0f6ff;--hw-divider:#f0f0f0;--hw-cancel:#eeeef0;--hw-cancel-text:#333}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hw-bg:#10141c;--hw-card:#202733;--hw-text:#f1f5f9;--hw-muted:#aab6c6;--hw-border:#384455;--hw-field:#151c27;--hw-blue:#70adff;--hw-blue-soft:#233a56;--hw-blue-border:#355476;--hw-hover:#29384c;--hw-divider:#384455;--hw-cancel:#364152;--hw-cancel-text:#f1f5f9}html,body,#root{min-height:100%}html,body{background:var(--hw-bg);color:var(--hw-text)}body{margin:0}.app{color:var(--hw-text)}.header p,.kundenkarte p,.tageskarte p,.wochentitel span,.hotelabschnitt p,.gesamt-info,.zeitfeld span,.kmfeld span,.tageskarte-rechts span,.kundenkarte .pfeil,.tageskarte .pfeil,.leer{color:var(--hw-muted)}.kundenkarte,.tageskarte,.wochennavigation,.tagesabschnitt,.modal,.leer,.backup-button,.suche-bereich input{background:var(--hw-card);color:var(--hw-text);border-color:var(--hw-border)}.kundenbutton:hover,.tageskarte:hover{background:var(--hw-hover)}.modal input,.zeitfeld input,.kmfeld input{background:var(--hw-field);color:var(--hw-text);border-color:var(--hw-border)}.modal input[type=date]{color-scheme:inherit}.zurueck,.wochennavigation button,.backup-button,.gesamtauswertung-button,.weitere-einsaetze,.tageskarte-rechts strong,.gesamtsumme{color:var(--hw-blue)}.wochennavigation button,.gesamtauswertung-button,.weitere-einsaetze{background:var(--hw-blue-soft);border-color:var(--hw-blue-border)}.gesamtauswertung{border-color:var(--hw-blue-border)}.backup-button:hover{background:var(--hw-blue-soft)}.summenzeile{border-bottom-color:var(--hw-divider)}.gesamtsumme{border-top-color:var(--hw-border)}.abbrechen{background:var(--hw-cancel);color:var(--hw-cancel-text)}.neuer-kunde,.speichern{color:#fff;background:#007aff}:root[data-theme=dark] .neuer-kunde,:root[data-theme=dark] .speichern{background:#2563eb}:root[data-theme=dark] .modal-hintergrund{background:#000000b3}:root[data-theme=dark] .zeitfehler-box{background:#a52a22;border-color:#e2685d}:root[data-theme=dark] .tageskarte-rechts .nicht-erfasst{color:#8290a2}.theme-auswahl{justify-content:center;align-items:center;gap:10px;margin:0 0 20px;display:flex}.theme-auswahl label{color:var(--hw-muted);font-size:13px}.theme-auswahl select{font:inherit;border:1px solid var(--hw-border);background:var(--hw-card);color:var(--hw-text);border-radius:10px;padding:8px 10px;font-size:14px}html,body,#root{background-color:var(--hw-bg);min-height:100%;color:var(--hw-text)}#root{min-height:100dvh}.zeitpicker-feld{color:#1c1c1e;text-align:center;cursor:pointer;background:#f9f9fb;border:1px solid #ddd;border-radius:10px;width:100%;min-height:48px;padding:12px;font-family:inherit;font-size:18px}.zeitpicker-feld:focus-visible{outline-offset:2px;outline:2px solid #007aff}.zeitpicker-hintergrund{z-index:1000;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.zeitpicker-dialog{width:100%;max-width:500px;padding:16px 18px 28px;padding-bottom:max(28px, env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0}.zeitpicker-kopf{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.zeitpicker-kopf strong{text-align:center;font-size:16px}.zeitpicker-kopf button{color:#007aff;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:15px}.zeitpicker-kopf .zeitpicker-fertig{font-weight:700}.zeitpicker-bereich{height:240px;position:relative;overflow:hidden}.zeitpicker-markierung{pointer-events:none;background:#eef3ff;border-radius:10px;height:48px;position:absolute;top:96px;left:0;right:0}.zeitpicker-rolle{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:240px;position:relative;overflow-y:auto}.zeitpicker-rolle::-webkit-scrollbar{display:none}.zeitpicker-abstand{height:96px}.zeitpicker-wert{scroll-snap-align:center;color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:48px;font-size:21px;display:flex}.zeitpicker-wert.aktiv{color:#007aff;font-size:25px;font-weight:700}.zeitpicker-hinweis{text-align:center;color:#888;margin:14px 0 0;font-size:12px}.zeitpicker-kopf{z-index:10;position:relative}.zeitpicker-kopf button{z-index:11;pointer-events:auto;touch-action:manipulation;position:relative}.zeitpicker-feld{background:var(--hw-field);color:var(--hw-text);border-color:var(--hw-border)}.zeitpicker-dialog{background:var(--hw-card);color:var(--hw-text)}.zeitpicker-kopf button,.zeitpicker-wert.aktiv{color:var(--hw-blue)}.zeitpicker-markierung{background:var(--hw-blue-soft)}.zeitpicker-wert,.zeitpicker-hinweis{color:var(--hw-muted)}.swipe-einsatz{isolation:isolate;border-radius:14px;position:relative;overflow:hidden}.swipe-karte{z-index:1;touch-action:pan-y;will-change:transform;width:100%;margin:0;transition:transform .25s;position:relative}.swipe-karte.swipe-offen{border-top-right-radius:0;border-bottom-right-radius:0;transform:translate(-80px)}.swipe-loeschen{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;visibility:hidden;background:#dc3545;border:none;border-radius:0;justify-content:center;align-items:center;width:80px;display:flex;position:absolute;top:0;bottom:0;right:0}.swipe-loeschen:active{background:#b02a37}@media (prefers-reduced-motion:reduce){.swipe-karte{transition:none}}.swipe-einsatz:has(.swipe-offen) .swipe-loeschen{visibility:visible}.montagebericht{box-sizing:border-box;--bericht-bg:#fff;--bericht-text:#1f2937;--bericht-border:#d9dfe7;--bericht-header:#edf1f5;--bericht-summe-bg:#e8eef5;--bericht-muted:#64748b;min-width:0;min-height:100dvh}[data-theme=dark] .montagebericht{--bericht-bg:#1e293b;--bericht-text:#f1f5f9;--bericht-border:#37465c;--bericht-header:#29384d;--bericht-summe-bg:#30435c;--bericht-muted:#94a3b8}.bericht-woche{background:var(--bericht-bg);color:var(--bericht-text);border:1px solid var(--bericht-border);border-radius:14px;margin-bottom:14px;overflow:hidden}.bericht-wochenkopf{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px;display:flex}.bericht-wochenkopf strong{font-size:16px;display:block}.bericht-wochenkopf small{color:var(--bericht-muted);margin-top:5px;font-size:12px;display:block}.bericht-wocheninhalt{border-top:1px solid var(--bericht-border);padding:10px}.bericht-tageskarte{border:1px solid var(--bericht-border);background:var(--bericht-bg);border-radius:12px;margin-bottom:10px;padding:12px}.bericht-tageskopf{border-bottom:1px solid var(--bericht-border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.bericht-tageskopf strong{font-size:14px}.bericht-tageskopf>span{color:var(--bericht-muted);white-space:nowrap;font-size:12px}.bericht-tageswerte{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bericht-tagesblock{text-align:center;background:var(--bericht-header);border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:12px 3px;display:flex}.bericht-blocktitel{white-space:nowrap;font-size:11px;font-weight:600}.bericht-zeitraum{color:var(--bericht-text);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.bericht-tagesblock strong{color:var(--bericht-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.bericht-tagesblock small{color:var(--bericht-muted);font-size:10px}.bericht-wochensumme{background:var(--bericht-summe-bg);color:var(--bericht-text);border-radius:12px;padding:14px}.bericht-wochensumme>strong{margin-bottom:10px;font-size:14px;display:block}.bericht-wochensumme>div{justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.bericht-gesamt{background:var(--bericht-bg);border:1px solid var(--bericht-border);color:var(--bericht-text);border-radius:14px;padding:18px}.bericht-gesamt h2{margin:0 0 14px;font-size:18px}.bericht-gesamt>div{border-bottom:1px solid var(--bericht-border);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.bericht-gesamt>div:last-child{border-bottom:none}@media (width<=360px){.bericht-tageskarte{padding:8px}.bericht-wocheninhalt{padding:6px}.bericht-zeitraum{font-size:11px}.bericht-tagesblock strong{font-size:12px}}.hauptmenue-unten{z-index:1100;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hw-border);background:var(--hw-card);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 14px #0000000f}.hauptmenue-tab{min-width:0;min-height:50px;color:var(--hw-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-family:inherit;display:flex}.hauptmenue-tab.hauptmenue-aktiv{color:var(--hw-blue);background:var(--hw-blue-soft)}.hauptmenue-symbol{font-size:23px;line-height:1}.hauptmenue-text{white-space:nowrap;font-size:11px;font-weight:600}.app{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
