.side-panel-host{--side-panel-z-index: 8501;--side-panel-backdrop-z-index: 8500;--side-panel-reopen-z-index: 8502;--side-panel-drawer-max-width: 28rem;--side-panel-background: Canvas;--side-panel-color: CanvasText;--side-panel-border-color: rgba(127, 127, 127, .25);--side-panel-shadow-left: 4px 0 18px rgba(0, 0, 0, .45);--side-panel-shadow-right: -4px 0 18px rgba(0, 0, 0, .45);--side-panel-padding-block: .5rem;--side-panel-padding-inline: .5rem;--side-panel-safe-top: 0px;--side-panel-safe-right: 0px;--side-panel-safe-bottom: 0px;--side-panel-safe-left: 0px;--side-panel-transition-duration: .25s;--side-panel-close-size: 1.75rem;--side-panel-close-offset: .4rem;--side-panel-close-radius: .25rem;--side-panel-close-background: transparent;--side-panel-close-hover-background: rgba(127, 127, 127, .12);--side-panel-resize-target: 8px;--side-panel-resize-line: 2px;--side-panel-resize-color: rgba(127, 127, 127, .45);--side-panel-reopen-size: 1.875rem;--side-panel-reopen-offset: .75rem;--side-panel-reopen-padding: .375rem;--side-panel-reopen-gap: .2rem;--side-panel-reopen-radius: .375rem;--side-panel-reopen-background: var(--side-panel-background);--side-panel-reopen-color: var(--side-panel-color);--side-panel-reopen-border: var(--side-panel-border-color);--side-panel-backdrop-background: rgba(0, 0, 0, .45);display:contents}.side-panel{position:fixed;top:0;bottom:0;display:flex;width:var(--side-panel-current-width);min-width:0;flex-direction:column;box-sizing:border-box;color:var(--side-panel-color);background:var(--side-panel-background);z-index:var(--side-panel-z-index);transition:transform var(--side-panel-transition-duration) ease-out,width var(--side-panel-transition-duration) ease-out,visibility 0s linear var(--side-panel-transition-duration);visibility:hidden;pointer-events:none}.side-panel--left{left:0;padding:calc(var(--side-panel-padding-block) + var(--side-panel-safe-top)) var(--side-panel-padding-inline) calc(var(--side-panel-padding-block) + var(--side-panel-safe-bottom)) calc(var(--side-panel-padding-inline) + var(--side-panel-safe-left));border-right:1px solid var(--side-panel-border-color);box-shadow:var(--side-panel-shadow-left);transform:translate(-100%)}.side-panel--right{right:0;padding:calc(var(--side-panel-padding-block) + var(--side-panel-safe-top)) calc(var(--side-panel-padding-inline) + var(--side-panel-safe-right)) calc(var(--side-panel-padding-block) + var(--side-panel-safe-bottom)) var(--side-panel-padding-inline);border-left:1px solid var(--side-panel-border-color);box-shadow:var(--side-panel-shadow-right);transform:translate(100%)}.side-panel--docked{box-shadow:none}.side-panel--drawer{width:min(100vw,var(--side-panel-drawer-max-width))}.side-panel--contained.side-panel--docked{position:relative;inset:auto;width:100%;height:100%}.side-panel--open{transform:translate(0);visibility:visible;pointer-events:auto;transition:transform var(--side-panel-transition-duration) ease-out,width var(--side-panel-transition-duration) ease-out,visibility 0s}.side-panel--dragging{transition:transform var(--side-panel-transition-duration) ease-out,width 0s,visibility 0s}.side-panel--nudge{transition:transform var(--side-panel-transition-duration) ease-out,width 80ms ease-out,visibility 0s}.side-panel__header,.side-panel__footer{flex:0 0 auto}.side-panel__body{display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column}.side-panel__footer{margin-top:auto}.side-panel__close{position:absolute;top:calc(var(--side-panel-close-offset) + var(--side-panel-safe-top));width:var(--side-panel-close-size);height:var(--side-panel-close-size);display:grid;place-items:center;padding:0;color:inherit;background:var(--side-panel-close-background);border:0;border-radius:var(--side-panel-close-radius);cursor:pointer;z-index:1}.side-panel--left .side-panel__close{right:var(--side-panel-close-offset)}.side-panel--right .side-panel__close{left:var(--side-panel-close-offset)}.side-panel__close:hover{background:var(--side-panel-close-hover-background)}.side-panel__close svg{width:1rem;height:1rem}.side-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:var(--side-panel-backdrop-background);border:0;z-index:var(--side-panel-backdrop-z-index)}.side-panel-backdrop-enter-active,.side-panel-backdrop-leave-active{transition:opacity .2s ease}.side-panel-backdrop-enter-from,.side-panel-backdrop-leave-to{opacity:0}.side-panel__resize{position:absolute;top:0;bottom:0;width:var(--side-panel-resize-target);cursor:col-resize;touch-action:none;outline:none;z-index:2}.side-panel__resize--left{right:calc(var(--side-panel-resize-target) / -2)}.side-panel__resize--right{left:calc(var(--side-panel-resize-target) / -2)}.side-panel__resize:before{position:absolute;top:0;bottom:0;left:50%;width:var(--side-panel-resize-line);content:"";background:transparent;transition:background .15s ease}.side-panel__resize:hover:before,.side-panel__resize:focus-visible:before,.side-panel__resize--active:before{background:var(--side-panel-resize-color)}.side-panel__reopen{position:fixed;top:var(--side-panel-reopen-offset);width:var(--side-panel-reopen-size);height:var(--side-panel-reopen-size);display:flex;flex-direction:column;justify-content:space-around;gap:var(--side-panel-reopen-gap);padding:var(--side-panel-reopen-padding);color:var(--side-panel-reopen-color);background:var(--side-panel-reopen-background);border:1px solid var(--side-panel-reopen-border);border-radius:var(--side-panel-reopen-radius);cursor:pointer;z-index:var(--side-panel-reopen-z-index)}.side-panel__reopen--left{left:var(--side-panel-reopen-offset)}.side-panel__reopen--right{right:var(--side-panel-reopen-offset)}.side-panel__reopen-bar{display:block;width:100%;height:2px;border-radius:1px;background:currentColor}:root{color-scheme:light;--c-bg: #f6f7f9;--c-surface: #ffffff;--c-border: #e2e5ea;--c-border-strong: #cbd1da;--c-text: #1c2430;--c-text-muted: #5b6675;--c-accent: #2563eb;--c-accent-soft: #eef3ff;--c-danger: #b42318;--c-danger-soft: #fef3f2;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 8px;--radius-sm: 5px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-body: .95rem;--fs-small: .85rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--c-text);background:var(--c-bg);line-height:1.5}#app{min-height:100vh}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h2{font-size:1.25rem}h3{font-size:1rem}a{color:var(--c-accent);text-decoration:none}button,input{font:inherit}button{cursor:pointer}button{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);padding:var(--sp-1) var(--sp-2)}button:hover,button[aria-pressed=true][data-range]{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.app-shell{margin:0 auto;padding:var(--sp-5) var(--sp-5) var(--sp-7);transition:padding-left .25s ease-out}.app-shell--docked{margin-left:0;padding-left:calc(var(--side-menu-docked-width, 240px) + var(--sp-5))}.app-shell--burger{padding-top:calc(var(--sp-5) + 2.5rem)}.view-header{margin-bottom:var(--sp-4)}.main-view,.graph-card{min-width:0}.section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-4)}.section__head [role=status]{font-size:.75rem}.section__note,.muted{color:var(--c-text-muted);font-size:var(--fs-small)}.section__note{padding-left:var(--sp-4);margin-bottom:0;overflow-wrap:anywhere}.subhead{margin:var(--sp-5) 0 var(--sp-3);font-size:1rem}.graph-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}.graph-grid--single{grid-template-columns:minmax(0,1fr)}.graph-section+.graph-section{margin-top:var(--sp-5)}.chart-host{position:relative;height:320px;width:100%;touch-action:pan-y}.chart-host--tall{height:min(70vh,640px);min-height:380px}.chart-placeholder{height:320px;background:var(--c-bg);border-radius:var(--radius-sm)}.no-data{display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center;color:var(--c-text-muted);background:var(--c-bg);border-radius:var(--radius-sm);padding:var(--sp-4);overflow-wrap:anywhere}.no-data p{margin:var(--sp-2) 0 0;font-size:var(--fs-small)}.stale-badge{color:var(--c-danger);background:var(--c-danger-soft);border-radius:var(--radius-sm);padding:2px 6px;font-size:.7rem}.error-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);background:var(--c-danger-soft);border:1px solid var(--c-danger);border-radius:var(--radius);color:var(--c-danger);overflow-wrap:anywhere}.error-banner button,.form-error{color:var(--c-danger)}.range-bar{padding:var(--sp-4);margin-bottom:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.range-shortcuts,.range-custom{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.range-custom{margin-top:var(--sp-3);font-size:var(--fs-small)}.range-custom label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.range-custom input{min-width:0;max-width:100%;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:var(--sp-1)}.refresh-toggle{margin-left:auto}.range-summary{margin:var(--sp-2) 0 0;font-size:.75rem}.rrd-side-panel{--side-panel-background: var(--c-surface);--side-panel-color: var(--c-text);--side-panel-border-color: var(--c-border-strong);--side-panel-shadow-left: 4px 0 18px rgba(16, 24, 40, .12);--side-panel-padding-block: var(--sp-4);--side-panel-padding-inline: var(--sp-3);--side-panel-drawer-max-width: 22rem;--side-panel-backdrop-background: rgba(16, 24, 40, .35);--side-panel-resize-color: var(--c-border-strong);--side-panel-reopen-background: var(--c-surface);--side-panel-reopen-color: var(--c-text);--side-panel-reopen-border: var(--c-border-strong)}.side-menu-title{font-size:1.05rem;font-weight:700;line-height:1.3;padding:0 2rem var(--sp-4) var(--sp-2)}.tree-root,.tree-children{list-style:none;padding:0;margin:0}.tree-children{padding-left:var(--sp-3)}.tree-row{display:flex;align-items:center;border-radius:var(--radius-sm)}.tree-row:hover,.tree-row--active{background:var(--c-accent-soft)}.tree-row--active a{color:var(--c-accent);font-weight:600}.tree-row a{flex:1;color:var(--c-text);padding:var(--sp-2) 2px;font-size:var(--fs-small);overflow-wrap:anywhere}.tree-toggle,.tree-leaf{border:0;background:none;flex:0 0 24px;padding:4px;text-align:center;color:var(--c-text-muted)}.side-menu-close{position:absolute;top:var(--sp-2);right:var(--sp-2);width:1.6rem;height:1.6rem;padding:0;border:0;background:none;color:var(--c-text-muted)}.burger-bar{display:block;width:18px;height:2px;background:currentColor}.burger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}@media (max-width: 650px){.app-shell{padding-left:var(--sp-3);padding-right:var(--sp-3)}.section{padding:var(--sp-3)}.range-custom{align-items:flex-start}.refresh-toggle{margin-left:0}.chart-host{height:280px}.chart-host--tall{height:380px}}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--c-bg: #121417;--c-surface: #1b1f26;--c-border: #2a2f38;--c-border-strong: #3a414d;--c-text: #e6eaf0;--c-text-muted: #9aa7b8;--c-accent: #5b93ff;--c-accent-soft: #1e2a40;--c-danger: #f4776b;--c-danger-soft: #2a1613;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .5)}}