:root{--color-background: #f9faf8;--color-on-background: #191c1b;--color-surface: #f9faf8;--color-surface-bright: #f9faf8;--color-surface-dim: #d9dad8;--color-surface-variant: #e2e3e1;--color-surface-tint: #46645f;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f3f4f2;--color-surface-container: #edeeec;--color-surface-container-high: #e7e8e6;--color-surface-container-highest: #e2e3e1;--color-on-surface: #191c1b;--color-on-surface-variant: #414846;--color-inverse-surface: #2e3130;--color-inverse-on-surface: #f0f1ef;--color-primary: #163430;--color-on-primary: #ffffff;--color-primary-container: #2d4b46;--color-on-primary-container: #9abab3;--color-primary-fixed: #c8e9e2;--color-primary-fixed-dim: #accdc6;--color-on-primary-fixed: #00201c;--color-on-primary-fixed-variant: #2e4c47;--color-inverse-primary: #accdc6;--color-secondary: #4f6448;--color-on-secondary: #ffffff;--color-secondary-container: #d2eac6;--color-on-secondary-container: #556a4e;--color-secondary-fixed: #d2eac6;--color-secondary-fixed-dim: #b6cdab;--color-on-secondary-fixed: #0d200a;--color-on-secondary-fixed-variant: #384c32;--color-tertiary: #332f23;--color-on-tertiary: #ffffff;--color-tertiary-container: #4a4538;--color-on-tertiary-container: #bbb2a2;--color-tertiary-fixed: #ebe2d0;--color-tertiary-fixed-dim: #cec6b5;--color-on-tertiary-fixed: #1f1b11;--color-on-tertiary-fixed-variant: #4c463a;--color-outline: #717976;--color-outline-variant: #c1c8c5;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--font-display: "Noto Serif", "Times New Roman", Georgia, serif;--font-headline: "Noto Serif", "Times New Roman", Georgia, serif;--font-body: "Manrope", system-ui, -apple-system, Segoe UI, sans-serif;--font-label: "Manrope", system-ui, -apple-system, Segoe UI, sans-serif;--text-display-lg-size: 3.5rem;--text-display-lg-line-height: 1.1;--text-display-lg-tracking: -.02em;--text-display-lg-weight: 400;--text-display-md-size: 2.75rem;--text-display-md-line-height: 1.15;--text-display-md-tracking: -.015em;--text-display-md-weight: 400;--text-display-sm-size: 2.25rem;--text-display-sm-line-height: 1.2;--text-display-sm-tracking: -.01em;--text-display-sm-weight: 400;--text-headline-lg-size: 2rem;--text-headline-lg-line-height: 1.25;--text-headline-lg-tracking: 0;--text-headline-lg-weight: 500;--text-headline-md-size: 1.75rem;--text-headline-md-line-height: 1.3;--text-headline-md-tracking: 0;--text-headline-md-weight: 500;--text-headline-sm-size: 1.5rem;--text-headline-sm-line-height: 1.35;--text-headline-sm-tracking: 0;--text-headline-sm-weight: 500;--text-title-lg-size: 1.375rem;--text-title-lg-line-height: 1.4;--text-title-lg-tracking: 0;--text-title-lg-weight: 500;--text-title-md-size: 1rem;--text-title-md-line-height: 1.5;--text-title-md-tracking: .01em;--text-title-md-weight: 500;--text-title-sm-size: .875rem;--text-title-sm-line-height: 1.5;--text-title-sm-tracking: .01em;--text-title-sm-weight: 500;--text-body-lg-size: 1rem;--text-body-lg-line-height: 1.6;--text-body-lg-tracking: 0;--text-body-lg-weight: 400;--text-body-md-size: .875rem;--text-body-md-line-height: 1.55;--text-body-md-tracking: 0;--text-body-md-weight: 400;--text-body-sm-size: .75rem;--text-body-sm-line-height: 1.5;--text-body-sm-tracking: .01em;--text-body-sm-weight: 400;--text-label-lg-size: .875rem;--text-label-lg-line-height: 1.4;--text-label-lg-tracking: .02em;--text-label-lg-weight: 500;--text-label-md-size: .75rem;--text-label-md-line-height: 1.3;--text-label-md-tracking: .03em;--text-label-md-weight: 500;--text-label-sm-size: .6875rem;--text-label-sm-line-height: 1.3;--text-label-sm-tracking: .04em;--text-label-sm-weight: 500;--radius-none: 0;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(25, 28, 27, .04);--shadow-sm: 0 2px 8px rgba(25, 28, 27, .05);--shadow-md: 0 8px 20px rgba(25, 28, 27, .05);--shadow-lg: 0 16px 32px rgba(25, 28, 27, .06);--shadow-xl: 0 24px 48px rgba(25, 28, 27, .06);--shadow-2xl: 0 32px 64px rgba(25, 28, 27, .08);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-container) 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-blur: 20px;--ghost-border: rgba(193, 200, 197, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-body-md-size);color:var(--color-on-surface);background:var(--color-surface-container-low)}.staff-app{min-height:100vh}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8)}.login-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-12);width:100%;max-width:24rem;box-shadow:var(--shadow-lg)}.login-card h1{font-family:var(--font-headline);font-size:var(--text-headline-md-size);color:var(--color-primary);margin-bottom:var(--space-2)}.login-card p{color:var(--color-on-surface-variant);font-size:var(--text-body-md-size);margin-bottom:var(--space-8)}.login-field{margin-bottom:var(--space-4)}.login-field label{display:block;font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);letter-spacing:var(--text-label-md-tracking);color:var(--color-on-surface-variant);margin-bottom:var(--space-1)}.login-field input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--ghost-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-md-size);background:var(--color-surface);color:var(--color-on-surface);transition:border-color .2s}.login-field input:focus{outline:none;border-color:var(--color-primary)}.login-btn{width:100%;padding:var(--space-3);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-full);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);cursor:pointer;margin-top:var(--space-6);transition:background .2s}.login-btn:hover{background:var(--color-primary-container)}.login-error{background:var(--color-error-container);color:var(--color-on-error-container);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);margin-bottom:var(--space-4)}.login-success{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--color-secondary-container);color:var(--color-on-surface);font-size:.875rem;text-align:center}.login-zurueck{display:block;margin-top:var(--space-4);color:var(--color-on-surface-variant);text-decoration:none;font-size:var(--text-body-sm-size);text-align:center}.login-zurueck:hover{color:var(--color-primary);text-decoration:underline}.dashboard{display:grid;grid-template-columns:16rem 1fr;min-height:100vh}@media(max-width:768px){.dashboard{grid-template-columns:1fr}}.sidebar{display:none;flex-direction:column;background:var(--color-primary);color:var(--color-primary-fixed);padding:var(--space-8) var(--space-6)}@media(min-width:769px){.sidebar{display:flex}}.sidebar-logo{font-family:var(--font-headline);font-size:var(--text-title-md-size);margin-bottom:var(--space-12)}.sidebar-buchen{display:block;text-align:center;padding:var(--space-3);margin-bottom:var(--space-6);background:var(--color-surface-container-lowest);color:var(--color-primary);border-radius:var(--radius-full);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:700;text-decoration:none;transition:background .2s,transform .1s}.sidebar-buchen:hover{background:var(--color-secondary-container);color:var(--color-on-secondary-container);transform:scale(1.02)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-link{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-primary-fixed-dim);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);transition:background .2s,color .2s;text-decoration:none}.sidebar-link:hover,.sidebar-link.active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.benutzer-menu{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-primary-container)}.benutzer-kopf{padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.benutzer-name{font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:500;color:var(--color-primary-fixed)}.benutzer-rolle{font-family:var(--font-label);font-size:var(--text-label-sm-size);color:var(--color-primary-fixed-dim);letter-spacing:.04em;text-transform:uppercase}.benutzer-profil-link{padding:var(--space-3) var(--space-4);font-family:var(--font-label);font-size:var(--text-label-md-size);color:var(--color-primary-fixed-dim);text-decoration:none;border-radius:var(--radius-md);transition:background .2s,color .2s}.benutzer-profil-link:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.benutzer-logout{margin:0}.benutzer-logout-btn{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary-fixed-dim);border-radius:var(--radius-md);background:transparent;color:var(--color-primary-fixed-dim);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);cursor:pointer;transition:background .2s,color .2s}.benutzer-logout-btn:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.main-content{padding:var(--space-8)}.main-content h1{font-family:var(--font-headline);font-size:var(--text-headline-lg-size);color:var(--color-primary);margin-bottom:var(--space-8)}.table-container{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);overflow:visible;box-shadow:var(--shadow-sm)}.table-container table{width:100%;border-collapse:collapse}.table-container th:first-child{border-top-left-radius:var(--radius-xl)}.table-container th:last-child{border-top-right-radius:var(--radius-xl)}.table-container th{text-align:left;padding:var(--space-4) var(--space-6);font-size:var(--text-label-md-size);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-on-surface-variant);border-bottom:1px solid var(--ghost-border);background:var(--color-surface-container-low)}.table-container td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--ghost-border);font-size:var(--text-body-md-size)}.table-container tr:last-child td{border-bottom:none}.table-container tr:hover td{background:var(--color-surface-container-low)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-label-sm-size);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-confirmed{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.badge-pending{background:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed)}.badge-no_show{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.badge-cancelled{background:var(--color-error-container);color:var(--color-on-error-container)}.badge-completed{background:var(--color-surface-container-high);color:var(--color-on-surface)}.badge-aktiv{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.badge-inaktiv{background:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.badge-wunsch{background:var(--color-secondary-container);color:var(--color-on-secondary-container);font-weight:500;text-transform:none;letter-spacing:normal}.badge-auto{background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-weight:500;text-transform:none;letter-spacing:normal}.ma-zeile{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.status-wrapper{position:relative;display:inline-block}.status-trigger{cursor:pointer;border:none;display:inline-flex;align-items:center;gap:var(--space-1);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;position:relative}.status-trigger:after{content:"";display:inline-block;width:0;height:0;margin-left:.25rem;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.6;transition:transform .18s ease}.status-trigger[aria-expanded=true]:after{transform:rotate(180deg)}.status-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 8px #191c1b14}.status-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.status-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:50;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);min-width:12rem;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 2px 6px #191c1b0a;transform-origin:top right;animation:statusDropdownIn .18s cubic-bezier(.16,1,.3,1)}@keyframes statusDropdownIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.status-dropdown{animation:none}.status-trigger:hover{transform:none}}.status-option{cursor:pointer;border:1px solid transparent;text-align:left;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);transition:transform .12s ease,box-shadow .12s ease;position:relative}.status-option:hover{transform:translate(2px);box-shadow:inset 0 0 0 1px #191c1b0f}.status-option.aktiv:after{content:"✓";color:var(--color-on-surface);font-weight:700;font-size:.85em;margin-left:var(--space-2);opacity:.85}.status-option.aktiv{box-shadow:inset 0 0 0 1.5px var(--color-on-surface)}.status-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.behandlerin-name-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;font-family:var(--font-body);font-size:var(--text-body-md-size);color:var(--color-on-surface);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background .2s}.behandlerin-name-btn:hover{background:var(--color-surface-container)}.behandlerin-name-btn.behandlerin-fehlt{color:var(--color-error);font-style:italic}.edit-icon{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);opacity:0;transition:opacity .2s}.behandlerin-name-btn:hover .edit-icon{opacity:1}.behandlerin-select-inline{padding:var(--space-1) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);font-family:var(--font-body);background:var(--color-surface-container-lowest);color:var(--color-on-surface);cursor:pointer}.unassigned-row td,.unassigned-row td:first-child{border-left:3px solid var(--color-error)}.zurueck-link{display:inline-block;color:var(--color-primary);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);text-decoration:none;margin-bottom:var(--space-4)}.zurueck-link:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.profil-karte{grid-row:auto}}.profil-karte{grid-row:1 / -1;background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.profil-karte h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin-bottom:var(--space-4)}.profil-liste{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4)}.profil-liste dt{font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface-variant)}.profil-liste dd{font-size:var(--text-body-md-size)}.allergien-karte{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.allergien-karte.hat-allergien{background:var(--color-error-container)}.allergien-karte h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin-bottom:var(--space-4)}.allergien-karte.hat-allergien h2{color:var(--color-on-error-container)}.allergie-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.allergie-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--ghost-border);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:var(--text-label-md-size);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.allergie-tag:hover{border-color:var(--color-error)}.allergie-tag.aktiv{background:var(--color-error);color:var(--color-on-error);border-color:var(--color-error)}.notizen-feld{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.notizen-feld h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin-bottom:var(--space-4)}.notizen-feld textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--ghost-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-md-size);background:var(--color-surface);color:var(--color-on-surface);resize:vertical}.notizen-feld textarea:focus{outline:none;border-color:var(--color-primary)}.notizen-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3)}.speichern-btn{padding:var(--space-2) var(--space-6);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-full);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);cursor:pointer;transition:background .2s}.speichern-btn:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.gespeichert-hinweis{color:var(--color-secondary);font-size:var(--text-body-sm-size)}.detail-section{margin-bottom:var(--space-8)}.detail-section h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin-bottom:var(--space-4)}.kundin-link{color:var(--color-primary);text-decoration:none;font-weight:500}.kundin-link:hover{text-decoration:underline}.such-leiste{margin-bottom:var(--space-4)}.such-feld{width:100%;max-width:24rem;padding:var(--space-3) var(--space-4);border:1px solid var(--ghost-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-md-size);background:var(--color-surface-container-lowest);color:var(--color-on-surface);transition:border-color .2s}.such-feld:focus{outline:none;border-color:var(--color-primary)}.filter-leiste{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-select,.filter-input{padding:var(--space-2) var(--space-3);border:1px solid var(--ghost-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-sm-size);background:var(--color-surface-container-lowest);color:var(--color-on-surface)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary)}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-header h1{margin-bottom:var(--space-1)}.dashboard-datum{color:var(--color-on-surface-variant);font-size:var(--text-body-lg-size)}.kennzahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media(max-width:768px){.kennzahlen{grid-template-columns:1fr}}.kennzahl-karte{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}.kennzahl-warnung{border:2px solid var(--color-error)}.kennzahl-wert{font-family:var(--font-headline);font-size:var(--text-headline-md-size);font-weight:500;color:var(--color-primary)}.kennzahl-label{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.termine-heute,.auslastung-vorschau{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.sektion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.sektion-header h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin:0}.sektion-header-links{display:flex;align-items:center;gap:var(--space-4)}.schnell-buchen-link{padding:var(--space-1) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);font-size:var(--text-label-md-size);font-weight:600;text-decoration:none;transition:background .2s}.schnell-buchen-link:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.sektion-link{color:var(--color-primary);font-size:var(--text-label-md-size);font-weight:500;text-decoration:none}.sektion-link:hover{text-decoration:underline}.auslastung-vorschau h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin-bottom:var(--space-4)}.termin-liste{display:flex;flex-direction:column;gap:var(--space-3)}.termin-eintrag{display:grid;grid-template-columns:3.5rem 1fr 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-container-low)}.termin-unzugewiesen{border-left:3px solid var(--color-error)}.termin-zeit{font-family:var(--font-label);font-weight:600;font-size:var(--text-label-lg-size);color:var(--color-primary)}.termin-service{font-size:var(--text-body-md-size)}.termin-beauty,.termin-behandlerin{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.keine-termine{color:var(--color-on-surface-variant);font-size:var(--text-body-md-size);padding:var(--space-4) 0}.auslastung-balken-liste{display:flex;flex-direction:column;gap:var(--space-3)}.auslastung-zeile{display:grid;grid-template-columns:5rem 1fr 3rem;gap:var(--space-3);align-items:center;width:100%;background:none;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background .2s;font-family:var(--font-body);text-align:left}.auslastung-zeile:hover{background:var(--color-surface-container-low)}.auslastung-aktiv{background:var(--color-surface-container)}.auslastung-detail{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--ghost-border)}.auslastung-detail h3{font-family:var(--font-headline);font-size:var(--text-title-md-size);color:var(--color-primary);margin-bottom:var(--space-3)}.auslastung-tag{font-size:var(--text-label-md-size);font-weight:500;color:var(--color-on-surface-variant)}.auslastung-balken-bg{height:1.25rem;background:var(--color-surface-container);border-radius:var(--radius-full);overflow:hidden}.auslastung-balken-fill{height:100%;border-radius:var(--radius-full);transition:width .3s}.auslastung-anzahl{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);text-align:right}.kalender-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.kalender-nav-btn{color:var(--color-primary);text-decoration:none;font-size:var(--text-label-lg-size);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:background .2s}.kalender-nav-btn:hover{background:var(--color-surface-container)}.kalender-nav-mitte{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.kalender-woche{font-family:var(--font-headline);font-size:var(--text-title-md-size);color:var(--color-primary)}.kalender-heute-btn{padding:var(--space-1) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);font-size:var(--text-label-sm-size);font-weight:600;text-decoration:none;transition:background .2s}.kalender-heute-btn:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.kalender-filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.kalender-tab{padding:var(--space-2) var(--space-4);border:1px solid var(--ghost-border);border-radius:var(--radius-full);background:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:var(--text-label-md-size);cursor:pointer;transition:background .2s,color .2s}.kalender-tab.aktiv{background:var(--tab-farbe, var(--color-primary));color:var(--color-on-primary);border-color:var(--tab-farbe, var(--color-primary))}.kalender-container{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);overflow-x:auto}.kalender-grid{display:grid;position:relative;min-width:40rem}.kalender-ecke{grid-row:1;grid-column:1}.kalender-tag-header{grid-row:1;text-align:center;padding:var(--space-2);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:600;color:var(--color-primary);border-bottom:1px solid var(--ghost-border)}.kalender-tag-header small{font-weight:400;font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant)}.kalender-zeit{grid-column:1;font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);text-align:right;padding-right:var(--space-2);border-right:1px solid var(--ghost-border)}.kalender-block{margin:1px 2px;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--color-on-primary);overflow:hidden;display:flex;flex-direction:column;font-size:var(--text-label-sm-size);cursor:default;z-index:1}.kalender-block-service{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kalender-block-beauty{font-weight:400;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.umsatz-sektion{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.umsatz-sektion h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin-bottom:var(--space-4)}.umsatz-balken-zeile{display:grid;grid-template-columns:6rem 1fr auto;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}.umsatz-name{font-size:var(--text-label-lg-size);font-weight:500}.umsatz-betrag{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);white-space:nowrap}.trend{font-size:var(--text-label-md-size);font-weight:600}.trend-positiv{color:var(--color-secondary)}.trend-negativ{color:var(--color-error)}.tagesabschluss-liste{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.tagesabschluss-eintrag{display:grid;grid-template-columns:3.5rem 1fr 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-sm);transition:opacity .2s}.ta-abgeschlossen{opacity:.6}.ta-noshow{border-left:3px solid var(--color-error)}.ta-aktionen{display:flex;gap:var(--space-2)}.ta-btn{width:2rem;height:2rem;border:none;border-radius:var(--radius-full);font-size:var(--text-label-lg-size);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ta-btn:disabled{opacity:.3;cursor:default}.ta-btn-ok{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.ta-btn-ok:hover:not(:disabled){background:var(--color-secondary);color:var(--color-on-secondary)}.ta-btn-noshow{background:var(--color-error-container);color:var(--color-on-error-container)}.ta-btn-noshow:hover:not(:disabled){background:var(--color-error);color:var(--color-on-error)}.tag-abschliessen-btn{width:100%;padding:var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-xl);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);cursor:pointer;transition:background .2s}.tag-abschliessen-btn:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.einstellungen-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--ghost-border);padding-bottom:var(--space-2)}.einstellungen-tab{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:none;color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);cursor:pointer;transition:color .2s,border-color .2s;border-bottom:2px solid transparent;margin-bottom:-3px}.einstellungen-tab.aktiv{color:var(--color-primary);border-bottom-color:var(--color-primary)}.einstellungen-sektion{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.einstellungen-sektion h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin-bottom:var(--space-4)}.einstellungen-info{color:var(--color-on-surface-variant);font-size:var(--text-body-md-size);margin-bottom:var(--space-4)}.gespeichert-banner{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:999;background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-label-lg-size);font-weight:500;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-2);animation:toast-einblenden .2s ease-out}@keyframes toast-einblenden{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:420px}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-label-lg-size);font-weight:500;box-shadow:var(--shadow-xl);animation:toast-einblenden .2s ease-out;pointer-events:auto}.toast-erfolg{background:var(--color-primary);color:var(--color-on-primary)}.toast-fehler{background:var(--color-error-container);color:var(--color-error);border:1px solid var(--color-error)}.toast-info{background:var(--color-surface-container-high);color:var(--color-on-surface)}.allergen-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-full);font-size:var(--text-label-md-size)}.allergen-entfernen{background:none;border:none;color:var(--color-error);font-size:var(--text-label-lg-size);cursor:pointer;line-height:1;padding:0}.allergen-hinzufuegen{display:flex;gap:var(--space-3);align-items:center}.allergen-hinzufuegen .such-feld{max-width:16rem}.zeiten-liste{display:flex;flex-direction:column;gap:var(--space-3)}.zeiten-zeile{display:flex;align-items:center;gap:var(--space-4)}.zeiten-tag{display:flex;align-items:center;gap:var(--space-2);width:10rem;font-size:var(--text-body-md-size);font-weight:500;cursor:pointer}.zeiten-geschlossen{color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);font-style:italic}.service-formular{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface-container-low);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.service-feld label{display:block;font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface-variant);margin-bottom:var(--space-1)}.service-feld .such-feld{max-width:100%}.service-feld-breit{grid-column:1 / -1}.aktiv-toggle{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:none;font-size:var(--text-label-sm-size);font-weight:600;cursor:pointer;background:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.aktiv-toggle.aktiv-an{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.anleitung-schritt{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.schritt-nummer{flex-shrink:0;width:2rem;height:2rem;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-label-lg-size)}.schritt-inhalt{flex:1}.schritt-inhalt strong{display:block;margin-bottom:var(--space-1);font-size:var(--text-title-md-size)}.schritt-inhalt p{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);margin-bottom:var(--space-3)}.anleitung-warnung{color:var(--color-error)!important;font-weight:600}.kopier-feld{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.kopier-label{font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface-variant);min-width:6rem}.kopier-wert{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-surface-container-lowest);border:1px solid var(--ghost-border);border-radius:var(--radius-md);font-family:monospace;font-size:var(--text-body-md-size);word-break:break-all}.kopier-btn{padding:var(--space-1) var(--space-3);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-label-sm-size);cursor:pointer;white-space:nowrap;transition:background .2s}.kopier-btn:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.edit-name-zeile{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-6)}.edit-name-zeile .such-feld{max-width:12rem}.edit-name-btn{background:var(--color-secondary-container);color:var(--color-secondary);border:none;font-size:var(--text-label-sm-size);font-family:var(--font-label);font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:background .15s;margin-left:var(--space-2);text-decoration:none;white-space:nowrap}.edit-name-btn:hover{background:var(--color-secondary);color:var(--color-on-primary)}.abbrechen-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface-container);color:var(--color-on-surface-variant);border:none;border-radius:var(--radius-full);font-family:var(--font-label);font-size:var(--text-label-lg-size);cursor:pointer}.loeschen-btn{background:var(--color-error-container);color:var(--color-error);border:none;font-size:var(--text-label-sm-size);font-family:var(--font-label);font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:background .15s;margin-left:var(--space-1);white-space:nowrap}.loeschen-btn:hover{background:var(--color-error);color:#fff}.buchen-formular{max-width:36rem;display:flex;flex-direction:column;gap:var(--space-6)}.buchen-feld label{display:block;font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface-variant);margin-bottom:var(--space-1)}.buchen-select{width:100%}.buchen-zeile{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.buchen-beauty-zeile{display:flex;gap:var(--space-2)}.buchen-beauty-zeile .buchen-select{flex:1}.buchen-neu-btn{width:2.5rem;padding:0;display:flex;align-items:center;justify-content:center}.buchen-inline-form{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.buchen-inline-form .such-feld{max-width:10rem}.buchen-submit{width:100%;padding:var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-xl);font-family:var(--font-label);font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);cursor:pointer;transition:background .2s}.buchen-submit:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.buchen-submit:disabled{opacity:.5;cursor:default}.team-karte{background:var(--color-surface-container-low);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-3)}.team-karte-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.team-name-zeile{display:flex;align-items:center;gap:var(--space-3)}.team-name-zeile strong{font-size:var(--text-title-md-size)}.team-email{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.team-aktionen{display:flex;align-items:center;gap:var(--space-2)}.team-services{display:flex;align-items:flex-start;gap:var(--space-3)}.team-services-label{font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface-variant);padding-top:var(--space-1);white-space:nowrap}.team-service-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.autocomplete-wrapper{position:relative;flex:1}.autocomplete-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-on-surface-variant);font-size:var(--text-label-lg-size);cursor:pointer}.autocomplete-liste{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--color-surface-container-lowest);border:1px solid var(--ghost-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);margin-top:var(--space-1);max-height:16rem;overflow-y:auto}.autocomplete-option{display:flex;flex-direction:column;width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-md-size);transition:background .1s}.autocomplete-option:hover{background:var(--color-surface-container)}.autocomplete-detail{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--space-2)}.slot-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--ghost-border);background:var(--color-surface-container-lowest);cursor:pointer;transition:all .2s;font-family:var(--font-body)}.slot-frei:hover{border-color:var(--color-primary);background:var(--color-surface-container)}.slot-gewaehlt{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.slot-gewaehlt .slot-info{color:var(--color-on-primary);opacity:.8}.slot-belegt{opacity:.35;cursor:not-allowed;text-decoration:line-through}.slot-zeit{font-weight:600;font-size:var(--text-label-lg-size)}.slot-info{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant)}.slot-geschlossen{padding:var(--space-4);background:var(--color-error-container);color:var(--color-on-error-container);border-radius:var(--radius-md);font-size:var(--text-body-md-size);text-align:center}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-8);max-width:24rem;width:calc(100% - var(--space-8));box-shadow:0 24px 48px #191c1b26;text-align:center}.dialog-icon{width:3rem;height:3rem;margin:0 auto var(--space-4);color:var(--color-error)}.dialog-icon svg{width:100%;height:100%}.dialog-titel{font:var(--text-headline-sm-weight) var(--text-headline-sm-size)/var(--text-headline-sm-line-height) var(--font-headline);color:var(--color-on-surface);margin-bottom:var(--space-2)}.dialog-text{font:var(--text-body-md-weight) var(--text-body-md-size)/var(--text-body-md-line-height) var(--font-body);color:var(--color-on-surface-variant);margin-bottom:var(--space-6)}.dialog-aktionen{display:flex;gap:var(--space-3);justify-content:center}.dialog-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:none;cursor:pointer;font:var(--text-label-lg-weight) var(--text-label-lg-size)/var(--text-label-lg-line-height) var(--font-label);letter-spacing:var(--text-label-lg-tracking);transition:opacity .15s}.dialog-btn:hover{opacity:.85}.dialog-btn-abbrechen{background:var(--color-surface-container);color:var(--color-on-surface)}.dialog-btn-loeschen{background:var(--color-error);color:var(--color-on-error)}.dialog--breit{max-width:36rem;text-align:left}.dialog-icon--warnung{font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--color-error);margin-bottom:var(--space-4)}.behandlung-loeschen-buchungen{list-style:none;padding:0;margin:0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);overflow:hidden}.behandlung-loeschen-buchungen li{padding:var(--space-3) var(--space-4);background:var(--color-surface-container-low);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.behandlung-loeschen-buchungen li:not(:last-child){border-bottom:1px solid var(--color-outline-variant)}.behandlung-loeschen-buchungen li strong{color:var(--color-on-surface);font-size:var(--text-body-md-size)}.behandlung-loeschen-konsequenzen{background:var(--color-error-container);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-body-sm-size);color:var(--color-on-surface)}.behandlung-loeschen-konsequenzen p{margin:0 0 var(--space-2)}.behandlung-loeschen-konsequenzen ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.behandlung-loeschen-namenseingabe{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);margin-bottom:var(--space-6)}.behandlung-loeschen-namenseingabe input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-body-md-size);background:var(--color-surface-container-lowest);color:var(--color-on-surface)}.behandlung-loeschen-namenseingabe input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.behandlung-karte-wrapper{position:relative}.behandlung-karte-loeschen-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:#191c1b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:var(--radius-sm);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-surface-container-lowest);opacity:1;transition:background .15s ease;z-index:2}.behandlung-karte-loeschen-btn:hover{background:var(--color-error)}.behandlung-karte-loeschen-btn svg{width:1rem;height:1rem}.dialog-btn-loeschen:disabled{opacity:.4;cursor:not-allowed}.edit-icon-btn{background:none;border:none;cursor:pointer;color:var(--color-on-surface-variant);font-size:.875rem;padding:var(--space-1);margin-left:var(--space-2);opacity:.5;transition:opacity .15s;line-height:1}.edit-icon-btn:hover{opacity:1;color:var(--color-primary)}.edit-inline{display:flex;align-items:center;gap:var(--space-2);flex:1}.edit-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font:var(--text-body-md-weight) var(--text-body-md-size)/var(--text-body-md-line-height) var(--font-body);color:var(--color-on-surface);background:var(--color-surface-container-lowest);min-width:0;flex:1}.edit-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.edit-save,.edit-cancel{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edit-save{color:var(--color-primary)}.edit-save:hover{background:var(--color-surface-container)}.edit-cancel{color:var(--color-on-surface-variant)}.edit-cancel:hover{background:var(--color-surface-container)}.profil-liste dd{display:flex;align-items:center}.fehler-hinweis{color:var(--color-error);font:var(--text-body-sm-weight) var(--text-body-sm-size)/var(--text-body-sm-line-height) var(--font-body);margin-left:var(--space-2)}.team-farbe{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--ghost-border);margin-top:var(--space-3)}.team-farbe-swatches{display:flex;gap:var(--space-2);flex-wrap:wrap}.farb-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;padding:0}.farb-swatch:hover{transform:scale(1.15)}.farb-swatch-aktiv{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--swatch-farbe);outline:2px solid var(--color-outline-variant);outline-offset:2px}.media-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#191c1b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.media-modal{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:56rem;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--ghost-border);flex-shrink:0}.media-modal-header h2{font-family:var(--font-headline);font-size:var(--text-headline-sm-size);color:var(--color-primary);margin:0}.media-modal-aktionen{display:flex;gap:var(--space-3);align-items:center}.media-grid{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);align-content:start}.media-status{grid-column:1 / -1;text-align:center;color:var(--color-on-surface-variant);padding:var(--space-12);font-size:var(--text-body-md-size)}.media-fehler{margin:var(--space-4) var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-error-container);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-body-md-size)}.media-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--color-surface-container);aspect-ratio:4 / 3;padding:0;transition:border-color .15s,box-shadow .15s;width:100%}.media-item:hover{border-color:var(--color-primary)}.media-item-aktiv{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.media-item img{width:100%;height:100%;object-fit:cover;display:block}.media-item-check{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-primary);color:var(--color-on-primary);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.media-modal-footer{padding:var(--space-3) var(--space-6);border-top:1px solid var(--ghost-border);display:flex;justify-content:flex-end;flex-shrink:0}.media-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.media-manager-item{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.media-manager-bild{aspect-ratio:4 / 3;overflow:hidden}.media-manager-bild img{width:100%;height:100%;object-fit:cover;display:block}.media-manager-info{padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.media-manager-name{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mobile-topbar{display:none}@media(max-width:768px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:56px;padding:0 var(--space-4);background:var(--color-primary);color:var(--color-primary-fixed);flex-shrink:0}.mobile-topbar-logo{font-family:var(--font-headline);font-weight:600;font-size:1.1rem;color:var(--color-primary-fixed);letter-spacing:.01em}.mobile-hamburger{background:none;border:none;color:var(--color-primary-fixed);font-size:1.5rem;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}}@media(max-width:768px){.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;cursor:pointer;border:none;padding:0}.mobile-drawer{position:fixed;top:0;left:0;width:280px;height:100%;height:100dvh;background:var(--color-primary);z-index:300;display:flex;flex-direction:column;padding:var(--space-4);overflow-y:auto;gap:var(--space-2)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.drawer-close{background:none;border:none;color:var(--color-primary-fixed);opacity:.8;font-size:1.25rem;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface-container-lowest);border-top:1px solid var(--color-outline-variant);z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--color-on-surface-variant);background:none;border:none;cursor:pointer;font-family:var(--font-label);padding:0;min-height:44px}.bottom-nav-item.aktiv{color:var(--color-primary)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;line-height:1}.bottom-nav-buchen .bottom-nav-icon{background:var(--color-secondary-container);border-radius:var(--radius-full);width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--color-on-secondary-container)}.bottom-nav-item.aktiv .bottom-nav-icon svg{stroke:var(--color-primary)}.bottom-nav-buchen.aktiv .bottom-nav-icon svg{stroke:var(--color-on-secondary-container)}.bottom-nav-label{font-size:.6875rem;font-weight:500}}@media(max-width:768px){.main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom));overflow-x:hidden}input,select,textarea{font-size:16px!important}input,select{min-height:48px}button,.loeschen-btn,.badge.status-trigger,.behandlerin-name-btn,.kalender-nav-btn,.kalender-tab,.kalender-heute-btn,.sidebar-buchen{min-height:44px}.filter-leiste{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-2);padding-bottom:var(--space-1)}.termin-eintrag{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--space-1) var(--space-2);background:var(--color-surface-container-lowest);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);box-shadow:var(--shadow-sm)}.termin-eintrag .termin-zeit{grid-column:1;grid-row:1;font-weight:600;color:var(--color-primary)}.termin-eintrag .termin-service{grid-column:2;grid-row:1;font-weight:500}.termin-eintrag .termin-beauty{grid-column:1;grid-row:2;color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size)}.termin-eintrag .termin-behandlerin{grid-column:2;grid-row:2;color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size)}.termin-eintrag .badge{grid-column:1 / -1;width:fit-content}.sektion-header{flex-wrap:wrap;gap:var(--space-2)}.main-content h1{font-size:var(--text-headline-md-size);margin-bottom:var(--space-4)}}@media(max-width:768px){.table-container{overflow-x:unset}.table-container table{display:block;min-width:unset}.table-container thead{display:none}.table-container tbody{display:flex;flex-direction:column;gap:var(--space-3)}.table-container tr{display:flex;flex-direction:column;background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border-bottom:none}.table-container tr.unassigned-row{border-left:3px solid var(--color-error)}.table-container tr:hover td{background:transparent}.table-container td{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border:none;min-height:36px;background:transparent}.table-container td:before{content:attr(data-label);font-weight:500;min-width:88px;color:var(--color-on-surface-variant);font-size:var(--text-label-md-size, .75rem);flex-shrink:0}.table-container td[data-label=""]{justify-content:flex-end;padding-top:var(--space-2)}.table-container td[data-label=""]:before{display:none}.table-container td.col-placeholder{display:none}}.kalender-tag-ansicht{display:none}@media(max-width:768px){.kalender-container{display:none}.kalender-tag-ansicht{display:block}.kalender-tag-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.kalender-tag-titel{font-family:var(--font-headline);font-size:var(--text-headline-sm-size, 1.5rem);font-weight:500;color:var(--color-on-surface);text-align:center;flex:1}.kalender-tag-liste{display:flex;flex-direction:column;gap:var(--space-2)}.kalender-tag-eintrag{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-on-primary-fixed);min-height:64px}.kalender-tag-zeit{font-weight:700;font-size:var(--text-label-lg-size, .875rem);min-width:44px;flex-shrink:0}.kalender-tag-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.kalender-tag-service{font-weight:600;font-size:var(--text-body-md-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kalender-tag-beauty{font-size:var(--text-body-sm-size);opacity:.85}.kalender-tag-behandlerin{font-size:var(--text-label-sm-size, .6875rem);opacity:.8;text-align:right;flex-shrink:0;max-width:70px;overflow:hidden;text-overflow:ellipsis}.kalender-filter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-1)}.kalender-nav{flex-wrap:wrap;gap:var(--space-2)}}.team-zeile{display:grid;grid-template-columns:56px 1fr auto auto auto auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);margin-bottom:var(--space-2);transition:border-color .12s ease,box-shadow .12s ease}.team-zeile:hover{border-color:var(--color-primary)}.team-zeile-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid var(--color-surface-container-lowest);box-shadow:0 0 0 1px var(--color-outline-variant);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.team-zeile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.team-zeile-initial{color:#fff;font-family:var(--font-display);font-size:1.5rem;font-weight:500}.team-zeile-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;padding:0;font:inherit;cursor:pointer;text-align:left;min-width:0}.team-zeile-avatar-readonly,.team-zeile-info-readonly{cursor:default}.team-zeile-name{font-family:var(--font-headline);font-size:var(--text-title-md-size);color:var(--color-on-surface);font-weight:500}.team-zeile-spez,.team-zeile-email{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.team-zeile-rolle-badge{padding:4px 10px;background:var(--color-secondary-container);color:var(--color-on-surface);border-radius:var(--radius-full);font-size:var(--text-label-sm-size);font-weight:500;white-space:nowrap}.team-zeile-rolle-badge.rolle-admin{background:var(--color-primary);color:var(--color-surface-container-lowest)}.team-zeile-edit{padding:6px 14px;background:transparent;border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-on-surface);font-size:var(--text-label-sm-size);cursor:pointer;transition:background .12s ease,border-color .12s ease}.team-zeile-edit:hover{background:var(--color-surface-container);border-color:var(--color-primary)}.profilpanel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#191c1b73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:profilpanel-fade-in .18s ease}@keyframes profilpanel-fade-in{0%{opacity:0}to{opacity:1}}.profilpanel{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--color-surface-container-lowest);box-shadow:-24px 0 48px #191c1b1f;z-index:1001;display:flex;flex-direction:column;outline:none;animation:profilpanel-slide-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes profilpanel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.profilpanel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-outline-variant)}.profilpanel-header h2{margin:0;font-family:var(--font-headline);font-size:var(--text-headline-md-size);color:var(--color-on-surface);outline:none}.profilpanel-close{width:36px;height:36px;background:transparent;border:none;font-size:1.75rem;line-height:1;cursor:pointer;border-radius:var(--radius-full);color:var(--color-on-surface-variant);display:flex;align-items:center;justify-content:center;transition:background .12s ease}.profilpanel-close:hover{background:var(--color-surface-container);color:var(--color-on-surface)}.profilpanel-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.profilpanel-sektion h3{font-family:var(--font-headline);font-size:var(--text-title-md-size);color:var(--color-on-surface);margin:0 0 var(--space-3)}.profilpanel-sektion-hint{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);margin:0 0 var(--space-3)}.profilpanel-foto-bereich{display:flex;gap:var(--space-6);align-items:flex-start}.profilpanel-foto{width:140px;height:140px;border-radius:var(--radius-xl);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.profilpanel-foto img{width:100%;height:100%;object-fit:cover;display:block}.profilpanel-foto-initial{color:#fff;font-family:var(--font-display);font-size:4rem;font-weight:400}.profilpanel-foto-aktionen{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}.profilpanel-foto-aktionen .speichern-btn,.profilpanel-foto-aktionen .abbrechen-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.profilpanel-foto-aktionen .speichern-btn.disabled{opacity:.6;cursor:wait}.loeschen-btn-text{background:none;border:none;color:var(--color-error);font-size:var(--text-body-sm-size);cursor:pointer;padding:var(--space-2) 0;text-align:left}.loeschen-btn-text:hover{text-decoration:underline}.profilpanel-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.profilpanel-textarea{font-family:var(--font-body);resize:vertical;min-height:96px}.profilpanel-hint{display:block;margin-top:var(--space-1);font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);text-align:right}.profilpanel-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-low)}@media(max-width:640px){.team-zeile{grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;row-gap:var(--space-2)}.team-zeile-rolle-badge,.team-zeile-edit{grid-row:2}.profilpanel-grid-2{grid-template-columns:1fr}.profilpanel-foto-bereich{flex-direction:column;align-items:center}}.behandlungen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.behandlung-karte{display:flex;flex-direction:column;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);overflow:hidden;text-align:left;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.behandlung-karte:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.behandlung-karte-bild{width:100%;height:160px;object-fit:cover;display:block}.behandlung-karte-placeholder{width:100%;height:160px;background:var(--color-surface-container)}.behandlung-karte-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.behandlung-karte-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.behandlung-karte-name{font-family:var(--font-headline);font-size:var(--text-title-md-size);font-weight:500;color:var(--color-on-surface);line-height:1.3}.behandlung-karte-name-en{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.behandlung-karte-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.behandlung-karte-badge{font-size:var(--text-label-sm-size);font-weight:500;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface-variant)}.behandlung-karte-badge-kat{background:var(--color-secondary-container);color:var(--color-secondary);text-transform:capitalize}.behandlung-karte-preis{font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface);margin-top:auto}.behandlung-karte-status{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.behandlung-karte-inaktiv{font-size:var(--text-label-sm-size);color:var(--color-error);font-weight:500}.behandlung-karte-signatur{font-size:var(--text-label-sm-size);color:var(--color-primary);font-weight:500}.behandlung-karte-nicht-buchbar{font-size:var(--text-label-sm-size);color:var(--color-on-error-container, var(--color-error));background-color:var(--color-error-container);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500;cursor:help}.sz-tabelle{width:100%;border-collapse:collapse;font-size:var(--text-body-sm-size)}.sz-tabelle th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--color-on-surface-variant);font-weight:500;border-bottom:1px solid var(--color-outline-variant)}.sz-tabelle td{padding:var(--space-3);border-bottom:1px solid var(--color-surface-container)}.sz-zeile:hover{background:var(--color-surface-container-low)}.btn-loeschen{background:none;border:none;cursor:pointer;color:var(--color-on-surface-variant);padding:var(--space-1) var(--space-2)}.btn-loeschen:hover{color:var(--color-error)}.vergangene-sz{margin-top:var(--space-4);color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size)}.sz-vergangen td{opacity:.6}.sektion-leer{color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);padding:var(--space-4) 0}.bp-label-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bp-label-pill{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:9999px;border:1.5px solid var(--color-outline-variant);background:var(--color-surface-container);color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:.75rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.bp-label-pill:hover{border-color:var(--color-primary)}.bp-label-pill.aktiv{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.bp-varianten-liste{display:flex;flex-direction:column;gap:var(--space-2)}.bp-varianten-zeile{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--space-2);align-items:center}.bp-varianten-zeile input{min-width:0}.bp-fehler,.bp-warnung{margin-top:var(--space-3);padding:.6rem .85rem;border-radius:var(--radius-md);font-size:.85rem;font-family:var(--font-body)}.bp-fehler{background:var(--color-error-container, #ffdad6);color:var(--color-error, #ba1a1a)}.bp-warnung{background:var(--color-secondary-container);color:var(--color-primary)}@media(min-width:1024px){.profilpanel{width:clamp(520px,55vw,680px)}}.aktion-panel{margin-top:var(--space-2)}.aktion-panel>summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-headline);font-size:var(--text-title-md-size);color:var(--color-on-surface);list-style:none;padding:var(--space-2) 0;-webkit-user-select:none;user-select:none}.aktion-panel>summary::-webkit-details-marker{display:none}.aktion-panel>summary:before{content:"▶";font-size:.65em;color:var(--color-on-surface-variant);transition:transform .16s ease}.aktion-panel[open]>summary:before{transform:rotate(90deg)}.aktion-panel__badge{display:inline-block;margin-left:var(--space-2);padding:.1rem .5rem;border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary-container, #fff);font-size:var(--text-label-sm-size, .75rem);font-weight:600}.feld-row{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--text-body-md-size);color:var(--color-on-surface)}.feld-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;margin-right:var(--space-2)}.feld-row--grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.feld-label{font-size:var(--text-label-md-size);font-weight:500;color:var(--color-on-surface-variant);margin:0 0 var(--space-2)}.varianten-aktion-liste{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.varianten-aktion-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-outline-variant)}.v-label{font-weight:600;font-size:var(--text-label-lg-size);color:var(--color-on-surface)}.v-basis{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.service-row__aktion-badge{display:inline-block;margin-left:var(--space-2);padding:.1rem .5rem;border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary-container, #fff);font-size:var(--text-label-sm-size, .75rem);font-weight:600}
