@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@600&family=Inter:wght@400;500;600;700&display=swap";:root{--navy:#11190c;--navy-2:#242b1f;--navy-text:#11190c;--yellow:#e6ff02;--yellow-ink:#4f5a00;--yellow-tint:#f3ffb0;--surface:#fff;--canvas:#f1ede6;--line:#e8e3d9;--line-2:#d9d3c6;--muted:#8a877f;--muted-2:#4c4c4c;--tint-blue:#cfc9bc;--tint-purple:#e5e5e5;--tint-green:#f3ffb0;--tint-yellow:#e6ff02;--ok:#2f9e63;--ok-tint:#ddf5e6;--warn:#c98a12;--warn-tint:#fbefd3;--crit:#d64545;--crit-tint:#fbe0e0;--paused:#6b4fbb;--paused-tint:#eee9fb;--font-head:"Instrument Sans", "Inter", system-ui, sans-serif;--r-pill:999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar:224px;--topbar:60px;--r-card:16px;--r-ctrl:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--canvas);color:var(--navy-text);font:400 14px / 1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--yellow-ink)}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.025em;margin:0;font-weight:600}code{color:var(--muted-2);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}svg.icon{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.side{background:var(--navy);color:#e8e6df;flex-direction:column;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0}.side .brand{align-items:center;padding:8px 12px 20px;text-decoration:none;display:flex}.side .brand svg{width:auto;height:30px;display:block}.side-sec{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 12px 4px;font-size:10.5px;font-weight:600}.side nav a{border-radius:var(--r-pill);color:#e8e6df;align-items:center;gap:10px;height:36px;padding:0 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s ease-out;display:flex}.side nav a:hover{background:var(--navy-2)}.side nav a.on{background:var(--yellow);color:var(--navy-text)}.side nav a.on .badge{background:var(--navy);color:var(--yellow)}.side .badge{background:var(--yellow);color:var(--navy-text);text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.side .who{color:#a5a5a5;border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:auto;padding:14px 12px 4px;font-size:12px;display:flex}.side .who i{background:var(--yellow);width:28px;height:28px;color:var(--navy-text);border-radius:50%;flex:none;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid}.side .who form{margin-left:auto}.side .logout{color:#e8e6df;border-radius:var(--r-pill);height:28px;font:600 11.5px / 1 var(--font);cursor:pointer;background:0 0;border:1px solid #ffffff2e;padding:0 10px}.side .logout:hover{background:var(--navy-2)}.content{min-width:0}.topbar{height:var(--topbar);background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:0 28px;display:flex}.topbar h1{font-size:20px}.topbar .month{color:var(--muted-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px}main{max-width:1320px;padding:24px 28px 64px}@media (width<=52rem){.shell{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center;gap:4px;height:auto;position:static}.side .brand{padding:4px 12px}.side nav{display:contents}.side-sec,.side .who span{display:none}.side .who{border:none;margin:0 0 0 auto;padding:0 4px}main{padding:16px}}.page-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head h1{font-size:24px}.page-head .lead{color:var(--muted-2);margin:2px 0 0;font-size:13.5px}.page-head .actions{margin-left:auto}.kicker{color:var(--yellow-ink);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;padding:16px 18px 12px;display:flex}.kpi .top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kpi .label{color:var(--muted-2);font-size:12.5px;font-weight:500}.kpi .value{font-family:var(--font-head);letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:600}.kpi .value.crit{color:var(--crit)}.kpi .value.ok{color:var(--ok)}.tile{width:36px;height:36px;color:var(--navy-text);border-radius:10px;flex:none;place-items:center;display:grid}.tile svg.icon{width:18px;height:18px}.tile.yellow{background:var(--tint-yellow)}.tile.purple{background:var(--tint-purple)}.tile.green{background:var(--tint-green)}.tile.blue{background:var(--tint-blue)}.kpi .more{border-top:1px solid var(--line);color:var(--muted-2);margin-top:12px;padding-top:10px;font-size:12.5px;font-weight:500;text-decoration:none}.kpi .more:hover{color:var(--navy-text)}.sec{margin-bottom:20px}.sec-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.sec-head h2{font-size:15px;font-weight:600}.sec-head .meta{color:var(--muted-2);margin-left:auto;font-size:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.card .pad{padding:14px 16px}.card+.card{margin-top:10px}.cols{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:20px;display:grid}@media (width<=68rem){.cols{grid-template-columns:1fr}}.rail .sec{margin-bottom:14px}.mark{border:1px solid var(--line-2);background:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.mark img{object-fit:contain;width:100%;height:100%;display:block}.mark.mono{background:var(--canvas);color:var(--navy-text);letter-spacing:.02em;font-size:10.5px;font-weight:700}.mark.lg{border-radius:12px;width:52px;height:52px}.mark.lg.mono{font-size:16px}.who{align-items:center;gap:10px;display:flex}.who .name{font-weight:600}.who .slug,.slug{color:var(--muted);font-size:11.5px}.state{white-space:nowrap;background:var(--canvas);height:24px;color:var(--muted-2);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.state.wartet{background:var(--yellow-tint);color:var(--yellow-ink)}.state.notbremse,.state.nicht-erreichbar{background:var(--crit-tint);color:var(--crit)}.state.alter-stand{background:var(--warn-tint);color:var(--warn)}.state.ki-pausiert{background:var(--paused-tint);color:var(--paused)}.state.ruhig{background:var(--ok-tint);color:var(--ok)}.tag{background:var(--canvas);height:22px;color:var(--muted-2);white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.tag.ok{background:var(--ok-tint);color:var(--ok)}.tag.warn{background:var(--warn-tint);color:var(--warn)}.tag.crit{background:var(--crit-tint);color:var(--crit)}.tag.plan{color:#11190c;background:#e5e5e5}.tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn,button{border-radius:var(--r-pill);height:36px;font:600 13px / 1 var(--font);background:var(--yellow);color:var(--navy-text);border:1px solid var(--yellow);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;text-decoration:none;transition:background .15s ease-out,border-color .15s ease-out;display:inline-flex}.btn:hover,button:hover{background:#d4eb00;border-color:#d4eb00}.btn.navy,button.navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn.navy:hover,button.navy:hover{background:var(--navy-2);border-color:var(--navy-2)}.btn.ghost,button.ghost{color:var(--navy-text);border-color:var(--line-2);background:#fff}.btn.ghost:hover,button.ghost:hover{background:var(--canvas);border-color:var(--line-2)}.btn.danger,button.danger{color:var(--crit);border-color:var(--line-2);background:#fff}.btn.danger:hover,button.danger:hover{background:var(--crit-tint);border-color:var(--line-2)}.btn.sm,button.sm{height:30px;padding:0 11px;font-size:12px}button:disabled{opacity:.45;cursor:default}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input[type=text],input[type=email],input[type=number],input[type=search],select,textarea{font:inherit;color:var(--navy-text);border:1px solid var(--line-2);border-radius:var(--r-ctrl);background:#fff;width:100%;height:36px;padding:0 12px}textarea{resize:vertical;height:auto;padding:9px 12px}input[type=file]{font:inherit;font-size:12.5px}label{color:var(--navy-text);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.hint{color:var(--muted-2);margin:6px 0 0;font-size:12px;line-height:1.45}.stack{gap:10px;display:grid}.fields{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:10px;display:grid}.form{grid-template-columns:minmax(12rem,17rem) 1fr;display:grid}.form .flabel,.form .fctrl{border-bottom:1px solid var(--line);padding:12px 16px}.form .flabel{color:var(--navy-text);font-size:13px;font-weight:500}.form .flabel small{color:var(--muted-2);margin-top:2px;font-size:12px;font-weight:400;line-height:1.4;display:block}.form .fctrl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form .fctrl input,.form .fctrl select{width:auto;min-width:11rem}.form>:nth-last-child(-n+2){border-bottom:none}@media (width<=40rem){.form{grid-template-columns:1fr}.form .flabel{border-bottom:none;padding-bottom:2px}}.value{font-weight:600}.plans{border:1px solid var(--line-2);border-radius:var(--r-ctrl);display:grid;overflow:hidden}.plans label{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;height:38px;margin:0;padding:0 12px;font-size:13px;font-weight:500;display:flex}.plans label:last-child{border-bottom:none}.plans label:has(input:checked){background:var(--yellow-tint)}.plans input{accent-color:var(--navy)}.plans em{color:var(--muted-2);margin-left:auto;font-size:12px;font-style:normal}.meter{background:var(--canvas);border-radius:999px;height:8px;margin:8px 0 4px;overflow:hidden}.meter i{background:var(--yellow);height:100%;display:block}.meter i.warn{background:var(--warn)}.meter i.crit{background:var(--crit)}.meter-lab{color:var(--muted-2);justify-content:space-between;font-size:12px;display:flex}.grid{border-collapse:collapse;width:100%;font-size:13.5px}.grid th{text-align:left;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;height:40px;padding:0 14px;font-size:11.5px;font-weight:600}.grid td{border-bottom:1px solid var(--line);vertical-align:middle;height:52px;padding:0 14px}.grid tbody tr:last-child td{border-bottom:none}.grid tbody tr:hover td{background:#faf8f4}.grid tfoot td{border-top:1px solid var(--line-2);background:var(--canvas);color:var(--muted-2);border-bottom:none;height:44px;font-size:12px;font-weight:600}.grid .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.grid .sub{color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.3;display:block}.grid tr.hl td{background:#fbffe0}.neg{color:var(--crit);font-weight:600}.pos{color:var(--ok);font-weight:600}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:34px;font-size:13px;display:flex}.kv:last-child{border-bottom:none}.kv span{color:var(--muted-2)}.kv b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.kv b.warn{color:var(--warn)}.kv b.crit{color:var(--crit)}.hatch{border:1px solid var(--yellow-ink);background-image:repeating-linear-gradient(45deg, transparent 0 2px, var(--yellow-ink) 2px 3px);border-radius:2px;flex:none;width:10px;height:10px;display:inline-block}.draft{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:34px;font-size:13px;display:flex}.draft:last-child{border-bottom:none}.draft em{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px;font-style:normal}.conv{border-bottom:1px solid var(--line)}.conv:last-child{border-bottom:none}.conv-head{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.conv.open .conv-head{background:var(--yellow);color:var(--navy-text)}.conv.open .conv-head .state,.conv.open .conv-head .tag{color:var(--navy-text);background:#15233e1f}.conv.open .conv-head .slug,.conv.open .conv-head .age{color:#15233eb3}.conv-head .age{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.conv-quote{color:var(--muted-2);margin:0;padding:0 16px 12px 56px;font-size:13px}.conv-body{padding:14px 16px 16px}.thread{gap:8px;max-height:24rem;margin:0 0 10px;padding:0;list-style:none;display:grid;overflow-y:auto}.thread li{white-space:pre-wrap;overflow-wrap:break-word;background:var(--canvas);border-radius:10px;max-width:46rem;padding:8px 12px;font-size:13px}.thread li.ki{border:1px solid var(--line);color:var(--muted-2);background:0 0}.thread li.agentur{background:var(--navy);color:#fff;justify-self:end}.thread li b{color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.thread li.agentur b{color:var(--yellow)}.reply{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.reply textarea{min-height:2.6rem}.log{border-bottom:1px solid var(--line);grid-template-columns:5.5rem minmax(8rem,13rem) 1fr auto;align-items:center;gap:6px 14px;min-height:40px;padding:0 16px;font-size:12.5px;display:grid}.log:last-child{border-bottom:none}.log .when{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.log .site a{color:var(--navy-text);font-weight:600;text-decoration:none}.log .actor{color:var(--muted);white-space:nowrap}@media (width<=40rem){.log{grid-template-columns:1fr;padding:8px 16px}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.segs{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-ctrl);gap:2px;padding:3px;display:inline-flex}.segs a{color:var(--muted-2);border-radius:6px;align-items:center;height:28px;padding:0 11px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.segs a.on{background:var(--navy);color:#fff}.toolbar form{gap:6px;margin:0;display:flex}.toolbar input[type=search]{width:15rem}.notice,.error,.empty{border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:13px}.notice{background:var(--yellow-tint);color:var(--yellow-ink)}.error{background:var(--crit-tint);color:var(--crit)}.empty{background:var(--canvas);color:var(--muted-2)}.muted{color:var(--muted-2)}.dim{color:var(--muted)}.small{font-size:12px}.scroll-x{overflow-x:auto}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
