:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201f1d;--color-accent: #b68235;--color-accent-2: #ac803e;--color-divider: color-mix(in srgb, #201f1d 16%, transparent);--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #fff3e4;--color-accent-200: #ffe3bf;--color-accent-300: #facb8d;--color-accent-400: #e1ad66;--color-accent-500: #c28d41;--color-accent-600: #a06f24;--color-accent-700: #7d5411;--color-accent-800: #5a3b0a;--color-accent-900: #3a270d;--color-accent-2-100: #fff3e4;--color-accent-2-200: #ffe3be;--color-accent-2-300: #f5cd96;--color-accent-2-400: #dbaf70;--color-accent-2-500: #bc8f4e;--color-accent-2-600: #9b7232;--color-accent-2-700: #79561f;--color-accent-2-800: #573d14;--color-accent-2-900: #382810;--font-heading: "Cormorant Garamond", system-ui, sans-serif;--font-heading-weight: 600;--font-body: "Lora", system-ui, sans-serif;--space-1: 4.6px;--space-2: 9.2px;--space-3: 13.8px;--space-4: 18.4px;--space-6: 27.6px;--space-8: 36.8px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 7px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.plate{filter:sepia(.22) saturate(.82) contrast(1.05);box-sizing:border-box;border:6px solid var(--color-surface);outline:1px solid var(--color-divider)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-size:13px}h6{letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}figure{margin:0}figcaption{font-size:11px;margin-top:var(--space-1);color:color-mix(in srgb,var(--color-text) 55%,transparent)}.text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.hr{height:1px;border:0;margin:var(--space-4) 0;background:var(--color-divider)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:transparent;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{min-height:90px;resize:vertical}.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.radio input,.seg-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio .dot{width:16px;height:16px;flex:none;border-radius:50%;border:1.5px solid var(--color-divider)}.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.seg{display:inline-flex;overflow:hidden;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.seg-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-divider)}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{margin:0;font-size:13px;opacity:.8;flex:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px;margin-right:auto}.nav a{color:inherit;text-decoration:none;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.table td{padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent)}.dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-divider)}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.dialog-body{font-size:14px;opacity:.85}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}html,body,#root{height:100%}body{-webkit-tap-highlight-color:transparent}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-800)}.accent-text{color:var(--color-accent-700)}.tabular{font-variant-numeric:tabular-nums}@keyframes tpFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpPush{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.tp-fadein{animation:tpFade .25s ease}@media(prefers-reduced-motion:reduce){.tp-fadein,.tp-push{animation:none}}.shell-desktop{min-height:100%;display:flex;flex-direction:column;background:var(--color-bg)}.shell-head{position:sticky;top:0;z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-divider)}.shell-head-top{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-2)}.shell-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px;letter-spacing:-.015em}.shell-production{font-size:13px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.shell-head-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.shell-tabs{display:flex;gap:var(--space-4);padding:0 var(--space-6);overflow-x:auto;scrollbar-width:none}.shell-tabs::-webkit-scrollbar{display:none}.shell-tab{position:relative;padding:var(--space-2) 0 calc(var(--space-2) + 1px);font-size:14px;color:color-mix(in srgb,var(--color-text) 65%,transparent);text-decoration:none;white-space:nowrap;transition:color .15s}.shell-tab:hover{color:var(--color-text)}.shell-tab[aria-current=page]{color:var(--color-accent-700)}.shell-tab[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-accent)}.shell-body{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:var(--space-6)}.shell-mobile{min-height:100%;display:flex;flex-direction:column;background:var(--color-bg);max-width:480px;margin:0 auto;border-inline:1px solid var(--color-divider)}@media(max-width:520px){.shell-mobile{border-inline:0}}.shell-mobile-head{position:sticky;top:0;z-index:20;display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-top:max(var(--space-2),env(safe-area-inset-top));background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider)}.shell-mobile-body{flex:1;padding:var(--space-4) var(--space-4) calc(var(--space-4) + 76px)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;max-width:480px;margin:0 auto;background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-divider);padding-bottom:env(safe-area-inset-bottom)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 2px;font-size:10px;letter-spacing:.02em;text-decoration:none;color:color-mix(in srgb,var(--color-text) 55%,transparent);background:none;border:0;cursor:pointer;transition:color .15s}.tabbar-item[aria-current=page]{color:var(--color-accent-700)}.tabbar-icon{position:relative;display:flex}.badge-dot{position:absolute;top:-3px;right:-5px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--color-accent-700);color:var(--color-bg);font-size:9px;line-height:15px;text-align:center;font-variant-numeric:tabular-nums}.push-banner{position:fixed;top:12px;left:12px;right:12px;z-index:60;max-width:456px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;background:var(--color-neutral-900);color:var(--color-bg);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;animation:tpPush .3s ease}.push-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--color-accent-700);color:#fff}.push-title{font-size:13px;font-weight:600}.push-body{font-size:13px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-2)}.row-wrap{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.spacer{margin-left:auto}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.section-head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.section-head h2,.section-head h3{margin:0}.avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--color-neutral-200);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:15px}.avatar-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:18px}.kpi{display:flex;flex-direction:column;gap:2px}.kpi-value{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:30px;line-height:1.05;font-variant-numeric:tabular-nums}.kpi-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.empty{padding:var(--space-6) var(--space-4);text-align:center;font-size:14px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 12px;font:inherit;font-size:13px;color:var(--color-text);background:transparent;border:1px solid var(--color-divider);border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.chip:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.chip[aria-pressed=true]{color:var(--color-accent-700);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.boot{min-height:100%;display:grid;place-items:center;padding:var(--space-8);text-align:center}.benutzermenue{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:236px;padding:4px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.benutzermenue-kopf{padding:8px 10px 10px;border-bottom:1px solid var(--color-divider);margin-bottom:4px}.benutzermenue-block{padding:8px 10px;border-top:1px solid var(--color-divider);margin-top:4px}.benutzermenue-block .benutzermenue-eintrag{padding-inline:0}.benutzermenue-eintrag{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;font:inherit;font-size:14px;text-align:left;color:inherit;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.benutzermenue-eintrag:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.vorschlagsliste{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;max-height:280px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.vorschlag{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;font:inherit;font-size:14px;text-align:left;color:inherit;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.vorschlag-aktiv{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.dialog-backdrop{z-index:100}.dialog{max-height:calc((100vh - 2 * var(--space-4)) / var(--zoom, 1));max-height:calc((100dvh - 2 * var(--space-4)) / var(--zoom, 1));overflow:hidden}.dialog-body{overflow-y:auto;min-height:0;padding:2px;margin:-2px}.dialog-title,.dialog-actions{flex:none}@media(max-width:900px){.input,input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}.input{min-height:40px}}@media print{.shell-head,.tabbar,.push-banner,.no-print{display:none!important}.shell-body{max-width:none;padding:0}body{background:#fff}}:root{--nacht: #1a1917;--nacht-hoch: #2d2b28;--messing-licht: #e1ad66;--messing-hell: #f2cd95}.shell-head,.shell-mobile-head,.tabbar,.anmeldeflaeche{--color-bg: var(--nacht);--color-surface: var(--nacht-hoch);--color-text: #f3f2f2;--color-accent: var(--messing-licht);--color-accent-700: var(--messing-licht);--color-accent-800: var(--messing-hell);--color-accent-100: color-mix(in srgb, var(--messing-licht) 22%, transparent);--color-divider: color-mix(in srgb, #f3f2f2 20%, transparent);color:var(--color-text)}.shell-head{border-bottom-color:color-mix(in srgb,var(--messing-licht) 30%,transparent)}.anmeldeflaeche{background:radial-gradient(120% 68% at 50% -8%,color-mix(in srgb,var(--messing-licht) 24%,transparent),transparent 62%),var(--nacht)}:root:has(.anmeldeflaeche),:root:has(.anmeldeflaeche) body{background:var(--nacht)}.benutzermenue{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201f1d;--color-accent: #b68235;--color-accent-700: #7d5411;--color-accent-800: #5a3b0a;--color-accent-100: #fff3e4;--color-divider: color-mix(in srgb, #201f1d 16%, transparent);color:var(--color-text)}@media print{:root,body,.anmeldeflaeche{background:#fff!important;color:#201f1d!important}}