:root{--text:#3d4a55;--text-h:#152029;--bg:#f4f7f8;--bg-muted:#e8eef1;--border:#d0dbe2;--accent:#0f766e;--panel:#fff;--bar-ok:#0f766e;--bar-error:#b91c1c;--bar-cancelled:#a16207;--bar-unset:#64748b;--sans:"IBM Plex Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font:15px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #d9efe9 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #e4eef5 0%, transparent 50%), var(--bg)}@media (prefers-color-scheme:dark){:root{--text:#c5d0d8;--text-h:#f2f6f8;--bg:#0f1418;--bg-muted:#171e24;--border:#2a353e;--accent:#2dd4bf;--panel:#12181e;--bar-ok:#2dd4bf;--bar-error:#f87171;--bar-cancelled:#fbbf24;--bar-unset:#94a3b8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(1000px 500px at 0% 0%, #12302c 0%, transparent 55%), radial-gradient(800px 400px at 100% 0%, #1a2430 0%, transparent 50%), var(--bg)}}body{margin:0}body:has(.auth-screen){overflow:hidden}h1,h2{color:var(--text-h);font-weight:600}.layout{min-height:100svh;display:flex}.sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, var(--bg-muted));box-sizing:border-box;flex-direction:column;gap:2px;width:232px;height:100svh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;margin:0 0 16px;font-size:18px}.nav-link{color:var(--text);border-radius:8px;padding:8px 12px;font-weight:500;text-decoration:none}.nav-link.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.nav-section{letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin:16px 0 4px;font-size:11px}.nav-button{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px}.nav-button:hover{color:var(--accent)}.sidebar-footer{flex-direction:column;gap:4px;margin-top:auto;padding-top:16px;display:flex}.org-switch{flex-direction:column;gap:4px;margin:0 0 12px;font-size:12px;display:flex}.org-switch select,.stack-form select,.auth-card button,.stack-form button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.auth-card button,.stack-form button{cursor:pointer;color:var(--text-h);width:fit-content}.auth-screen{--text:#c5d0d8;--text-h:#f7f4f1;--bg:#0b1020;--bg-muted:#141b2e;--border:#2c3648;--accent:#2dd4bf;--panel:#121826;--bar-error:#f87171;isolation:isolate;box-sizing:border-box;height:100svh;min-height:100svh;max-height:100svh;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(820px 480px at 12% 8%,#2dd4bf29,#0000 62%),radial-gradient(640px 560px at 88% 42%,#c496a833,#0000 58%),radial-gradient(700px 420px at 60% 110%,#1c2a48b3,#0000 60%),#0b1020;grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:center;column-gap:48px;padding:96px 56px 48px 72px;display:grid;position:relative;overflow:hidden}.auth-brand{z-index:2;color:var(--text-h);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:600;display:flex;position:absolute;top:28px;left:72px}.auth-mark{color:#2dd4bf;background:#161d2c;border:1px solid #f7f4f124;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.auth-mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:16px;height:16px}.auth-hero{z-index:1;max-width:640px;position:relative}.auth-kicker{color:#9aa6b4;margin:0 0 18px;font-size:14px}.auth-hero h1{letter-spacing:-.04em;color:#f7f4f1;max-width:18ch;margin:0;font-size:clamp(44px,5.4vw,68px);font-weight:500;line-height:1.02}.auth-hero h1 span{color:#e7cfc4;margin-top:4px;font-weight:500;display:block}.auth-hero .lede{color:#b7c2ce;max-width:42ch;margin:22px 0 0;font-size:17px;line-height:1.55}.auth-points{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.auth-points li{color:#d7dee6;background:#0a0e1873;border:1px solid #f7f4f11f;border-radius:999px;padding:6px 12px;font-size:13px}.auth-art{z-index:0;pointer-events:none;width:min(58vw,760px);height:auto;position:absolute;top:50%;right:-40px;transform:translateY(-48%)}.auth-card{z-index:1;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101624e0;border:1px solid #f7f4f11a;border-radius:16px;justify-self:end;width:100%;padding:28px 24px;position:relative;box-shadow:0 28px 70px #00000061}.auth-card h2{margin:0;font-size:22px}.auth-card .lede{color:#9aa6b4;margin:0;font-size:14px}.auth-card input.filter-input{min-width:0;color:var(--text-h);background:#0c121c;border-color:#2c3648;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.auth-card input.filter-input:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.auth-card input.filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.password-field{display:block;position:relative}.password-field input{box-sizing:border-box;width:100%;padding-right:40px}.auth-card .password-toggle{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.auth-card .password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.auth-card .password-toggle:hover,.auth-card .password-toggle[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.auth-card .auth-submit{background:var(--accent);color:#f4fffc;border-color:#0000;width:100%;margin-top:4px;padding:8px 12px;transition:filter .15s,transform .1s}.auth-card .auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-card .auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-card .auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-card.has-error{border-color:color-mix(in srgb, var(--bar-error) 55%, var(--border))}@media (width<=900px){.auth-screen{grid-template-columns:1fr;align-items:start;row-gap:28px;padding:88px 20px 32px}.auth-brand{left:20px}.auth-hero h1{max-width:none}.auth-art{display:none}.auth-card{justify-self:stretch;max-width:420px}}.stack-form{flex-direction:column;gap:12px;display:flex}.stack-form label{flex-direction:column;gap:4px;font-size:13px;display:flex}.content{flex:1;min-width:0;padding:24px 32px}.content:has(.grafana-frame){min-height:100svh;padding:0;display:flex}.grafana-frame{background:var(--panel);border:0;flex:1;width:100%;min-height:100svh}.page-header{justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.breadcrumb{margin:0 0 4px;font-size:13px}.breadcrumb a{color:var(--accent);text-decoration:none}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--text);opacity:.65;font-size:12px}.filter-bar{align-items:end;margin:12px 0 18px}.filter-grow{flex:1;min-width:200px}.filter-input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;width:100%;min-width:180px;padding:4px 8px}.kind-chip{font-size:11px;font-family:var(--mono);background:var(--bg-muted);border:1px solid var(--border);color:var(--text-h);border-radius:4px;padding:1px 7px;display:inline-block}.kind-agent{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.kind-llm{border-color:#38bdf8}.kind-tool{border-color:#f59e0b}.kind-chain{border-color:#94a3b8}.traces-table td,.traces-table th{white-space:nowrap}.trace-summary-chips{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.trace-split{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:20px;margin-top:16px;display:grid}@media (width<=960px){.trace-split{grid-template-columns:1fr}}.trace-prompts{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:14px 16px}.trace-prompts h3{margin-top:0}.prompt-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.prompt-item{text-align:left;border:1px solid var(--border);background:var(--bg-muted);width:100%;color:inherit;cursor:pointer;font:inherit;white-space:pre-wrap;word-break:break-word;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.prompt-item.selected{border-color:var(--accent,#2dd4bf)}.trace-main,.span-inspector{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.span-inspector h3,.trace-main h3{margin-top:0}.span-inspector h4{color:var(--text-h);margin:16px 0 6px;font-size:13px}.kv{grid-template-columns:110px 1fr;gap:6px 10px;margin:0;font-size:13px;display:grid}.kv dt{opacity:.7}.kv dd{word-break:break-word;margin:0}.code-block{font-family:var(--mono);background:var(--bg-muted);border:1px solid var(--border);border-radius:6px;max-height:240px;margin:0;padding:10px;font-size:11px;line-height:1.4;overflow:auto}.install-command{white-space:pre-wrap;word-break:break-all;max-height:none}.waterfall{flex-direction:column;gap:4px;display:flex}.waterfall-header{opacity:.7;grid-template-columns:minmax(220px,1.1fr) minmax(160px,1fr);gap:12px;padding:0 8px 6px;font-size:12px;display:grid}.waterfall-row{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(220px,1.1fr) minmax(160px,1fr);align-items:center;gap:12px;padding:6px 8px;display:grid}.waterfall-row:hover{background:var(--bg-muted)}.waterfall-row.selected{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent)}.waterfall-meta{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.waterfall-name{font-family:var(--mono);color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.waterfall-track{background:var(--bg-muted);border-radius:999px;height:16px;position:relative;overflow:hidden}.waterfall-bar{background:var(--bar-ok);border-radius:999px;min-width:4px;position:absolute;top:2px;bottom:2px}.waterfall-bar.bar-error{background:var(--bar-error)}.waterfall-bar.bar-cancelled{background:var(--bar-cancelled)}.waterfall-bar.bar-unset{background:var(--bar-unset)}.dashboard{max-width:1180px}.dash-header{margin-bottom:20px}.dash-header h2{letter-spacing:-.03em;margin:0;font-size:32px}.dash-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:600}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 22px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--border);box-shadow:0 1px 0 color-mix(in srgb, var(--text-h) 4%, transparent);border-top:3px solid var(--accent);border-radius:14px;padding:16px 16px 14px}.metric-card[data-tone=spans]{border-top-color:#0284c7}.metric-card[data-tone=retries]{border-top-color:#ea580c}.metric-card[data-tone=latency]{border-top-color:#7c3aed}.metric-card[data-tone=tokens]{border-top-color:#0f766e}.metric-card[data-tone=cost]{border-top-color:#b45309}.metric-card h3{letter-spacing:.04em;text-transform:uppercase;opacity:.72;margin:0;font-size:12px;font-weight:600}.metric-value{color:var(--text-h);letter-spacing:-.04em;margin:10px 0 2px;font-size:30px;font-weight:600;line-height:1.1}.metric-split{opacity:.55;font-size:18px;font-weight:500}.dash-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px 18px;container-type:inline-size}.dash-panel h3{margin:0;font-size:15px}.dash-panel-note{color:var(--text);opacity:.7;margin:2px 0 14px;font-size:12px}.share{align-items:center;gap:18px;display:flex}.share-ring{border-radius:50%;flex:none;place-items:center;width:116px;height:116px;display:grid}.share-ring-hole{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;line-height:1.1;display:flex}.share-total{color:var(--text-h);letter-spacing:-.03em;font-size:22px;font-weight:600}.share-total-unit{color:var(--text);opacity:.7;margin-top:2px;font-size:11px}.share-legend{flex-direction:column;flex:1;gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.share-legend li{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.share-swatch{border-radius:50%;width:10px;height:10px}.share-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-count{font-variant-numeric:tabular-nums;color:var(--text-h);align-items:baseline;gap:4px;font-weight:600;display:inline-flex}.share-unit{color:var(--text);opacity:.7;font-size:12px;font-weight:500}@container (width<=420px){.share{flex-direction:column;align-items:stretch}.share-ring{margin:0 auto 4px}}.metric-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=800px){.metric-columns{grid-template-columns:1fr}.share{flex-direction:column;align-items:stretch}.share-ring{margin:0 auto}.waterfall-header,.waterfall-row{grid-template-columns:1fr}}.empty{color:var(--text);opacity:.7}.lede{max-width:60ch}.filters{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.filter{align-items:center;gap:8px;margin:0 0 16px;display:flex}.filter select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.data{border-collapse:collapse;width:100%;font-size:14px}.data th,.data td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.data th{color:var(--text-h);font-weight:600}.data a{color:var(--accent)}.badge{background:var(--border);color:var(--text-h);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.badge-critical,.badge-block,.badge-terminate,.badge-rejected,.badge-failed{color:#7f1d1d;background:#fecaca}.badge-warning,.badge-alert,.badge-pause,.badge-partial,.badge-running{color:#78350f;background:#fde68a}.badge-succeeded,.badge-complete,.badge-allow,.badge-ok{color:#14532d;background:#bbf7d0}.badge-cancelled,.badge-aborted,.badge-unset{color:#78350f;background:#fde68a}.badge-error{color:#7f1d1d;background:#fecaca}.badge-retry{color:#9a3412;letter-spacing:.02em;background:#ffedd5;border:1px solid #fdba74;font-weight:600}.waterfall-row.is-retry .waterfall-name{color:#9a3412}.waterfall-bar.bar-retry{background:repeating-linear-gradient(-45deg,#ea580c,#ea580c 4px,#fb923c 4px 8px)}@media (prefers-color-scheme:dark){.badge-retry{color:#ffedd5;background:#7c2d12;border-color:#c2410c}.waterfall-row.is-retry .waterfall-name{color:#fdba74}.badge-critical,.badge-block,.badge-terminate,.badge-rejected,.badge-failed{color:#fecaca;background:#7f1d1d}.badge-warning,.badge-alert,.badge-pause,.badge-partial,.badge-running{color:#fde68a;background:#78350f}.badge-succeeded,.badge-complete,.badge-allow,.badge-ok{color:#bbf7d0;background:#14532d}}.content h3{margin-top:28px}.dashboard .dash-panel h3{margin-top:0}.timeline{font-family:var(--mono);font-size:13px}.manage{grid-template-columns:minmax(280px,1fr) minmax(360px,1.2fr);align-items:start;gap:28px;display:grid}@media (width<=960px){.manage{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.toolbar button,.editor-panel button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:6px 12px}.toolbar button:hover:not(:disabled),.editor-panel button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.toolbar button:disabled,.editor-panel button:disabled{opacity:.5;cursor:not-allowed}.toolbar button.danger,.editor-panel button.danger{color:#7f1d1d;border-color:#fecaca}.editor-panel{background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;padding:16px}.editor-panel h3{margin-top:0}.field{align-items:center;gap:8px;margin-bottom:12px;display:flex}.field-block{flex-direction:column;align-items:stretch;display:flex}.code-editor{font-family:var(--mono);box-sizing:border-box;resize:vertical;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:10px;font-size:12px;line-height:1.45}.form-error{white-space:pre-wrap;color:#7f1d1d;background:#fecaca;border-radius:6px;padding:10px;font-size:12px}.form-notice{color:#14532d}.meta{word-break:break-all;font-size:13px}.data tr.selected td{background:color-mix(in srgb, var(--accent) 12%, transparent)}.data tr{cursor:pointer}.linkish{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.badge-enabled{color:#14532d;background:#bbf7d0}.badge-disabled{background:var(--border);color:var(--text)}@media (prefers-color-scheme:dark){.form-error{color:#fecaca;background:#7f1d1d}.form-notice{color:#bbf7d0}.badge-enabled{color:#bbf7d0;background:#14532d}.toolbar button.danger,.editor-panel button.danger{color:#fecaca;border-color:#7f1d1d}}.modal-backdrop{z-index:40;background:#0f141873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-dialog{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(420px,100%);padding:18px 18px 10px;box-shadow:0 18px 48px #0f141847}.modal-dialog h3{color:var(--text-h);margin:0 0 8px;font-size:1.05rem}.modal-dialog p{color:var(--text);margin:0 0 4px}.modal-dialog .toolbar{justify-content:flex-end;margin-bottom:8px}.modal-dialog .toolbar button.danger{color:#7f1d1d;border-color:#fecaca}@media (prefers-color-scheme:dark){.modal-dialog .toolbar button.danger{color:#fecaca;border-color:#7f1d1d}}.traces-table .prompt-cell{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--text-h);display:block;overflow:hidden}