:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f7;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#ececee;--border:#e4e4e7;--border-strong:#d4d4d8;--text:#18181b;--text-2:#3f3f46;--muted:#71717a;--faint:#a1a1aa;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff4ff;--accent-ring:#2563eb47;--on-accent:#fff;--critical:#d03b3b;--critical-soft:#fdecec;--critical-text:#b42323;--serious:#ec835a;--warning:#fab219;--warning-soft:#fff6e0;--warning-text:#8a5a00;--good:#0ca30c;--good-soft:#e8f6e8;--good-text:#006300;--info-soft:#eaf2fd;--info-text:#1c5cab;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#6250d6;--series-8:#e34948;--grid:#ececee;--axis:#d4d4d8;--shadow-sm:0 1px 2px #1010140d;--shadow-md:0 8px 24px #1010141f, 0 1px 3px #10101414;--radius:10px;--radius-sm:6px;--control-h:32px;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0e;--surface:#141417;--surface-2:#1b1b1f;--surface-3:#232328;--border:#26262b;--border-strong:#34343b;--text:#ededef;--text-2:#c9c9ce;--muted:#8b8b94;--faint:#5e5e66;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f624;--accent-ring:#3b82f666;--critical-soft:#d03b3b29;--critical-text:#f08a8a;--warning-soft:#fab21924;--warning-text:#f5c35c;--good-soft:#0ca30c29;--good-text:#4cc94c;--info-soft:#3987e529;--info-text:#86b6ef;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--grid:#222227;--axis:#34343b;--shadow-sm:none;--shadow-md:0 12px 32px #00000080, 0 0 0 1px #ffffff0f}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0e;--surface:#141417;--surface-2:#1b1b1f;--surface-3:#232328;--border:#26262b;--border-strong:#34343b;--text:#ededef;--text-2:#c9c9ce;--muted:#8b8b94;--faint:#5e5e66;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f624;--accent-ring:#3b82f666;--critical-soft:#d03b3b29;--critical-text:#f08a8a;--warning-soft:#fab21924;--warning-text:#f5c35c;--good-soft:#0ca30c29;--good-text:#4cc94c;--info-soft:#3987e529;--info-text:#86b6ef;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--grid:#222227;--axis:#34343b;--shadow-sm:none;--shadow-md:0 12px 32px #00000080, 0 0 0 1px #ffffff0f}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:20px;line-height:28px}h2{font-size:13px;line-height:20px}p{margin:0}svg{flex:none}::selection{background:var(--accent-ring)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.mono{font-family:var(--mono);font-variant-ligatures:none;font-size:12px}.nowrap{white-space:nowrap}.num{text-align:right;font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,select{font:inherit;color:inherit}.btn{height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);color:var(--text)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn-ghost{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-icon{width:var(--control-h);padding:0}.btn-lg{height:40px;font-size:14px}.btn-block{width:100%}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.link-btn:hover{color:var(--accent-hover)}.input,.select{height:var(--control-h);border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);width:100%;min-width:0;box-shadow:var(--shadow-sm);padding:0 10px;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--faint)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:28px}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>svg{color:var(--faint);pointer-events:none;position:absolute;left:9px}.input-wrap>.input{padding-left:30px}.field{flex-direction:column;flex:120px;gap:4px;min-width:110px;max-width:220px;display:flex}.field-auto{flex:none;min-width:0;max-width:none}.field>span{color:var(--muted);font-size:11.5px;font-weight:500}.field-grow{flex:2 180px;max-width:none}.check{height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:0 10px;font-weight:500;display:inline-flex}.check input{accent-color:var(--accent);margin:0}.segmented{background:var(--surface-3);height:var(--control-h);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:6px;padding:0 10px;font-size:12.5px;font-weight:500}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.segmented.sm{height:26px}.segmented.sm button{padding:0 7px;font-size:11.5px}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);height:56px;color:var(--text);align-items:center;gap:10px;padding:0 16px;display:flex}.brand:hover{color:var(--text)}.brand-mark{border-radius:7px;width:28px;height:28px}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:650}.brand-sub{color:var(--muted);font-size:11px}.project-switch{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 10px 10px;display:flex}.project-switch .nav-label{padding:0 10px 2px}.project-select{align-items:center;display:flex;position:relative}.project-select svg{color:var(--muted);pointer-events:none;position:absolute;left:10px}.project-select .select{padding-left:30px;font-weight:600}.project-manage{color:var(--muted);align-self:flex-end;padding:0 4px;font-size:12px}.nav{flex-direction:column;flex:1;gap:16px;padding:12px 10px;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:1px;display:flex}.nav-label{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:0 10px 6px;font-size:11px;font-weight:600}.nav a{white-space:nowrap;border-radius:var(--radius-sm);height:32px;color:var(--text-2);align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.nav a svg{color:var(--muted)}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.nav a.active svg{color:var(--accent)}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:12px;display:flex}.user{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:var(--surface-3);width:32px;height:32px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid}.user-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.user-name{font-weight:600}.user-meta{color:var(--muted);font-size:11.5px}.foot-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.crumbs{color:var(--muted);align-items:center;gap:6px;min-width:0;display:flex}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--text)}.crumbs strong{color:var(--text);font-weight:500}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.updated{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.content{flex-direction:column;gap:20px;width:100%;max-width:1600px;padding:24px 28px 48px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head p{color:var(--muted);margin-top:2px}.page{flex-direction:column;gap:16px;display:flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filters .spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0}.card-head{justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:14px 16px 0;display:flex}.card-head .sub{color:var(--muted);font-size:12px}.card-body{padding:14px 16px 16px}.card-flush{overflow:hidden}.card-flush .card-head{border-bottom:1px solid var(--border);padding-bottom:12px}.grid-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;display:grid}.grid-2.even{grid-template-columns:repeat(2,minmax(0,1fr))}.more{border-top:1px solid var(--border);justify-content:center;padding:12px;display:flex}.state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 16px;display:flex}.state-icon{background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.state-title{color:var(--text);font-weight:600}.alert{border-radius:var(--radius-sm);background:var(--critical-soft);color:var(--critical-text);border:1px solid color-mix(in srgb, var(--critical) 30%, transparent);align-items:flex-start;gap:10px;margin:12px 16px;padding:10px 12px;display:flex}.skeleton{flex-direction:column;gap:10px;padding:16px;display:flex}.skeleton span{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:4px;height:12px;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.splash{place-items:center;height:100%;display:grid}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.skeleton span,.spinner{animation:none}}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);flex-direction:column;gap:2px;padding:14px 16px 12px;transition:border-color .12s;display:flex;position:relative;overflow:hidden}.kpi:hover{border-color:var(--border-strong);color:var(--text)}.kpi-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.kpi-value{letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:34px}.kpi-foot{color:var(--muted);min-height:18px;font-size:12px}.kpi-spark{height:32px;margin:6px -16px -12px}.kpi-spark svg{width:100%;height:32px;display:block}.kpi.is-critical .kpi-value{color:var(--critical-text)}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.badge{white-space:nowrap;background:var(--surface-2);height:20px;color:var(--text-2);border:1px solid var(--border);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-plain{font-weight:500}.badge .dot{width:6px;height:6px}.tone-critical{background:var(--critical-soft);color:var(--critical-text);border-color:#0000}.tone-critical .dot{background:var(--critical)}.tone-warning{background:var(--warning-soft);color:var(--warning-text);border-color:#0000}.tone-warning .dot{background:var(--warning)}.tone-good{background:var(--good-soft);color:var(--good-text);border-color:#0000}.tone-good .dot{background:var(--good)}.tone-info{background:var(--info-soft);color:var(--info-text);border-color:#0000}.tone-info .dot{background:var(--series-1)}.tone-neutral .dot{background:var(--faint)}.chip{max-width:100%;color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.table-wrap{max-height:70vh;overflow:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th{z-index:1;text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.table th.num{text-align:right}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background 80ms}.table tbody tr:hover{background:var(--surface-2)}.table tr.clickable{cursor:pointer}.table td.time{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.table td.strong a,.table td.strong{color:var(--text);font-weight:500}.table td.strong a:hover{color:var(--accent)}.table tr.expanded td{background:var(--surface-2)}.table td.detail{background:var(--surface-2);padding:0 12px 12px}.logs td{padding-top:7px;padding-bottom:7px}.logs td:first-child{position:relative}.logs tr td:first-child:before{content:"";background:0 0;width:3px;position:absolute;top:0;bottom:0;left:0}.logs tr.lvl-critical td:first-child:before{background:var(--critical)}.logs tr.lvl-warning td:first-child:before{background:var(--warning)}.logs tr.lvl-critical{background:color-mix(in srgb, var(--critical-soft) 45%, transparent)}.logs td.body{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--text);width:100%;font-size:12px}.kv{grid-template-columns:max-content 1fr;gap:4px 16px;padding-top:10px;font-size:12px;display:grid}.kv dt{color:var(--muted)}.kv dd{font-family:var(--mono);word-break:break-all;margin:0}.json{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:420px;color:var(--text-2);margin:8px 0 0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.path{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.arrow{color:var(--faint);display:inline-flex}.share{justify-content:flex-end;align-items:center;gap:10px;display:flex}.share-track{background:var(--surface-3);border-radius:3px;flex:none;width:120px;height:6px;display:block;overflow:hidden}.share-fill{background:var(--series-1);border-radius:3px;height:100%;display:block}.chart{width:100%;position:relative}.chart svg{display:block;overflow:visible}.chart .gridline{stroke:var(--grid);stroke-width:1px;shape-rendering:crispedges}.chart .baseline{stroke:var(--axis);stroke-width:1px;shape-rendering:crispedges}.chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .band{fill:var(--text);opacity:0}.chart .band.on{opacity:.05}.chart .line{fill:none;stroke:var(--series-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:var(--series-1);opacity:.12}.chart .crosshair{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:3 3}.chart .marker{fill:var(--series-1);stroke:var(--surface);stroke-width:2px}.fill-1{fill:var(--series-1);background:var(--series-1)}.fill-2{fill:var(--series-2);background:var(--series-2)}.fill-3{fill:var(--series-3);background:var(--series-3)}.fill-4{fill:var(--series-4);background:var(--series-4)}.fill-5{fill:var(--series-5);background:var(--series-5)}.fill-6{fill:var(--series-6);background:var(--series-6)}.fill-7{fill:var(--series-7);background:var(--series-7)}.fill-8{fill:var(--series-8);background:var(--series-8)}.fill-critical{fill:var(--critical);background:var(--critical)}.fill-serious{fill:var(--serious);background:var(--serious)}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:2px;width:8px;height:8px;display:inline-block}.tooltip{z-index:10;pointer-events:none;background:var(--surface);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-md);border-radius:8px;padding:8px 10px;font-size:12px;position:absolute;top:0}.tooltip-title{color:var(--text);margin-bottom:4px;font-weight:600}.tooltip-row{color:var(--text-2);align-items:center;gap:8px;display:flex}.tooltip-row b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px;font-weight:600}.tooltip-total{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.stats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat span{color:var(--muted);font-size:11.5px;font-weight:500}.stat b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:18px;font-weight:600}.trace-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.trace-layout.single{grid-template-columns:minmax(0,1fr)}.wf-head,.wf-row{grid-template-columns:minmax(220px,36%) minmax(0,1fr) 72px;align-items:center;gap:12px;padding:0 16px;display:grid}.wf-head{border-bottom:1px solid var(--border);background:var(--surface-2);height:34px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.wf-ruler{height:100%;position:relative}.wf-ruler span{white-space:nowrap;position:absolute;top:50%;transform:translate(-50%,-50%)}.wf-ruler span:first-child{transform:translateY(-50%)}.wf-ruler span:last-child{transform:translate(-100%,-50%)}.wf-row{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;width:100%;height:32px}.wf-row:last-child{border-bottom:none}.wf-row:hover{background:var(--surface-2)}.wf-row.selected{background:var(--accent-soft)}.wf-name{align-items:center;gap:6px;min-width:0;font-size:12.5px;display:flex}.wf-name .svc{color:var(--muted);flex:none}.wf-track{height:100%;position:relative}.wf-track:before{content:"";background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px);background-size:25% 100%;position:absolute;inset:0}.wf-bar{border-radius:3px;min-width:2px;height:12px;margin-top:-6px;position:absolute;top:50%}.wf-bar.error{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--critical)}.wf-dur{text-align:right;color:var(--muted);font-family:var(--mono);font-size:11.5px}.svc-1{background:var(--series-1)}.svc-2{background:var(--series-2)}.svc-3{background:var(--series-3)}.svc-4{background:var(--series-4)}.svc-5{background:var(--series-5)}.svc-6{background:var(--series-6)}.svc-7{background:var(--series-7)}.svc-8{background:var(--series-8)}.svc-0{background:var(--faint)}.side-panel{position:sticky;top:72px}.side-panel .card-body{max-height:calc(100vh - 160px);overflow:auto}.login{background:radial-gradient(1200px 600px at 50% -10%, var(--accent-soft), transparent 60%), var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:min(400px,100%);box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;gap:20px;padding:32px;display:flex}.login-head{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.login-head .brand-mark{border-radius:11px;width:44px;height:44px}.login-head p{color:var(--muted)}.login form{flex-direction:column;gap:12px;display:flex}.login .field{flex:none;max-width:none}.login-note{color:var(--muted);background:var(--surface-2);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;display:flex}.login-foot{justify-content:center;gap:8px;display:flex}@media (width<=1100px){.grid-2,.trace-layout{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}}@media (width<=800px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.nav{flex-direction:row;padding:8px;overflow-x:auto}.nav-group{flex-direction:row}.nav-label{display:none}.project-switch{flex-direction:row;align-items:center;padding:8px}.project-manage{display:none}.sidebar-foot{flex-direction:row;justify-content:space-between;align-items:center}.topbar,.content{padding-left:16px;padding-right:16px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented{max-width:100%;overflow-x:auto}.filters .field{max-width:none}.wf-head,.wf-row{grid-template-columns:minmax(140px,40%) minmax(0,1fr) 60px}}.stroke-1{color:var(--series-1)}.stroke-2{color:var(--series-2)}.stroke-3{color:var(--series-3)}.stroke-critical{color:var(--critical)}.stroke-serious{color:var(--serious)}.fill-neutral{fill:var(--faint);background:var(--faint)}.stroke-neutral{color:var(--muted)}.trace-jump{width:240px}.btn.is-saved{color:var(--warning)}.mobile-only{display:none}.bm-kind{color:var(--muted);align-items:center;gap:6px;display:inline-flex}@media (width<=800px){.sidebar-foot{display:none}.mobile-only{display:inline-flex}.trace-jump,.crumbs{display:none}}.filters-more{border:1px dashed var(--border-strong);border-radius:var(--radius);flex-wrap:wrap;flex-basis:100%;align-items:flex-end;gap:10px;padding:12px;display:flex}.btn.is-active{border-color:var(--accent);color:var(--accent)}.tabs{border-bottom:1px solid var(--border);gap:2px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px;font-weight:500;display:inline-flex}.tabs a:hover{color:var(--text)}.tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.trend-up{color:var(--good-text);font-weight:600}.trend-down{color:var(--critical-text);font-weight:600}.table.cohort td.heat{padding:3px}.heat-cell{text-align:center;font-variant-numeric:tabular-nums;border-radius:4px;padding:5px 6px;font-size:12px;display:block}.funnel{flex-direction:column;gap:14px;display:flex}.funnel-row{grid-template-columns:minmax(180px,28%) 1fr;align-items:center;gap:16px;display:grid}.funnel-label{flex-direction:column;min-width:0;display:flex}.funnel-track{background:var(--surface-2);border-radius:6px;height:28px;position:relative}.funnel-bar{background:var(--series-1);border-radius:6px;height:100%}.funnel-pct{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (width<=800px){.funnel-row{grid-template-columns:1fr;gap:6px}}.widgets{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.widgets>.card{grid-column:span 2}.widgets>.widget-small{grid-column:span 1}@media (width<=1100px){.widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}.widgets .widget-small .card-body{min-height:0}.big-number{letter-spacing:-.02em;padding:4px 0 8px;font-size:36px;font-weight:600;line-height:44px}@media (width<=800px){.widgets{grid-template-columns:minmax(0,1fr)}}.page-title{min-width:0}.page-actions{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width>=801px){.shell{height:100vh}.main{height:100vh;overflow:hidden}.content{flex:1;gap:0;min-height:0;padding-top:20px;overflow:auto}.page>.filters:first-child,.page>.page-sticky:first-child{z-index:3;background:var(--bg);box-shadow:0 -20px 0 var(--bg);margin-bottom:-4px;padding-bottom:12px;position:sticky;top:0}.page>.page-sticky:first-child{flex-direction:column;gap:12px;display:flex}.content:has(>.page.fill){padding-bottom:20px;overflow:hidden}.page.fill{flex:1;min-height:0}.page.fill>.filters:first-child{position:static}.page.fill>.card:last-child{flex-direction:column;flex:1;min-height:0;display:flex}.page.fill>.card:last-child>.table-wrap{flex:1;min-height:0;max-height:none}}.nav-sub{border-left:1px solid var(--border);flex-direction:column;margin:2px 0 4px 26px;display:flex}.nav-sub a{height:26px;color:var(--muted);padding:0 10px;font-size:12.5px;font-weight:400}@media (width<=800px){.nav-sub{display:none}}.period-custom{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.segmented button{align-items:center;gap:5px;display:inline-flex}.segmented.levels button.active.lvl-error,.segmented.levels button.active.lvl-fatal{color:var(--critical-text)}.segmented.levels button.active.lvl-warn{color:var(--warning-text,var(--warning))}.attr-filter{min-width:320px}.attr-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.attr-row .input{flex:140px;width:auto;min-width:120px}.chip-filter{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;height:30px;padding:0 4px 0 10px;font-size:12px;display:inline-flex}.chip-x{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.chip-x:hover{background:var(--surface);color:var(--text)}.log-message{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);border-radius:var(--radius-sm,6px);background:var(--surface);margin-bottom:10px;padding:10px 12px;font-size:12.5px}.funnel-builder{grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;gap:20px;display:grid}.funnel-steps{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.funnel-step{border:1px solid var(--border);border-radius:var(--radius-sm,6px);background:var(--surface-2);align-items:center;gap:10px;padding:6px 6px 6px 10px;display:flex}.funnel-step-n{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:600;display:inline-flex}.funnel-step-name{font-family:var(--mono);flex:1;font-size:12.5px}.funnel-step-actions{gap:2px;display:flex}.funnel-add{flex-direction:column;gap:10px;display:flex}.funnel-add .field{flex:none;max-width:none}.funnel-add .field-auto>span[aria-hidden]{display:none}@media (width<=800px){.funnel-builder{grid-template-columns:minmax(0,1fr)}}.source-form{border-bottom:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:12px;padding:16px;display:flex}.headers-editor{flex-direction:column;gap:6px;display:flex}.textarea{resize:vertical;height:auto;min-height:96px;padding:8px 10px;line-height:1.5}.card-pad{border-bottom:1px solid var(--border);padding:14px 16px}.token-once{align-items:flex-start}.token-value{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.token-value code{background:var(--surface);border:1px solid var(--border);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;padding:4px 8px}.topbar{height:auto;min-height:56px;padding-top:8px;padding-bottom:8px}.topbar-title{flex-direction:column;gap:2px;min-width:0;display:flex}.crumbs h1{font-size:inherit;color:var(--text);min-width:0;margin:0;font-weight:600}.topbar-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;overflow:hidden}.resource-actions{gap:4px;display:inline-flex}.detail-actions{align-items:center;gap:8px;margin-bottom:10px;display:flex}.log-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.nav-add{color:var(--muted)!important;font-weight:400!important}.popover-anchor{position:relative}.select-btn{justify-content:space-between;min-width:150px;max-width:320px;font-weight:400}.select-btn>svg:last-child{color:var(--muted);margin-left:auto}.popover{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:100%;box-shadow:var(--shadow-md,0 8px 24px #0000002e);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.period-popover{flex-direction:row;gap:8px;width:max-content}.period-presets{flex-direction:column;min-width:180px;display:flex}.period-popover .period-custom{border-left:1px solid var(--border);flex-direction:column;align-items:stretch;min-width:220px;padding:6px 6px 6px 14px}.menu-item{border-radius:var(--radius-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item.active{color:var(--accent)}.menu-item.check{justify-content:flex-start}.menu-item.lvl-error,.menu-item.lvl-fatal{color:var(--critical-text)}.menu-item.lvl-warn{color:var(--warning-text)}@media (width<=800px){.period-popover{flex-direction:column}.period-popover .period-custom{border-left:0;border-top:1px solid var(--border);padding:10px 6px 6px}}.steps{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.steps p{margin:4px 0 6px}.period-popover .field{flex:none;max-width:none}.period-popover .period-custom{gap:10px}.settings-section{border:0;min-width:0;margin:0 0 18px;padding:0}.settings-section legend{margin-bottom:2px;padding:0;font-weight:600}.settings-section .hint-line{margin-bottom:10px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:end;gap:12px 16px;display:grid}.form-grid .field{max-width:none}.form-grid .field-wide,.form-grid .alert,.form-grid .form-actions{grid-column:1/-1}.form-grid .alert{margin:0}.form-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.hint-line{margin:0;padding-top:0;font-size:12px}