:root{--rot-dunkel: #6d1723;--rot-mittel: #aa1a1d;--rot-hell: #dc0d1d;--beige: #d4c9b5;--grau: #575e62;--bg: #f8f7f4;--primary: #6d1723;--primary-dark: #4a0f18;--primary-light: rgba(109, 23, 35, .1);--secondary: #aa1a1d;--success: #15803d;--success-dark: #166534;--success-light: rgba(21, 128, 61, .1);--warning: #d97706;--warning-dark: #b45309;--warning-light: rgba(217, 119, 6, .1);--danger: #dc0d1d;--danger-dark: #aa1a1d;--danger-light: rgba(220, 13, 29, .1);--info: #2563eb;--info-dark: #1d4ed8;--info-light: rgba(37, 99, 235, .1);--text-primary: #1f2937;--text-secondary: #575e62;--text-tertiary: #9ca3af;--bg-primary: #f8f7f4;--surface-primary: #ffffff;--surface-secondary: #f9fafb;--border-color: #d4c9b5;--border-light: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(109, 23, 35, .05);--shadow-md: 0 4px 6px -1px rgba(109, 23, 35, .1), 0 2px 4px -2px rgba(109, 23, 35, .1);--shadow-lg: 0 10px 15px -3px rgba(109, 23, 35, .1), 0 4px 6px -4px rgba(109, 23, 35, .1);--shadow-xl: 0 20px 25px -5px rgba(109, 23, 35, .1), 0 8px 10px -6px rgba(109, 23, 35, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem}:root.dark{--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--bg-primary: #1a1a1a;--surface-primary: #262626;--surface-secondary: #333333;--border-color: #404040;--border-light: #525252;--primary-light: rgba(109, 23, 35, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-secondary)}::-webkit-scrollbar-thumb{background:var(--beige);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--grau)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn .2s ease-in-out}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.page-header p{color:var(--text-secondary);font-size:.9375rem;margin-top:.25rem}.card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-primary);color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){background:var(--surface-secondary)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-secondary);color:var(--primary)}.btn-lg{padding:.85rem 1.4rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.field label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.field .hint{font-size:.75rem;color:var(--text-tertiary)}.field .error{font-size:.75rem;color:var(--danger)}.input,.textarea,.select{width:100%;padding:.625rem .875rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.textarea{min-height:120px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.6}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-muted{background:var(--surface-secondary);color:var(--text-secondary)}.banner{padding:.875rem 1rem;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;margin-bottom:1rem}.banner-warning{background:var(--warning-light);color:var(--warning-dark);border:1px solid #fcd34d}.banner-danger{background:var(--danger-light);color:var(--danger-dark);border:1px solid #fca5a5}.banner-info{background:var(--info-light);color:var(--info-dark);border:1px solid #bfdbfe}.banner-success{background:var(--success-light);color:var(--success-dark);border:1px solid #86efac}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:.875rem .75rem;border-bottom:1px solid var(--border-light)}.data-table tr:hover td{background:var(--surface-secondary)}.data-table a{color:var(--primary);font-weight:600;text-decoration:none}.data-table a:hover{text-decoration:underline}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-tile{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.stat-tile .stat-icon{color:var(--primary);margin-bottom:.375rem}.stat-tile .stat-value{font-size:1.625rem;font-weight:800;color:var(--text-primary)}.stat-tile .stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:600;margin-top:.25rem}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state svg{color:var(--text-tertiary)}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bp-tablet: 768px;--bp-laptop: 1024px;--bp-wide: 1440px;--kopfleiste-hoehe: 3.5rem;--unten-nav-hoehe: 4rem;--seitenleiste-breite: 0rem;--primary-text: #6d1723;--banner-rand-warning: rgba(217, 119, 6, .45);--banner-rand-danger: rgba(220, 13, 29, .4);--banner-rand-info: rgba(37, 99, 235, .35);--banner-rand-success: rgba(21, 128, 61, .4);--app-zeit: #15803d;--app-tickets: #b45309;--app-events: #7c3aed;--app-mail: #2563eb;--app-kennzahlen: #0e7490;--app-crm: #aa1a1d;--viz-haupt: #aa1a1d;--viz-1: #2a78d6;--viz-2: #eb6834;--viz-3: #1baf7a;--viz-4: #eda100;--viz-5: #e87ba4;--viz-6: #008300}:root.dark{--primary-text: #f08a93;--success-dark: #4ade80;--warning-dark: #fbbf24;--danger-dark: #f87171;--info-dark: #93c5fd;--app-zeit: #4ade80;--app-tickets: #fbbf24;--app-events: #c4b5fd;--app-mail: #93c5fd;--app-kennzahlen: #67e8f9;--app-crm: #f08a93;--viz-haupt: #f08a93;--viz-1: #3987e5;--viz-2: #d95926;--viz-3: #199e70;--viz-4: #c98500;--viz-5: #d55181;--viz-6: #008300}@media(min-width:1024px){:root{--unten-nav-hoehe: 0rem;--seitenleiste-breite: 15.5rem}}html,body,#root{min-height:100%}html{scroll-padding-bottom:calc(var(--unten-nav-hoehe) + env(safe-area-inset-bottom) + .5rem)}body{overscroll-behavior-y:none}button,a,[role=button],[role=tab],[role=switch]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit}a{color:var(--primary-text)}.tap-target{min-height:44px;min-width:44px}.tabular{font-variant-numeric:tabular-nums}.banner-warning{border-color:var(--banner-rand-warning)}.banner-danger{border-color:var(--banner-rand-danger)}.banner-info{border-color:var(--banner-rand-info)}.banner-success{border-color:var(--banner-rand-success)}.spinner{border-color:var(--border-light);border-top-color:var(--primary)}:root.dark .btn-primary{background:var(--secondary);border-color:var(--secondary)}:root.dark .btn-primary:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}.btn{min-height:44px}.btn-klein{min-height:36px;padding:.375rem .75rem;font-size:.875rem}.input,.textarea,.select{font-size:1rem;min-height:44px}.btn-ghost{color:var(--primary-text)}.seite-titel{font-size:1.375rem;font-weight:800;letter-spacing:-.01em}.seite-unter{color:var(--text-secondary);font-size:.9375rem;margin-top:.125rem}.seite-kopf{margin-bottom:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.gedimmt{color:var(--text-secondary)}.klein{font-size:.8125rem}.widget-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);--kachel-zeile: 18rem}@media(min-width:768px){.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.widget-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1440px){.widget-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-secondary),var(--border-light),var(--surface-secondary));background-size:200% 100%;animation:skeleton 1.2s linear infinite}.skeleton-zeile{height:.875rem;margin:.5rem 0}.skeleton-zahl{height:1.75rem;width:40%;margin:.25rem 0 .75rem}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.chip{position:relative;display:inline-flex;align-items:center;gap:.375rem;height:32px;padding:0 .75rem;border-radius:999px;border:1px solid transparent;background:var(--surface-secondary);color:var(--text-primary);font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:default}button.chip{cursor:pointer}button.chip:before{content:"";position:absolute;inset:-6px 0}.chip-aktiv{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary-light)}.chip-reihe{display:flex;flex-wrap:wrap;gap:.5rem}.kpi-delta{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:var(--surface-secondary);color:var(--text-secondary)}.kpi-delta.gut{background:var(--success-light);color:var(--success-dark)}.kpi-delta.schlecht{background:var(--danger-light);color:var(--danger-dark)}.kpi-delta.none{background:transparent;border:1px dashed var(--border-color);font-weight:600}.zeilen{list-style:none;display:flex;flex-direction:column}.zeilen>li+li{border-top:1px solid var(--border-light)}.zeile{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.5rem 0;width:100%;background:none;border:none;color:inherit;font:inherit;text-align:left;text-decoration:none}button.zeile,a.zeile{cursor:pointer}button.zeile:hover,a.zeile:hover{color:var(--primary-text)}.zeile-text{flex:1;min-width:0}.zeile-titel{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zeile-unter{display:block;font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zeile-zeit{flex:none;font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.punkt{flex:none;width:8px;height:8px;border-radius:50%;background:var(--primary)}:root.dark .punkt{background:var(--primary-text)}.zahl-gross{font-size:1.625rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.zahl-einheit{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}a.btn{text-decoration:none}.markenzeichen{display:block;flex:none;border-radius:var(--radius-md)}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;background:var(--surface-secondary);border:1px solid var(--border-light);max-width:100%}.segmented-option{position:relative;height:38px;min-width:104px;padding:0 .875rem;border:none;border-radius:999px;background:none;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap}.segmented-option:before{content:"";position:absolute;inset:-4px 0}.segmented-option.aktiv{background:var(--surface-primary);color:var(--text-primary);font-weight:700;box-shadow:var(--shadow-sm)}:root.dark .segmented-option.aktiv{background:var(--border-color)}.segmented-klein .segmented-option{min-width:72px}@media(max-width:420px){.segmented-option{min-width:0;padding:0 .75rem}}.sheet-huelle{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.sheet-hintergrund{position:absolute;inset:0;background:#00000073;animation:fadeIn .15s ease-out}.sheet{position:relative;width:100%;max-height:92dvh;display:flex;flex-direction:column;background:var(--surface-primary);color:var(--text-primary);border-radius:16px 16px 0 0;box-shadow:var(--shadow-xl);padding-bottom:env(safe-area-inset-bottom);animation:slideUp .2s cubic-bezier(.16,1,.3,1);outline:none}.sheet-griff{display:flex;justify-content:center;align-items:center;height:20px;background:none;border:none;cursor:pointer;flex:none}.sheet-griff span{width:36px;height:4px;border-radius:2px;background:var(--border-color)}.sheet-kopf{display:flex;align-items:center;gap:.5rem;padding:0 .5rem .5rem 1.125rem;flex:none}.sheet-kopf h2{flex:1;font-size:1.0625rem;font-weight:700;min-width:0}.sheet-zu{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.sheet-zu:hover{background:var(--surface-secondary);color:var(--text-primary)}.sheet-inhalt{overflow-y:auto;padding:0 1.125rem 1rem;overscroll-behavior:contain}.sheet-fuss{flex:none;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1.125rem;border-top:1px solid var(--border-light);flex-wrap:wrap}@media(min-width:768px){.sheet-huelle{align-items:flex-start;padding:8dvh 1rem 1rem}.sheet{max-width:640px;max-height:84dvh;border-radius:16px;padding-bottom:0;animation-name:scaleIn}.sheet-griff{display:none}.sheet-kopf{padding-top:.75rem}}.erfassen-text{min-height:7rem;resize:none}.erfassen-leiste{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.erfassen-erkannt{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.erfassen-diktat{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary);min-height:1.3rem}.erfassen-mikro{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-primary);color:var(--primary-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.erfassen-mikro:hover:not(:disabled){background:var(--surface-secondary)}.erfassen-mikro:disabled{opacity:.5;cursor:default}.erfassen-mikro.laeuft{background:var(--danger);border-color:var(--danger);color:#fff;animation:pulse 1.4s ease-in-out infinite}.app-offline{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%;min-height:40px;padding:.375rem .75rem;background:var(--info-light);color:var(--info-dark);font:inherit;font-size:.8125rem;font-weight:600;border:none}.app-offline-knopf{cursor:pointer;min-height:44px}.app-offline-jetzt{display:inline-flex;align-items:center;gap:.25rem;text-decoration:underline}.toast-host{position:fixed;left:50%;bottom:calc(1rem + var(--unten-nav-hoehe, 0px) + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1100;width:min(calc(100vw - 1.5rem),480px);pointer-events:none}.toast-stapel{display:flex;flex-direction:column;gap:.5rem}.toast-stapel:empty{display:none}.toast{display:flex;align-items:center;gap:.6rem;padding:.5rem .4rem .5rem .85rem;color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.toast-icon{flex-shrink:0}.toast-message{flex:1;font-size:.9375rem;line-height:1.4;padding:.25rem 0}.toast-success{background:linear-gradient(var(--success-light),var(--success-light)),var(--surface-primary);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.toast-success .toast-icon{color:var(--success)}.toast-error{background:linear-gradient(var(--danger-light),var(--danger-light)),var(--surface-primary);border-color:var(--banner-rand-danger)}.toast-error .toast-icon{color:var(--danger)}.toast-info{background:linear-gradient(var(--info-light),var(--info-light)),var(--surface-primary);border-color:color-mix(in srgb,var(--info) 30%,transparent)}.toast-info .toast-icon{color:var(--info)}.toast-action{flex-shrink:0;min-height:40px;border:none;border-radius:var(--radius-sm);background:none;color:var(--primary);font:inherit;font-weight:600;font-size:.9375rem;cursor:pointer;padding:0 .5rem}.toast-action:hover{text-decoration:underline;text-underline-offset:2px}.toast-schliessen{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer}.toast-schliessen:hover{background:var(--surface-secondary);color:var(--text-primary)}@media(min-width:720px){.toast-host{left:auto;right:clamp(.75rem,2vw,1.5rem);top:calc(var(--kopfleiste-hoehe) + .75rem + env(safe-area-inset-top));bottom:auto;transform:none;width:min(calc(100vw - 1.5rem),380px)}.toast{animation-name:slideDown}}@media(pointer:coarse){.toast-action{min-height:44px}.toast-schliessen{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@media print{.toast-host{display:none}}.app-shell{display:flex;min-height:100dvh}.app-spalte{flex:1;min-width:0;display:flex;flex-direction:column}.sprung-inhalt{position:absolute;left:.5rem;top:-4rem;z-index:1200;padding:.625rem 1rem;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-weight:600}.sprung-inhalt:focus{top:.5rem}.kopfleiste{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.625rem;min-height:calc(var(--kopfleiste-hoehe) + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(.75rem,2vw,1.5rem) 0;background:var(--surface-primary);border-bottom:2px solid var(--rot-mittel)}.kopfleiste-marke{display:inline-flex;flex:none}.kopfleiste-name{font-weight:800;font-size:1.0625rem}.kopfleiste-platz{flex:1}.kopfleiste-glocke{position:relative;flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-primary)}.kopfleiste-glocke:hover{background:var(--surface-secondary)}.kopfleiste-glocke .nav-zahl{position:absolute;top:4px;right:2px}.timer-pill{flex:none;display:inline-flex;align-items:center;gap:.375rem;height:36px;padding:0 .75rem;border-radius:999px;background:var(--success-light);color:var(--success-dark);font-size:.875rem;font-weight:700;text-decoration:none}.timer-pill.pause{background:var(--warning-light);color:var(--warning-dark)}@media(min-width:1024px){.kopfleiste-marke{display:none}}@media(max-width:400px){.kopfleiste{gap:.375rem}.timer-pill{padding:0 .5rem}}.nav-zahl{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.6875rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.app-demo{display:flex;align-items:center;justify-content:center;gap:.5rem 1rem;flex-wrap:wrap;padding:.375rem .75rem;background:var(--warning-light);color:var(--warning-dark);font-size:.8125rem;font-weight:600}.app-demo-wahl{display:inline-flex;align-items:center;gap:.5rem}.app-demo-wahl select{min-height:36px;font:inherit;font-size:1rem;padding:0 .5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-primary);color:var(--text-primary);max-width:60vw}.app-banner{margin:.75rem clamp(.75rem,2vw,1.5rem) 0}.app-main{flex:1;width:100%;max-width:1320px;margin:0 auto;outline:none;padding:1rem clamp(.75rem,2vw,1.5rem) calc(var(--unten-nav-hoehe) + env(safe-area-inset-bottom) + 2rem)}@media(min-width:1024px){.app-main{padding-bottom:5.5rem}}.seitenleiste{display:none;flex:none;width:var(--seitenleiste-breite);position:sticky;top:0;height:100dvh;flex-direction:column;background:var(--surface-primary);border-right:1px solid var(--border-color)}@media(min-width:1024px){.seitenleiste{display:flex}}.leiste-marke{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;flex:none}.leiste-name{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}.leiste-name-app{font-weight:800;font-size:1.0625rem}.leiste-name-firma{font-size:.75rem;color:var(--text-secondary)}.leiste-schliessen{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.leiste-mitte{flex:1;overflow-y:auto;padding:0 .625rem}.leiste-gruppe{margin-bottom:.75rem}.leiste-gruppe-titel{padding:.5rem .625rem .25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.leiste-gruppe ul{list-style:none}.leiste-link{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:0 .625rem;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:.9375rem;font-weight:500}.leiste-link:hover{background:var(--surface-secondary)}.leiste-link.aktiv{background:var(--primary-light);color:var(--primary-text);font-weight:700}.leiste-link-text{flex:1;min-width:0}.leiste-fuss{flex:none;padding:.5rem .625rem calc(.625rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-light)}.leiste-ich{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem 0}.leiste-ich-kreis{flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.8125rem;font-weight:700}.leiste-ich-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.leiste-ich-name{font-weight:700;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leiste-ich-rolle{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leiste-abmelden{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.leiste-abmelden:hover,.leiste-schliessen:hover{background:var(--surface-secondary);color:var(--text-primary)}.schublade-hintergrund{position:fixed;inset:0;z-index:900;background:#00000073;animation:fadeIn .15s ease-out}.schublade{position:fixed;inset:0 auto 0 0;z-index:901;width:min(19rem,86vw);background:var(--surface-primary);box-shadow:var(--shadow-xl);animation:schubladeRein .2s cubic-bezier(.16,1,.3,1);padding-top:env(safe-area-inset-top)}.schublade-leiste{display:flex;flex-direction:column;height:100%}@keyframes schubladeRein{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(min-width:1024px){.schublade,.schublade-hintergrund{display:none}}.unten-nav{position:fixed;inset:auto 0 0;z-index:800;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--unten-nav-hoehe) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-primary);border-top:1px solid var(--border-color)}.unten-nav.ohne-fab{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:1024px){.unten-nav{display:none}}.unten-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;background:none;border:none;color:var(--text-secondary);text-decoration:none;font:inherit;cursor:pointer}.unten-nav-symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:2rem;border-radius:999px}.unten-nav-symbol .nav-zahl{position:absolute;top:-2px;right:4px}.unten-nav-text{font-size:.75rem;font-weight:600;line-height:1.2}.unten-nav-link.aktiv{color:var(--primary-text)}.unten-nav-link.aktiv .unten-nav-symbol{background:var(--primary-light)}.unten-nav-fab-platz{display:flex;justify-content:center}.fab{width:56px;height:56px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transform:translateY(-12px)}:root.dark .fab{background:var(--secondary)}.fab{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fab:active{transform:translateY(-12px) scale(.96)}.fab-rechner{display:none;position:fixed;right:1.5rem;bottom:1.5rem;z-index:800;width:auto;height:48px;padding:0 1.125rem 0 .875rem;border-radius:999px;gap:.5rem;font-size:.9375rem;font-weight:700;transform:none}.fab-rechner:active{transform:scale(.98)}@media(min-width:1024px){.fab-rechner{display:inline-flex}}@media print{.unten-nav,.seitenleiste,.kopfleiste,.fab,.app-demo{display:none!important}}