:root{--bg: #ffffff;--bg-subtle: #fafafa;--bg-muted: #f4f4f5;--bg-elevated: #ffffff;--bg-hover: #f4f4f5;--bg-active: #e4e4e7;--text: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--text-inverse: #ffffff;--border: #e4e4e7;--border-strong: #d4d4d8;--border-subtle: #f4f4f5;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-subtle: #eff6ff;--accent-border: #bfdbfe;--accent-text: #1e40af;--ok: #16a34a;--ok-subtle: #f0fdf4;--ok-border: #bbf7d0;--warn: #d97706;--warn-subtle: #fffbeb;--warn-border: #fde68a;--crit: #dc2626;--crit-subtle: #fef2f2;--crit-border: #fecaca;--bg-primary: var(--bg);--bg-secondary: var(--bg-subtle);--bg-tertiary: var(--bg-muted);--text-primary: var(--text);--border-color: var(--border);--primary-color: var(--accent);--primary-hover: var(--accent-hover);--card-bg: var(--bg-elevated);--input-bg: var(--bg);--error-color: var(--crit);--success-color: var(--ok);--warning-color: var(--warn);--hover-bg: var(--bg-hover);--shadow: rgba(0, 0, 0, .06);--status-ok: var(--ok);--status-ok-bg: var(--ok-subtle);--status-warn: var(--warn);--status-warn-bg: var(--warn-subtle);--status-crit: var(--crit);--status-crit-bg: var(--crit-subtle);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .08), 0 6px 10px -4px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .18);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Cascadia Mono", monospace;--font-body: var(--font-sans);--font-display: var(--font-sans);--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--leading-tight: 1.25;--leading-normal: 1.5;--ease: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration: .18s;--duration-slow: .28s;--header-height: 56px;--container-max: 1280px}[data-theme=dark]{--bg: #0a0a0a;--bg-subtle: #111111;--bg-muted: #171717;--bg-elevated: #141414;--bg-hover: #1c1c1c;--bg-active: #262626;--text: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-inverse: #18181b;--border: #262626;--border-strong: #3f3f46;--border-subtle: #1c1c1c;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-subtle: #0f1d33;--accent-border: #1e3a8a;--accent-text: #93c5fd;--ok: #22c55e;--ok-subtle: #0a1f12;--ok-border: #14532d;--warn: #f59e0b;--warn-subtle: #1f1503;--warn-border: #78350f;--crit: #ef4444;--crit-subtle: #1f0a0a;--crit-border: #7f1d1d;--shadow: rgba(0, 0, 0, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .5), 0 6px 10px -4px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .32)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:var(--leading-tight);letter-spacing:-.011em;color:var(--text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-subtle);color:var(--accent-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:padding-box}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--space-6)}@media (max-width: 640px){.container{padding:var(--space-5) var(--space-4)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;margin:0}@media (max-width: 640px){.page-title{font-size:var(--text-2xl)}.page-subtitle{font-size:var(--text-sm)}}@media (max-width: 640px){body{font-size:15px}.button,.btn{height:42px;font-size:15px;padding:0 var(--space-5)}.button-sm,.btn-sm{height:36px;font-size:14px;padding:0 var(--space-4)}.button-icon{width:42px;padding:0}.button-icon.button-sm{width:36px}.input,.select,.textarea{height:44px;font-size:16px}.textarea{height:auto;min-height:100px}.label{font-size:var(--text-sm)}.chip{height:36px;font-size:14px;padding:0 var(--space-4)}.badge{height:26px;padding:0 var(--space-3);font-size:var(--text-sm)}.section-title{font-size:var(--text-md)}.alert{font-size:15px}}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.section{margin-bottom:var(--space-8)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.section-title{font-size:var(--text-base);font-weight:600;letter-spacing:-.005em;margin:0;color:var(--text)}.section-meta{font-size:var(--text-xs);color:var(--text-tertiary);font-feature-settings:"tnum"}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-xs)}.card-compact{padding:var(--space-4)}.card-tight{padding:var(--space-3)}.card-flush{padding:0;overflow:hidden}.card-title{font-size:var(--text-md);font-weight:600;margin:0 0 var(--space-4) 0}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1;color:var(--text-inverse);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.button:hover,.btn:hover{color:var(--text-inverse);background:var(--accent-hover);border-color:var(--accent-hover)}.button:active,.btn:active{transform:translateY(.5px)}.button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-secondary,.btn-secondary{color:var(--text);background:var(--bg-elevated);border-color:var(--border-strong)}.button-secondary:hover,.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text)}.button-ghost,.btn-ghost{color:var(--text-secondary);background:transparent;border-color:transparent}.button-ghost:hover,.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.button-danger,.btn-danger{color:var(--text-inverse);background:var(--crit);border-color:var(--crit)}.button-danger:hover,.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}[data-theme=dark] .button-danger{color:#fff}[data-theme=dark] .button-danger:hover{background:#dc2626;border-color:#dc2626}.button-outline-danger{color:var(--crit);background:transparent;border-color:var(--crit-border)}.button-outline-danger:hover{background:var(--crit-subtle);color:var(--crit)}.button-sm,.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--text-xs)}.button-lg,.btn-lg{height:40px;padding:0 var(--space-5);font-size:var(--text-base)}.button-icon,.btn-icon{width:34px;padding:0}.button-icon.button-sm,.btn-icon.btn-sm{width:28px}.button-icon.button-lg,.btn-icon.btn-lg{width:40px}.button-block,.btn-block{width:100%}.label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.005em}.input,.select,.textarea{display:block;width:100%;height:36px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-sm);line-height:1.4;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);-moz-appearance:none;appearance:none;-webkit-appearance:none}.textarea{height:auto;min-height:90px;padding:var(--space-3);line-height:var(--leading-normal);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--bg-muted);color:var(--text-tertiary);cursor:not-allowed}.select{padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px}.field-group{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:block}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);overflow-x:auto}.table-wrap--sticky{overflow:auto;max-height:calc(100dvh - 140px)}.table-wrap--sticky .table thead th{position:sticky;top:0;z-index:2}.table-wrap--sticky .table tbody td:first-child{position:sticky;left:0;z-index:1;background:var(--bg-elevated)}.table-wrap--sticky .table thead th:first-child{left:0;z-index:3}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead th{text-align:left;font-weight:500;font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;padding:var(--space-3) var(--space-4);background:var(--bg-muted);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--duration-fast) var(--ease)}.table tbody tr.is-clickable{cursor:pointer}.table tbody tr.is-clickable:hover{background:var(--bg-hover)}@media (max-width: 640px){.table{font-size:15px}.table thead th{padding:var(--space-3) var(--space-3);font-size:var(--text-xs)}.table tbody td{padding:var(--space-4) var(--space-3)}}.table-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:500;line-height:1;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-secondary);border:1px solid transparent;white-space:nowrap}.badge-ok{background:var(--ok-subtle);color:var(--ok);border-color:var(--ok-border)}.badge-warn{background:var(--warn-subtle);color:var(--warn);border-color:var(--warn-border)}.badge-crit{background:var(--crit-subtle);color:var(--crit);border-color:var(--crit-border)}.badge-info{background:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent-border)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-secondary);border:1px solid transparent;white-space:nowrap}.status-badge.status-ok{background:var(--ok-subtle);color:var(--ok);border-color:var(--ok-border)}.status-badge.status-crit{background:var(--crit-subtle);color:var(--crit);border-color:var(--crit-border)}.alert{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);font-size:var(--text-sm)}.alert-info{background:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent-border)}.alert-success{background:var(--ok-subtle);color:var(--ok);border-color:var(--ok-border)}.alert-warning{background:var(--warn-subtle);color:var(--warn);border-color:var(--warn-border)}.alert-danger{background:var(--crit-subtle);color:var(--crit);border-color:var(--crit-border)}.error{background:var(--crit-subtle);color:var(--crit);border:1px solid var(--crit-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.success{background:var(--ok-subtle);color:var(--ok);border:1px solid var(--ok-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.chip-group{display:inline-flex;align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:2px}.chip{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.chip:hover{color:var(--text)}.chip[aria-pressed=true],.chip.is-active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-xs)}.search-field{position:relative;display:inline-flex;align-items:center}.search-field__input{height:32px;padding-left:30px;padding-right:30px;font-size:var(--text-sm)}.search-field__input::-webkit-search-decoration,.search-field__input::-webkit-search-cancel-button,.search-field__input::-webkit-search-results-button,.search-field__input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-field__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--text-tertiary);pointer-events:none;transition:color var(--duration-fast) var(--ease)}.search-field:focus-within .search-field__icon{color:var(--accent)}.search-field__clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.search-field__clear:hover{background:var(--bg-muted);color:var(--text)}.search-field__clear:focus-visible{outline:none;background:var(--bg-muted);color:var(--text);box-shadow:var(--shadow-focus)}@media (max-width: 640px){.search-field__input{padding-left:40px;padding-right:40px}.search-field__icon{left:14px}.search-field__clear{right:8px;width:28px;height:28px}}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6);height:var(--header-height)}@media (max-width: 640px){.nav{padding:0 var(--space-4)}}.nav-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;letter-spacing:-.015em;color:var(--text);text-decoration:none;flex-shrink:0}.nav-brand-mark{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active,.nav-link[aria-current=page]{background:var(--bg-muted);color:var(--text)}.nav-divider{width:1px;height:18px;background:var(--border);margin:0 var(--space-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:backdropIn var(--duration) var(--ease)}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:calc(100vh - var(--space-12));overflow:auto;animation:modalIn var(--duration-slow) var(--ease)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-md);font-weight:600;margin:0}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-hover) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.accordion{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.accordion+.accordion{margin-top:var(--space-2)}.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;font:inherit;text-align:left;cursor:pointer;color:var(--text);transition:background var(--duration-fast) var(--ease)}.accordion-header:hover{background:var(--bg-hover)}.accordion-header[aria-expanded=true]{background:var(--bg-muted)}.accordion-title{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);letter-spacing:-.005em}.accordion-meta{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-left:auto;padding-right:var(--space-2)}.accordion-chevron{flex-shrink:0;transition:transform var(--duration) var(--ease);color:var(--text-tertiary)}.accordion-header[aria-expanded=true] .accordion-chevron{transform:rotate(180deg);color:var(--text-secondary)}.accordion-body{overflow:hidden}.accordion-body-inner{border-top:1px solid var(--border)}@media (max-width: 640px){.accordion-header{padding:var(--space-4)}.accordion-title{font-size:var(--text-base)}.accordion-meta{font-size:var(--text-sm)}}.fuellstand{display:flex;flex-direction:column;gap:4px;min-width:100px}@media (max-width: 640px){.fuellstand{gap:6px;min-width:100px}.fuellstand-value{font-size:15px}.fuellstand-track{height:8px}}.fuellstand-value{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:600;letter-spacing:-.01em;color:var(--fuellstand-color, var(--text))}.fuellstand-track{position:relative;width:100%;height:6px;background:var(--fuellstand-track, var(--bg-muted));border-radius:999px;overflow:hidden}.fuellstand-fill{height:100%;background:var(--fuellstand-color, var(--accent));border-radius:999px;transition:width var(--duration-slow) var(--ease)}.container-narrow{max-width:820px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.back-link{margin-left:calc(-1 * var(--space-2))}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.empty-state--compact{padding:var(--space-8) var(--space-5)}.empty-state__icon{display:inline-flex;margin-bottom:var(--space-1);color:var(--text-tertiary)}.empty-state__title{font-size:var(--text-md);font-weight:600;color:var(--text);text-wrap:balance}.empty-state__text{max-width:44ch;font-size:var(--text-sm);color:var(--text-secondary);text-wrap:pretty}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.kunden-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:var(--space-4)}.kunde-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.kunde-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.kunde-card:has(.kunde-card__link:focus-visible){border-color:var(--accent);box-shadow:var(--shadow-focus)}.kunde-card.is-skeleton{pointer-events:none}.kunde-card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.kunde-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.kunde-card__title{min-width:0}.kunde-card__name{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;text-wrap:balance}.kunde-card__link,.kunde-card__link:hover{color:inherit}.kunde-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.kunde-card__link:focus-visible{box-shadow:none}@supports not selector(:has(*)){.kunde-card__link:focus-visible{box-shadow:var(--shadow-focus)}}.kunde-card__address{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.kunde-card__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1);flex-shrink:0;max-width:45%}.kunde-card__facts{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.icon-line{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--text)}.icon-line>svg{flex-shrink:0;margin-top:.22em;color:var(--text-tertiary)}.icon-line.is-empty{color:var(--text-secondary)}.kunde-card__note{padding:var(--space-2) var(--space-3);background:var(--bg-muted);border-radius:var(--radius)}.kunde-card__note-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.kunde-card__actions{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);pointer-events:none}.kunde-card__actions>a,.kunde-card__actions>button{pointer-events:auto}.kunde-card__count{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto;font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}@media (max-width: 640px){.kunden-grid{gap:var(--space-3)}.kunde-card__body{padding:var(--space-4);gap:var(--space-3)}.kunde-card__name{font-size:var(--text-lg)}.kunde-card__address,.kunde-card__facts{font-size:15px}.kunde-card__actions{padding:var(--space-3) var(--space-4)}.kunde-card__actions .button{flex:1 1 0}.kunde-card__count{font-size:var(--text-sm)}}.kunde-header{margin-bottom:var(--space-8)}.kunde-header .page-title{text-wrap:balance}.kunde-header__address{margin-top:var(--space-1);font-size:var(--text-md);color:var(--text-secondary)}.kunde-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.quick-actions .button{height:40px;padding:0 var(--space-5);font-size:var(--text-base)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:start}.detail-grid .section-header{min-height:41px}@media (max-width: 960px){.detail-grid{grid-template-columns:minmax(0,1fr);gap:0}.detail-grid .section-header{min-height:0}}.note-card{padding:var(--space-4) var(--space-5)}.note-text{font-size:var(--text-md);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.note-text.is-empty{font-size:var(--text-sm);color:var(--text-secondary)}.info-card{padding:var(--space-1) var(--space-5)}.info-list{margin:0}.info-list__row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.info-list__row:last-child{border-bottom:none}.info-list dt{font-size:var(--text-sm);color:var(--text-secondary)}.info-list dd{margin:0;color:var(--text);overflow-wrap:anywhere}.info-list dd.is-empty{color:var(--text-secondary)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.photo-thumb{margin:0;min-width:0}.photo-thumb__button{display:block;width:100%;padding:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:zoom-in;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.photo-thumb__button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.photo-thumb__button:focus-visible{border-color:var(--accent);border-radius:var(--radius-md)}.photo-thumb__button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.photo-thumb__button:hover img{transform:scale(1.03)}.photo-thumb figcaption{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-panel{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-4);align-items:start;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-md)}.upload-panel__preview{width:72px;height:72px;object-fit:cover;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius)}.upload-panel__fields{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.upload-panel__file{font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere}.upload-panel__size{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.upload-panel__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.danger-zone{padding-top:var(--space-6);border-top:1px solid var(--border)}@media (max-width: 640px){.kunde-header{margin-bottom:var(--space-6)}.kunde-header__address{font-size:16px}.quick-actions .button{flex:1 1 0;height:48px;padding:0 var(--space-4);font-size:16px}.note-card{padding:var(--space-4)}.note-text{font-size:16px}.info-card{padding:var(--space-1) var(--space-4)}.info-list__row{grid-template-columns:minmax(0,1fr);gap:2px}.info-list dd{font-size:16px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-thumb figcaption{font-size:var(--text-sm)}.upload-panel{grid-template-columns:56px minmax(0,1fr);gap:var(--space-3)}.upload-panel__preview{width:56px;height:56px}.upload-panel__actions .button{flex:1 1 0}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#fff;background:#000000f5;animation:backdropIn var(--duration) var(--ease)}.lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.lightbox__count{font-size:var(--text-sm);color:#ffffffb8;font-variant-numeric:tabular-nums}.lightbox__tools{display:flex;gap:var(--space-2)}.lightbox__button,.lightbox__nav{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font:inherit;font-size:var(--text-sm);font-weight:500;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:999px;cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.lightbox__button:hover,.lightbox__nav:hover{background:#ffffff38}.lightbox__button:focus-visible,.lightbox__nav:focus-visible{border-radius:999px;box-shadow:0 0 0 3px #ffffff59}.lightbox__button--icon{width:40px;padding:0}.lightbox__button--danger:hover{background:#ef44444d;border-color:#ef44448c}.lightbox__stage{position:relative;min-height:0;margin-bottom:var(--space-4)}.lightbox__image{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:calc(100% - 2 * var(--space-16));max-height:100%;object-fit:contain;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;animation:lightboxImageIn var(--duration-slow) var(--ease)}@keyframes lightboxImageIn{0%{opacity:0}to{opacity:1}}.lightbox__nav{position:absolute;top:50%;width:44px;height:44px;padding:0;transform:translateY(-50%)}.lightbox__nav--prev{left:var(--space-4)}.lightbox__nav--next{right:var(--space-4)}.lightbox__caption{max-width:70ch;margin:0 auto;padding:var(--space-3) var(--space-5) var(--space-5);font-size:var(--text-base);text-align:center;color:#ffffffe0}@media (max-width: 640px){.lightbox__image{max-width:calc(100% - 2 * var(--space-2))}.lightbox__nav{background:#00000073}.lightbox__nav--prev{left:var(--space-3)}.lightbox__nav--next{right:var(--space-3)}.lightbox__caption{font-size:16px}}.form-card{padding:0}.form-card__body{padding:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4)}.form-grid__full{grid-column:1 / -1}.fieldset{min-width:0;margin:0;padding:0;border:0}.fieldset>legend{padding:0}.label-required{color:var(--text-secondary)}.field-error{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--crit)}.field-error>svg{flex-shrink:0}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--crit)}.input[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus{border-color:var(--crit);box-shadow:0 0 0 3px color-mix(in srgb,var(--crit) 20%,transparent)}.option-tiles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.option-tile{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.option-tile:hover{background:var(--bg-hover)}.option-tile input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.option-tile:has(input:checked){color:var(--accent-text);background:var(--accent-subtle);border-color:var(--accent)}.option-tile:has(input:focus-visible){box-shadow:var(--shadow-focus)}.option-tiles[data-invalid] .option-tile{border-color:var(--crit)}.time-range{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.time-range .input{width:132px}.time-range__sep{color:var(--text-tertiary)}.time-range .option-tile{margin-left:var(--space-2)}.form-actions{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--bg-elevated);border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md)}@media (max-width: 640px){.form-card__body{padding:var(--space-5) var(--space-4)}.form-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.field-error{font-size:var(--text-sm)}.option-tile{flex:1 1 100%;height:44px;padding:0 var(--space-4);font-size:15px}.time-range .input{flex:1 1 0;width:auto;min-width:0}.time-range .option-tile{flex-basis:100%;margin-left:0}.form-actions{padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom))}.form-actions .button{flex:1 1 0}}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-secondary)}.text-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.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}.divider{height:1px;background:var(--border);border:none;margin:var(--space-5) 0}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.flex-wrap{flex-wrap:wrap}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}