@font-face{font-family:Brix Sans;src:url(/fonts/brixsanslight.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Brix Sans;src:url(/fonts/brixsansbold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--qb-orange: #ff4000;--qb-orange-press: #e63a00;--qb-anthrazit: #191e1e;--qb-tuerkis: #00c3d7;--qb-white: #ffffff;--qb-gelbgruen: #79992b;--qb-lila: #662e6b;--qb-dunkelgruen: #007852;--qb-bordeaux: #971349;--qb-petrol: #00567d;--qb-rot: #cf0a2c;--qb-anthrazit-80: #474b4b;--qb-anthrazit-60: #757879;--qb-anthrazit-40: #a3a5a6;--qb-anthrazit-20: #d1d2d3;--qb-anthrazit-10: #e8e9e9;--qb-anthrazit-05: #f4f4f4;--qb-status-green: #afc280;--qb-status-amber: #ffc000;--qb-status-red: #cf0a2c;--bg: var(--qb-white);--bg-subtle: var(--qb-anthrazit-05);--bg-muted: var(--qb-anthrazit-10);--bg-nav: var(--qb-anthrazit);--fg: var(--qb-anthrazit);--fg-muted: var(--qb-anthrazit-80);--fg-subtle: var(--qb-anthrazit-60);--fg-faint: var(--qb-anthrazit-40);--fg-on-color: var(--qb-white);--line: var(--qb-anthrazit-20);--line-soft: var(--qb-anthrazit-10);--accent: var(--qb-orange);--accent-press: var(--qb-orange-press);--accent-ink: var(--qb-orange);--focus-ring: rgb(255 64 0 / 15%);--ok-mark: var(--qb-status-green);--ok-ink: var(--qb-dunkelgruen);--warn-mark: var(--qb-status-amber);--warn-ink: var(--fg);--bad-mark: var(--qb-status-red);--bad-ink: var(--qb-status-red);--idle-mark: var(--qb-anthrazit-40);--note-warn-bg: #fff8e1;--note-bad-bg: #fcebee;--note-info-bg: #e9fafc;--notice-bg: var(--qb-anthrazit);--notice-line: transparent;--font: "Brix Sans", "Trebuchet MS", Trebuchet, system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--radius: 2px;--radius-pill: 999px;--control-h: 34px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .16s;--shadow-overlay: 0 12px 32px rgb(25 30 30 / 12%)}@media(prefers-color-scheme:dark){:root{--bg: #121515;--bg-subtle: #191e1e;--bg-muted: #232828;--bg-nav: #0c0f0f;--fg: #e8e9e9;--fg-muted: #c3c5c5;--fg-subtle: #a3a5a6;--fg-faint: #757879;--line: #2c3131;--line-soft: #232828;--accent-ink: #ff6a3d;--focus-ring: rgb(255 64 0 / 28%);--ok-ink: var(--qb-status-green);--warn-ink: var(--qb-status-amber);--bad-mark: #f29088;--bad-ink: #f29088;--note-warn-bg: #2a2313;--note-bad-bg: #2c1a1c;--note-info-bg: #10262a;--notice-bg: var(--bg-muted);--notice-line: var(--line)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-weight:300;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:700}h2{font-size:1.3rem;line-height:1.2;margin:0 0 .75rem}h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg);margin:1.75rem 0 .6rem;padding-top:.5rem;position:relative}h3:before{content:"";position:absolute;top:0;left:0;width:28px;height:2px;background:var(--accent)}a{color:var(--accent-ink);text-decoration:none}a:hover{color:var(--accent-press);text-decoration:underline}p{text-wrap:pretty}code,.mono{font-family:var(--mono);font-size:.875em}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .75rem;border-bottom:1px solid var(--line-soft);vertical-align:top}th{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--fg-subtle);border-bottom:1px solid var(--line);white-space:nowrap;padding-bottom:.5rem}tbody tr:hover>td{background:var(--bg-subtle)}button{font:inherit;font-weight:700;font-size:.81rem;letter-spacing:.01em;height:var(--control-h);padding:0 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}button:hover:not(:disabled){border-color:var(--fg);background:var(--bg-subtle)}button:disabled{opacity:.45;cursor:not-allowed}button.danger{color:var(--bad-ink)}button.danger:hover:not(:disabled){background:var(--qb-status-red);border-color:var(--qb-status-red);color:var(--qb-white)}input,select,textarea{font:inherit;font-weight:300;height:var(--control-h);padding:0 .6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg);width:100%}input[type=checkbox],input[type=radio]{height:auto;width:15px;accent-color:var(--accent)}textarea{height:auto;min-height:7rem;padding:.55rem .6rem;font-family:var(--mono);font-size:.8rem;line-height:1.55}input::placeholder,textarea::placeholder{color:var(--fg-faint)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}a:focus-visible{border-radius:var(--radius)}label{display:block;margin-bottom:.65rem}label>span{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin-bottom:.25rem}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:.9rem;margin:0 0 1rem}legend{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);padding:0 .3rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--qb-white)}.btn--primary:hover:not(:disabled){background:var(--accent-press);border-color:var(--accent-press);color:var(--qb-white)}.btn--secondary{background:var(--qb-anthrazit);border-color:var(--qb-anthrazit);color:var(--qb-white)}.btn--secondary:hover:not(:disabled){background:#2a3030;border-color:#2a3030;color:var(--qb-white)}.btn--ghost{border-color:transparent;background:none;color:var(--fg-muted);padding:0 .5rem}.btn--ghost:hover:not(:disabled){border-color:transparent;background:none;color:var(--accent-ink)}.btn--sm{height:28px;padding:0 .6rem;font-size:.75rem}.btn--lg{height:44px;padding:0 1.5rem;font-size:.875rem}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.card--fill{background:var(--bg-subtle)}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:.6rem}.grid{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.spacer{flex-grow:1}.muted{color:var(--fg-subtle)}.cap{font-size:.8rem;color:var(--fg-subtle)}.markup{font-weight:700;color:var(--accent-ink)}.error{color:var(--bad-ink)}.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;padding:.1rem .55rem .1rem .45rem;border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap}.pill>b{font-weight:700}.pill__sep{color:var(--fg-faint)}.pill--bad{border-color:var(--bad-mark);color:var(--bad-ink)}.pill--tombstone{background:var(--qb-anthrazit);border-color:var(--qb-anthrazit);color:var(--qb-white)}.dot{width:7px;height:7px;border-radius:var(--radius-pill);flex-shrink:0;background:var(--idle-mark)}.dot--ok{background:var(--ok-mark)}.dot--warn{background:var(--warn-mark)}.dot--bad{background:var(--bad-mark)}.dot--idle{background:var(--idle-mark)}.tag{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .55rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg)}.tag--api{border-color:var(--qb-petrol);color:var(--qb-petrol)}.tag--llm{background:var(--qb-tuerkis);border-color:var(--qb-tuerkis);color:var(--qb-anthrazit)}.tag--plain{background:var(--bg-subtle);border-color:var(--line-soft);color:var(--fg-muted);font-family:var(--mono);font-weight:300;font-size:.7rem;text-transform:none;letter-spacing:.02em}.note{display:flex;gap:.7rem;padding:.7rem .9rem;border-radius:var(--radius);font-size:.8rem;background:var(--bg-subtle);border-left:3px solid var(--fg-faint);margin:0 0 1rem}.note--info{background:var(--note-info-bg);border-left-color:var(--qb-tuerkis)}.note--warn{background:var(--note-warn-bg);border-left-color:var(--warn-mark)}.note--bad{background:var(--note-bad-bg);border-left-color:var(--bad-mark)}.secret{font-family:var(--mono);font-size:.85rem;word-break:break-all;background:var(--bg);border:1px dashed var(--qb-status-red);border-radius:var(--radius);padding:.7rem .8rem}.kv{display:flex;flex-direction:column;gap:.15rem}.kv__k{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--fg-subtle)}.chip{font:inherit;font-weight:700;font-size:.75rem;height:28px;padding:0 .75rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg-muted)}.chip.is-active{background:var(--qb-anthrazit);border-color:var(--qb-anthrazit);color:var(--qb-white)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.seg>button{height:30px;border:none;border-radius:0;font-size:.75rem;color:var(--fg-subtle)}.seg>button+button{border-left:1px solid var(--line)}.seg>button.is-active{background:var(--qb-anthrazit);color:var(--qb-white)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.tab{font:inherit;font-weight:700;font-size:.81rem;height:auto;color:var(--fg-subtle);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.55rem .85rem}.tab:hover:not(:disabled){background:none;border-color:transparent;color:var(--fg)}.tab.is-active{color:var(--fg);border-bottom-color:var(--accent)}.kpi{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.kpi__l{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--fg-subtle)}.kpi__v{font-size:1.7rem;font-weight:700;line-height:1.1}.kpi__v>small{font-size:.9rem;font-weight:300;color:var(--fg-subtle)}.kpi__f{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.75rem;color:var(--fg-subtle)}.meter{height:6px;background:var(--bg-muted);border-radius:var(--radius-pill);overflow:hidden}.meter>i{display:block;height:100%;background:var(--accent)}.empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3.5rem 1.25rem;text-align:center}.empty>p{margin:0;color:var(--fg-subtle);max-width:42ch}.scrim{position:fixed;inset:0;background:#191e1e6b}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(32rem,100vw);background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column}.drawer__h{padding:1.1rem 1.35rem;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:.75rem}.drawer__b{padding:1.25rem 1.35rem;overflow:auto;flex-grow:1}.drawer__f{padding:.9rem 1.35rem;border-top:1px solid var(--line);background:var(--bg-subtle);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.dialog{position:fixed;left:50%;top:6rem;transform:translate(-50%);width:min(34rem,calc(100vw - 2rem));background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column}.dialog__h{padding:1.1rem 1.35rem 0}.dialog__b{padding:.5rem 1.35rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.dialog__b>p{margin:0}.dialog__f{padding:.9rem 1.35rem;border-top:1px solid var(--line);display:flex;gap:.6rem;justify-content:flex-end}.drawer__h h3,.dialog__h h3,.empty h3{margin:0;padding:0;font-size:1.05rem;text-transform:none;letter-spacing:0}.drawer__h h3:before,.dialog__h h3:before,.empty h3:before{content:none}.check{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.75rem}.check>input{width:15px;margin:.2rem 0 0;flex-shrink:0}.check__t{display:flex;flex-direction:column;gap:.1rem}.check__t>b{font-weight:700}.check__t>span{font-size:.8rem;color:var(--fg-subtle)}.snippet{font-family:var(--mono);font-size:.78rem;line-height:1.55;white-space:pre;overflow-x:auto;margin:0;padding:.7rem .8rem;background:var(--bg-subtle);border:1px solid var(--line-soft);border-radius:var(--radius)}.notices{position:fixed;right:1.25rem;bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem;width:min(28rem,calc(100vw - 2.5rem));pointer-events:none}.notice{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .8rem .7rem .9rem;border-radius:var(--radius);background:var(--notice-bg);border:1px solid var(--notice-line);color:var(--qb-white);font-size:.8rem;line-height:1.45;box-shadow:var(--shadow-overlay);pointer-events:auto}.notice--bad{background:var(--qb-status-red);border-color:transparent}.notice__x{margin-left:auto;flex-shrink:0;min-height:0;padding:0;background:none;border:0;color:inherit;opacity:.75}.notice__x:hover{opacity:1;background:none}.notice__x>svg{width:15px;height:15px;display:block}