@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Roboto+Mono:wght@400;500&display=swap";:root{--neutral-0:#fff;--neutral-50:#f3f5fb;--neutral-100:#e4e8f4;--neutral-200:#c5ccde;--neutral-300:#9aa3c0;--neutral-400:#6e7899;--neutral-500:#515a7a;--neutral-600:#3b4468;--neutral-700:#2d3557;--neutral-800:#242c4a;--neutral-850:#1e263f;--neutral-900:#1a2236;--neutral-950:#141a2c;--neutral-1000:#000;--blue-100:#d6e4ff;--blue-200:#adc8ff;--blue-300:#6e9fff;--blue-400:#5a86de;--blue-500:#3d71d9;--blue-600:#2e5bbf;--blue-700:#1e449e;--green-100:#d4f0e2;--green-200:#9fdfc0;--green-300:#6ccf8e;--green-400:#3c9266;--green-500:#1a7f4b;--green-600:#126638;--green-700:#0b4a28;--red-100:#ffd6e3;--red-200:#ff9cbf;--red-300:#ff5286;--red-400:#d73274;--red-500:#d10e5c;--red-600:#a80949;--red-700:#7c0636;--orange-100:#fff0cc;--orange-200:#ffd47a;--orange-300:#fbad37;--orange-400:#ffa826;--orange-500:#f90;--orange-600:#cc7a00;--orange-700:#995c00;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-sans:"Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Roboto Mono", "Fira Code", "Cascadia Code", "Menlo", "Consolas", monospace;--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.75rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:2rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-base:1.5;--leading-relaxed:1.7;--tracking-tight:-.01em;--tracking-normal:0em;--tracking-wide:.02em;--tracking-wider:.05em;--tracking-caps:.08em;--z-base:0;--z-raised:10;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-popover:1400;--z-toast:1500;--z-tooltip:1600;--duration-instant:50ms;--duration-fast:.1s;--duration-base:.15s;--duration-slow:.2s;--duration-slower:.3s;--duration-slowest:.5s;--ease-linear:linear;--ease-out:ease-out;--ease-in-out:ease-in-out;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#1a2236;--bg-primary:#212a44;--bg-secondary:#28324f;--bg-elevated:#303c5e;--border-weak:#aab9e614;--border-medium:#aab9e629;--border-strong:#aab9e647;--text-primary:#d0d4e8;--text-secondary:#8892b2;--text-disabled:#515b7c;--text-link:var(--blue-300);--text-link-hover:var(--blue-200);--text-max-contrast:#eef0ff;--action-hover:#aab9e612;--action-selected:#3d71d933;--action-focus:#3d71d980;--shadow-xs:0 1px 3px #0006;--shadow-sm:0 2px 6px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000000a6;--shadow-xl:0 16px 48px #000000b3;--color-primary:var(--blue-500);--color-primary-hover:var(--blue-400);--color-primary-subtle:#3d71d92e;--color-primary-border:var(--blue-300);--color-primary-text:var(--blue-300);--color-primary-foreground:#fff;--color-secondary:#ccccdc1a;--color-secondary-hover:#ccccdc29;--color-secondary-border:#ccccdc47;--color-secondary-foreground:var(--text-primary);--color-success:var(--green-500);--color-success-hover:var(--green-400);--color-success-subtle:#1a7f4b2e;--color-success-border:var(--green-300);--color-success-text:var(--green-300);--color-success-foreground:#fff;--color-error:var(--red-500);--color-error-hover:var(--red-400);--color-error-subtle:#d10e5c2e;--color-error-border:var(--red-300);--color-error-text:var(--red-300);--color-error-foreground:#fff;--color-warning:var(--orange-500);--color-warning-hover:var(--orange-400);--color-warning-subtle:#ff990029;--color-warning-border:var(--orange-300);--color-warning-text:var(--orange-300);--color-warning-foreground:#000}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#edf0f7;--bg-primary:#fff;--bg-secondary:#f3f5fb;--bg-elevated:#fff;--border-weak:#19235012;--border-medium:#19235024;--border-strong:#19235040;--text-primary:#1c2038;--text-secondary:#4d557a;--text-disabled:#9aa0bf;--text-link:var(--blue-500);--text-link-hover:var(--blue-600);--text-max-contrast:#000;--action-hover:#1923500f;--action-selected:#3d71d91f;--action-focus:#3d71d966;--shadow-xs:0 1px 3px #00000012;--shadow-sm:0 2px 6px #00000017;--shadow-md:0 4px 12px #0000001c;--shadow-lg:0 8px 24px #00000021;--shadow-xl:0 16px 48px #00000026;--color-primary-text:var(--blue-500);--color-primary-subtle:#3d71d91a;--color-success-text:var(--green-500);--color-success-subtle:#1a7f4b1a;--color-error-text:var(--red-500);--color-error-subtle:#d10e5c1a;--color-warning-text:var(--orange-600);--color-warning-subtle:#ff990017;--color-secondary:#19235012;--color-secondary-hover:#1923501f;--color-secondary-border:#19235033}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-base);min-height:100dvh}a{color:var(--text-link);transition:color var(--duration-base) var(--ease-out);text-decoration:none}a:hover{color:var(--text-link-hover)}:focus{outline:none}:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px;border-radius:var(--radius-sm)}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}code,kbd,pre,samp{font-family:var(--font-mono);font-size:var(--text-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--color-primary-subtle);color:var(--text-max-contrast)}.app{background:var(--bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.app-error{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-error-subtle);border-bottom:1px solid var(--color-error-border);font-size:var(--text-sm);color:var(--color-error-text);display:flex}.app-error-detail{color:var(--text-disabled);font-family:var(--font-mono)}.app-content{gap:var(--space-3);padding:var(--space-3);flex-direction:column;flex:1;display:flex}.btn{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:inline-flex}.btn:hover{background:var(--action-hover)}.btn[data-active=true]{background:var(--action-selected);color:var(--color-primary-text);border-color:var(--color-primary-border)}.dropdown-item{padding:var(--space-1-5) var(--space-3);font-size:var(--text-md);color:var(--text-primary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.dropdown-item:hover{background:var(--action-hover)}.dropdown-item[data-selected=true]{color:var(--color-primary-text);background:var(--action-selected)}.dropdown-item[data-mono=true]{font-family:var(--font-mono)}.dropdown-divider{background:var(--border-weak);height:1px;margin:var(--space-1) 0}.dropdown-section[data-subsection=true]{text-transform:lowercase;margin-top:var(--space-2);border-bottom:none}.dropdown-section:not([data-subsection])+.dropdown-section[data-subsection=true]{margin-top:0}.dropdown-section{padding:var(--space-1-5) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-bottom:1px solid var(--border-weak)}.icon{background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.select{position:relative}.select-menu{z-index:1000;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:160px;padding:var(--space-1) 0;position:absolute;top:calc(100% + 4px);overflow:hidden}.select-option-label{align-items:center;gap:var(--space-2);display:flex}.select-divider{background:var(--border-weak);height:1px;margin:var(--space-1) 0}.cascade-select{position:relative}.cascade-select[data-disabled=true]{opacity:.6}.cascade-menu{z-index:1000;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:340px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.cascade-groups{border-right:1px solid var(--border-weak);flex-direction:column;flex-shrink:0;width:200px;max-height:320px;display:flex}.cascade-groups-header{flex-shrink:0}.cascade-groups-list{flex:1;min-height:0;overflow:auto}.cascade-search{box-sizing:border-box;background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border-weak);width:100%;padding:var(--space-1-5) var(--space-3);font-size:var(--text-md);color:var(--text-primary);outline:none}.cascade-search::placeholder{color:var(--text-disabled)}.cascade-items{flex:1;max-height:320px;overflow-y:auto}.cascade-group-row{padding:var(--space-1-5) var(--space-3);font-size:var(--text-md);color:var(--text-primary);cursor:pointer;background:0 0;border-left:2px solid #0000;justify-content:space-between;align-items:center;display:flex}.cascade-group-row[data-active=true]{color:var(--color-primary-text);background:var(--action-selected);border-left-color:var(--color-primary)}.cascade-no-matches{padding:var(--space-1-5) var(--space-3);font-size:var(--text-md);color:var(--text-disabled)}@keyframes cascade-spin{to{transform:rotate(360deg)}}.cascade-spinner{border:1.5px solid var(--border-medium);border-top-color:var(--text-secondary);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite cascade-spin;display:inline-block}.cascade-no-data{color:var(--text-disabled)}.navbar{height:46px;padding:0 var(--space-3);background:var(--bg-canvas);border-bottom:1px solid var(--border-weak);align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.navbar-brand{align-items:center;gap:var(--space-2);color:var(--color-primary);padding:0 var(--space-2);margin-right:var(--space-1);display:flex}.navbar-brand-name{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.navbar-divider{background:var(--border-medium);width:1px;height:20px;margin:0 var(--space-1)}.navbar-spacer{flex:1}.navbar-reset{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0}.navbar-reset:hover{color:var(--text-primary);border-color:var(--border-strong)}.navbar-tenant{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:160px;overflow:hidden}.navbar-tenant:hover{color:var(--text-primary);border-color:var(--border-strong)}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.empty{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}.empty-message{font-size:var(--text-sm);color:var(--text-disabled)}.flamegraph-wrapper{width:100%}.querybar{height:44px;padding:0 var(--space-3);background:var(--bg-primary);border-bottom:1px solid var(--border-weak);align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.querybar-input{background:var(--bg-secondary);height:28px;color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--text-sm);font-family:var(--font-mono);min-width:0;transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);outline:none;flex:1}.querybar-input:focus{border-color:var(--color-primary-border);box-shadow:0 0 0 2px var(--action-focus)}.querybar-run{align-items:center;gap:var(--space-1-5);height:28px;padding:0 var(--space-3);background:var(--color-primary);color:var(--color-primary-foreground);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:1px solid #0000;flex-shrink:0;display:inline-flex}.timeseries{display:flex}.timeseries-y-axis{flex-shrink:0;width:32px;position:relative}.timeseries-y-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-disabled);line-height:1;position:absolute;right:6px;transform:translateY(-50%)}.timeseries-chart{flex:1;min-width:0}.timeseries-svg{display:block}.timeseries-x-axis{height:18px;margin-top:2px;position:relative}.timeseries-x-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-disabled);white-space:nowrap;position:absolute}.panel{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);overflow:hidden}.panel-header{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-weak);justify-content:space-between;align-items:center;display:flex}.panel-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);letter-spacing:var(--tracking-caps);text-transform:uppercase}.panel-meta{font-size:var(--text-xs);color:var(--text-disabled);font-family:var(--font-mono)}.panel-body{padding:var(--space-3) var(--space-4)}.tenant-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tenant-dialog{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);width:380px;max-width:calc(100vw - var(--space-8))}.tenant-dialog-title{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--text-primary)}.tenant-dialog-body{margin:0 0 var(--space-3);font-size:var(--text-md);color:var(--text-primary);line-height:1.5}.tenant-dialog-hint{margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.tenant-dialog-hint code{font-family:var(--font-mono);color:var(--text-primary)}.tenant-dialog-form{gap:var(--space-2);display:flex}.tenant-dialog-input{height:32px;padding:0 var(--space-3);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-md);outline:none;flex:1}.tenant-dialog-input:focus{border-color:var(--border-strong)}.tenant-dialog-input::placeholder{color:var(--text-disabled)}
