:root{--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "JetBrains Mono", monospace;--bg: oklch(.985 .003 240);--surface: #ffffff;--surface-2: oklch(.975 .004 240);--surface-3: oklch(.955 .005 240);--border: oklch(.92 .006 240);--border-strong: oklch(.86 .008 240);--hover: oklch(.96 .005 240);--text: oklch(.22 .014 240);--text-2: oklch(.46 .014 240);--text-3: oklch(.62 .013 240);--text-on-accent: #fff;--accent: oklch(.55 .095 180);--accent-hover: oklch(.5 .1 180);--accent-soft: oklch(.93 .04 180);--accent-softer: oklch(.965 .022 180);--accent-ink: oklch(.35 .08 180);--ok: oklch(.58 .11 150);--ok-soft: oklch(.95 .04 150);--ok-ink: oklch(.38 .1 150);--warn: oklch(.72 .13 75);--warn-soft: oklch(.96 .05 80);--warn-ink: oklch(.45 .12 60);--danger: oklch(.58 .18 25);--danger-soft: oklch(.96 .04 25);--danger-ink: oklch(.42 .16 25);--info: oklch(.6 .12 250);--info-soft: oklch(.95 .04 250);--info-ink: oklch(.4 .12 250);--neutral: oklch(.65 .012 240);--neutral-soft: oklch(.95 .005 240);--neutral-ink: oklch(.4 .012 240);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 30, .05);--shadow-md: 0 4px 14px -4px rgba(15, 23, 30, .08), 0 1px 2px rgba(15, 23, 30, .04);--shadow-lg: 0 14px 40px -12px rgba(15, 23, 30, .18), 0 4px 12px -6px rgba(15, 23, 30, .08);--row-h: 44px;--pad-card: 20px;--pad-input: 8px 12px;--gap: 16px;--fs-body: 14px;--fs-sm: 12.5px;--fs-xs: 11.5px;--fs-h1: 22px;--fs-h2: 17px;--fs-h3: 14.5px}[data-density=compact]{--row-h: 36px;--pad-card: 14px;--pad-input: 5px 9px;--gap: 12px;--fs-body: 13px;--fs-sm: 12px;--fs-xs: 11px;--fs-h1: 19px;--fs-h2: 15.5px;--fs-h3: 13.5px}[data-accent=indigo]{--accent: oklch(.55 .16 265);--accent-hover: oklch(.5 .17 265);--accent-soft: oklch(.94 .05 265);--accent-softer:oklch(.97 .025 265);--accent-ink: oklch(.38 .16 265)}[data-accent=amber]{--accent: oklch(.6 .14 60);--accent-hover: oklch(.55 .15 55);--accent-soft: oklch(.94 .07 75);--accent-softer:oklch(.97 .04 75);--accent-ink: oklch(.42 .13 55)}[data-accent=rose]{--accent: oklch(.6 .16 15);--accent-hover: oklch(.55 .17 15);--accent-soft: oklch(.95 .05 15);--accent-softer:oklch(.97 .025 15);--accent-ink: oklch(.42 .16 15)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:var(--sidebar-w, 232px) 1fr;height:100vh;min-height:100vh}[data-sidebar=icons] .app{--sidebar-w: 64px}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sb-brand{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border);height:56px}.sb-mark{width:28px;height:28px;border-radius:7px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:-.02em}.sb-mark-img{width:30px;height:30px;display:block;flex-shrink:0}.sb-customer-logo{padding:12px 14px 4px;border-top:1px solid var(--border);margin-top:8px;display:flex;align-items:center;justify-content:center;min-height:48px}.sb-customer-logo img{max-width:100%;max-height:40px;opacity:.78}[data-sidebar=icons] .sb-customer-logo,.app.compact-sidebar .sb-customer-logo{display:none}@media (max-width: 1180px){.sb-customer-logo{display:none}}.sb-name{font-weight:600;letter-spacing:-.01em;font-size:15px}.sb-name .sub{display:block;font-weight:400;color:var(--text-3);font-size:11px;letter-spacing:0}[data-sidebar=icons] .sb-name,[data-sidebar=icons] .sb-section{display:none}.sb-section{padding:14px 18px 6px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-weight:600}.sb-nav{display:flex;flex-direction:column;padding:4px 8px;gap:1px;flex:1;min-height:0;overflow-y:auto}.sb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text-2);background:transparent;border:0;text-align:left;font-weight:500;font-size:13.5px;position:relative}.sb-item:hover{background:var(--hover);color:var(--text)}.sb-item[data-active="1"]{background:var(--accent-softer);color:var(--accent-ink)}.sb-item[data-active="1"]:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.sb-item .badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;background:var(--text);color:var(--bg);border-radius:99px;font-size:10.5px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}.sb-item[data-active="1"] .badge{background:var(--accent);color:var(--text-on-accent)}[data-sidebar=icons] .sb-item span:not(.badge){display:none}[data-sidebar=icons] .sb-item{justify-content:center}[data-sidebar=icons] .sb-item .badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;font-size:9.5px;padding:0 3px}.sb-foot{padding:10px 12px;border-top:1px solid var(--border)}.sb-user{display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px}.sb-user:hover{background:var(--hover)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:600;font-size:11.5px;letter-spacing:0;flex-shrink:0}.avatar.lg{width:36px;height:36px;font-size:13px}.avatar.sm{width:22px;height:22px;font-size:10px}.avatar.xs{width:18px;height:18px;font-size:9px}.sb-user .meta{display:flex;flex-direction:column;line-height:1.2;min-width:0}.sb-user .meta b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user .meta small{font-size:11px;color:var(--text-3)}[data-sidebar=icons] .sb-user .meta,[data-sidebar=icons] .sb-user .caret{display:none}[data-sidebar=icons] .sb-user{justify-content:center;padding:4px}.sb-user .caret{margin-left:auto;color:var(--text-3)}.main{display:grid;grid-template-rows:76px 1fr;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.crumbs{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:13px}.crumbs a{color:var(--text-2);text-decoration:none}.crumbs a:hover{color:var(--text)}.crumbs .sep{color:var(--text-3)}.crumbs b{color:var(--text);font-weight:500}.search{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);height:34px;width:360px;max-width:100%;color:var(--text-3)}.search input{flex:1;border:0;outline:0;background:transparent}.search input::placeholder{color:var(--text-3)}.search kbd{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);background:var(--surface);border:1px solid var(--border);padding:1px 5px;border-radius:4px}.spacer{flex:1}.role-switch{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;font-weight:500}.role-switch .role{color:var(--accent-ink)}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text-2);position:relative}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;background:var(--accent);border-radius:50%;border:1.5px solid var(--surface)}.content{overflow:auto;padding:24px 32px 64px}[data-density=compact] .content{padding:16px 24px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--pad-card)}.card-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-head h3{margin:0;font-size:var(--fs-h3);font-weight:600}.card-head .desc{color:var(--text-3);font-size:var(--fs-sm);font-weight:400}.card-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:12.5px}h1.page{margin:0 0 6px;font-size:var(--fs-h1);font-weight:600;letter-spacing:-.012em}.sub{color:var(--text-3);font-size:var(--fs-sm)}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:500;font-size:13px}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);color:var(--text-on-accent);border-color:transparent}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:7px}.btn.lg{height:40px;padding:0 16px;font-size:14px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.danger{color:var(--danger-ink);border-color:var(--border)}.btn.danger:hover{background:var(--danger-soft)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:99px;font-size:11.5px;font-weight:500;background:var(--neutral-soft);color:var(--neutral-ink);white-space:nowrap}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.badge.ok{background:var(--ok-soft);color:var(--ok-ink)}.badge.warn{background:var(--warn-soft);color:var(--warn-ink)}.badge.danger{background:var(--danger-soft);color:var(--danger-ink)}.badge.info{background:var(--info-soft);color:var(--info-ink)}.badge.accent{background:var(--accent-soft);color:var(--accent-ink)}.badge.outline{background:transparent;border:1px solid var(--border);color:var(--text-2)}.badge.lg{height:26px;padding:0 10px;font-size:12.5px}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-weight:500;color:var(--text-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);position:sticky;top:0;z-index:1;padding:8px 14px}.table tbody tr{background:var(--surface)}.table tbody tr:hover{background:var(--surface-2);cursor:pointer}.table tbody tr[data-selected="1"]{background:var(--accent-softer)}.table .cell-right{text-align:right}.table .cell-id{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.table .cell-primary{font-weight:500;color:var(--text)}.table .cell-meta{color:var(--text-3);font-size:12px;line-height:1.3}.input,.select,.textarea{width:100%;padding:var(--pad-input);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;outline:0;min-height:34px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--text-2);font-weight:500}.field .hint{color:var(--text-3);font-size:11.5px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f171e52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:scrim-in .18s ease}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:540px;max-width:95vw;background:var(--surface);z-index:81;display:grid;grid-template-rows:auto 1fr auto;box-shadow:var(--shadow-lg);animation:drawer-in .22s cubic-bezier(.2,.7,.3,1)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:0;font-size:var(--fs-h2);font-weight:600}.drawer-body{overflow:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px}.drawer-foot{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--border);background:var(--surface-2)}.row{display:flex;align-items:center;gap:var(--gap)}.col{display:flex;flex-direction:column;gap:var(--gap)}.grid{display:grid;gap:var(--gap)}.between{justify-content:space-between}.mt-sm{margin-top:10px}.mt-md{margin-top:18px}.mt-lg{margin-top:28px}.gap-sm{gap:8px}.gap-md{gap:14px}.gap-lg{gap:22px}hr.div{border:0;border-top:1px solid var(--border);margin:0}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.kpi .label{color:var(--text-3);font-size:12px;font-weight:500}.kpi .val{font-size:28px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .delta{font-size:12px;display:inline-flex;gap:4px;align-items:center;color:var(--text-3)}.kpi .delta.up{color:var(--ok-ink)}.kpi .delta.down{color:var(--danger-ink)}.kpi .spark{display:block;margin-top:6px;opacity:.9;width:100%}.kpi .spark svg{display:block;width:100%;height:28px}.timeline{display:flex;flex-direction:column;gap:0;padding:4px 0}.tl-item{display:grid;grid-template-columns:22px 1fr auto;gap:10px;padding:10px 0;position:relative}.tl-item:before{content:"";position:absolute;left:10px;top:28px;bottom:-10px;width:1px;background:var(--border)}.tl-item:last-child:before{display:none}.tl-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);margin:6px 0 0 6px;box-shadow:0 0 0 3px var(--accent-soft)}.tl-dot.neutral{background:var(--text-3);box-shadow:0 0 0 3px var(--surface-3)}.tl-dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.tl-dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.tl-body b{font-weight:500}.tl-body .meta{color:var(--text-3);font-size:12px}.tl-time{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tabs .tab{background:transparent;border:0;padding:12px 16px;color:var(--text-2);font-weight:500;font-size:13.5px;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px}.tabs .tab:hover{color:var(--text)}.tabs .tab[data-active="1"]{color:var(--accent-ink);border-bottom-color:var(--accent)}.tabs .tab .count{font-size:11px;padding:1px 6px;border-radius:99px;background:var(--surface-2);color:var(--text-3)}.tabs .tab[data-active="1"] .count{background:var(--accent-soft);color:var(--accent-ink)}.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;color:var(--text-2)}.chip:hover{background:var(--surface-2);color:var(--text)}.chip[data-active="1"]{background:var(--accent-softer);color:var(--accent-ink);border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}.chip .x{color:var(--text-3)}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 14px;font-size:13px}.kv dt{color:var(--text-3);font-weight:400}.kv dd{margin:0;color:var(--text)}.empty{padding:28px;text-align:center;color:var(--text-3);font-size:13px}.empty b{color:var(--text-2);display:block;font-weight:500;margin-bottom:4px}.spark-bar{height:4px;background:var(--surface-2);border-radius:99px;overflow:hidden}.spark-bar>i{display:block;height:100%;background:var(--accent);transform-origin:left center;animation:barGrow .76s cubic-bezier(.22,1,.36,1) both}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kpi{animation:fadeUp .52s cubic-bezier(.22,1,.36,1) both}.kpi:nth-child(1){animation-delay:0ms}.kpi:nth-child(2){animation-delay:80ms}.kpi:nth-child(3){animation-delay:.16s}.kpi:nth-child(4){animation-delay:.24s}.kpi:nth-child(5){animation-delay:.32s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.spark .spark-line{stroke-dasharray:1;stroke-dashoffset:1;animation:strokeDraw .9s .22s cubic-bezier(.22,1,.36,1) forwards}.spark .spark-area{opacity:0;animation:fadeIn .7s .38s ease-out forwards}@keyframes strokeDraw{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}.card,.timeline .tl-item{animation:fadeUp .46s cubic-bezier(.22,1,.36,1) both}.timeline .tl-item:nth-child(1){animation-delay:.2s}.timeline .tl-item:nth-child(2){animation-delay:.3s}.timeline .tl-item:nth-child(3){animation-delay:.4s}.timeline .tl-item:nth-child(4){animation-delay:.5s}.textarea.einsatz-bericht{font-size:15px;line-height:1.6;padding:14px 16px}@media (max-width: 1180px){.textarea.einsatz-bericht{min-height:420px!important;font-size:16px}}@media (max-width: 1180px){.app{--sidebar-w: 64px}.sidebar .sb-name,.sidebar .sb-section,.sidebar .sb-user .meta,.sidebar .sb-user .caret,.sidebar .sb-item span:not(.badge){display:none}.sidebar .sb-item{justify-content:center;padding:12px 10px}.sidebar .sb-item .badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;font-size:9.5px;padding:0 3px}.sidebar .sb-user{justify-content:center;padding:8px}.topbar .search{width:220px}.content{padding:18px 22px 48px}.btn{height:40px;padding:0 16px;font-size:14px}.btn.sm{height:34px;padding:0 12px;font-size:13px}.icon-btn{width:40px;height:40px}.tabs .tab{padding:14px;font-size:14px;min-height:48px}.input,.select,.textarea{min-height:40px;padding:10px 12px;font-size:14px}.drawer{width:640px;max-width:95vw}.table th,.table td{padding:12px 14px}}@media (max-width: 1080px){.topbar .crumbs{font-size:14px}.topbar .search{display:none}.topbar .role-switch{padding:6px 10px}.topbar{display:none}.main{grid-template-rows:1fr}}@media (max-width: 900px){.tb-drawer-layout{grid-template-columns:1fr!important}}@media (max-width: 820px){.content{padding:14px 14px 40px}.topbar{padding:0 14px}.drawer{width:100vw;max-width:100vw}.content .grid[style*="repeat(5"],.content .grid[style*="repeat(4"],.content .grid[style*="1fr 1fr 1fr"],.content .grid[style*="1.5fr 1fr"],.content .grid[style*="1fr 1fr"]{grid-template-columns:1fr!important}.filterbar{padding:10px;gap:6px}.chip{padding:8px 12px;font-size:13px}.row.between{flex-wrap:wrap;row-gap:10px}}@media (prefers-reduced-motion: reduce){.spark-bar>i,.kpi,.spark .spark-line,.spark .spark-area,.card,.timeline .tl-item{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}.placeholder-img{background:repeating-linear-gradient(135deg,var(--surface-2) 0 10px,var(--surface-3) 10px 20px);border:1px solid var(--border);border-radius:var(--r-md);display:grid;place-items:center;color:var(--text-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.s-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.s-dot.ok{background:var(--ok)}.s-dot.warn{background:var(--warn)}.s-dot.danger{background:var(--danger)}.s-dot.info{background:var(--info)}.s-dot.neutral{background:var(--text-3)}.s-dot.accent{background:var(--accent)}.content::-webkit-scrollbar,.drawer-body::-webkit-scrollbar,.sb-nav::-webkit-scrollbar{width:10px;height:10px}.content::-webkit-scrollbar-thumb,.drawer-body::-webkit-scrollbar-thumb,.sb-nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:2px solid var(--bg);background-clip:content-box}.content::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box;border:2px solid var(--bg)}