:root{color-scheme:light;--sidebar: #0d1424;--sidebar-line: #1e2942;--sidebar-fg: #ffffff;--sidebar-muted: #8d95a9;--brand: #2563eb;--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f1f3f7;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--ink: #1f2937;--ink-tint: #f3f4f6;--blue: #2563eb;--blue-tint: #eff4ff;--indigo: #4f46e5;--indigo-tint: #eeefff;--green: #15803d;--green-tint: #edf8f1;--amber: #b45309;--amber-tint: #fdf6e7;--orange: #c2410c;--orange-tint: #fdf1ea;--red: #b91c1c;--red-tint: #fdf0f0;--violet: #6d28d9;--violet-tint: #f5f1fe;--grey: #6b7280;--grey-tint: #f4f5f7;--ok: var(--green);--bad: var(--red);--radius: 10px;--shadow: 0 1px 2px rgba(17, 24, 39, .04);--sidebar-width: 272px;--dark-bg: #14181f;--dark-surface: #191e27;--dark-surface-2: #1e232d;--dark-border: #2a303b;--dark-text: #e9ebef;--dark-muted: #9aa2b1;--dark-ink: #cbd2dd;--dark-ink-tint: rgba(203, 210, 221, .1);--dark-blue: #60a5fa;--dark-blue-tint: rgba(96, 165, 250, .13);--dark-indigo: #a5b4fc;--dark-indigo-tint: rgba(165, 180, 252, .13);--dark-green: #6fbf85;--dark-green-tint: rgba(111, 191, 133, .13);--dark-amber: #e0b562;--dark-amber-tint: rgba(224, 181, 98, .13);--dark-orange: #e89a6f;--dark-orange-tint: rgba(232, 154, 111, .13);--dark-red: #e98d8d;--dark-red-tint: rgba(233, 141, 141, .14);--dark-violet: #b79cf5;--dark-violet-tint: rgba(183, 156, 245, .14);--dark-grey: #9aa2b1;--dark-grey-tint: rgba(154, 162, 177, .1);--dark-shadow: 0 1px 2px rgba(0, 0, 0, .3)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: var(--dark-bg);--surface: var(--dark-surface);--surface-2: var(--dark-surface-2);--border: var(--dark-border);--text: var(--dark-text);--muted: var(--dark-muted);--ink: var(--dark-ink);--ink-tint: var(--dark-ink-tint);--blue: var(--dark-blue);--blue-tint: var(--dark-blue-tint);--indigo: var(--dark-indigo);--indigo-tint: var(--dark-indigo-tint);--green: var(--dark-green);--green-tint: var(--dark-green-tint);--amber: var(--dark-amber);--amber-tint: var(--dark-amber-tint);--orange: var(--dark-orange);--orange-tint: var(--dark-orange-tint);--red: var(--dark-red);--red-tint: var(--dark-red-tint);--violet: var(--dark-violet);--violet-tint: var(--dark-violet-tint);--grey: var(--dark-grey);--grey-tint: var(--dark-grey-tint);--shadow: var(--dark-shadow)}}:root[data-theme=dark]{color-scheme:dark;--bg: var(--dark-bg);--surface: var(--dark-surface);--surface-2: var(--dark-surface-2);--border: var(--dark-border);--text: var(--dark-text);--muted: var(--dark-muted);--ink: var(--dark-ink);--ink-tint: var(--dark-ink-tint);--blue: var(--dark-blue);--blue-tint: var(--dark-blue-tint);--indigo: var(--dark-indigo);--indigo-tint: var(--dark-indigo-tint);--green: var(--dark-green);--green-tint: var(--dark-green-tint);--amber: var(--dark-amber);--amber-tint: var(--dark-amber-tint);--orange: var(--dark-orange);--orange-tint: var(--dark-orange-tint);--red: var(--dark-red);--red-tint: var(--dark-red-tint);--violet: var(--dark-violet);--violet-tint: var(--dark-violet-tint);--grey: var(--dark-grey);--grey-tint: var(--dark-grey-tint);--shadow: var(--dark-shadow)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.app{display:flex;min-height:100vh;align-items:flex-start}.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding:1.4rem .85rem 1.25rem;background:var(--sidebar);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-line)}.brand{padding:0 .6rem}.brand-name{font-size:1.35rem;font-weight:600;letter-spacing:-.01em;color:var(--sidebar-fg)}.brand-sub{font-size:.8rem;color:var(--sidebar-muted);margin-top:.1rem}.side-nav{display:flex;flex-direction:column;gap:.2rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:8px;color:var(--sidebar-muted);text-decoration:none;font-size:.95rem;transition:color .15s ease,background-color .15s ease}.nav-item:hover{color:var(--sidebar-fg);background:#ffffff0d}.nav-item.active{background:var(--brand);color:#fff;font-weight:600}.nav-item svg{flex:0 0 18px;width:18px;height:18px}.sidebar-foot{margin-top:auto;padding:.9rem .6rem 0;border-top:1px solid var(--sidebar-line);color:var(--sidebar-muted);font-size:.78rem;line-height:1.45}.sidebar-foot code{color:var(--sidebar-muted)}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-height:56px;padding:.5rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .who{color:var(--text);font-size:.9rem}.content{padding:1.75rem 1.5rem 3.5rem;max-width:82rem;width:100%;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}h1.page-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.page-title-sub{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.lede{margin:.35rem 0 0;color:var(--muted);max-width:46rem}.section-title{margin:1.9rem 0 .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tone-ink{--tone: var(--ink);--tone-tint: var(--ink-tint)}.tone-blue{--tone: var(--blue);--tone-tint: var(--blue-tint)}.tone-indigo{--tone: var(--indigo);--tone-tint: var(--indigo-tint)}.tone-green{--tone: var(--green);--tone-tint: var(--green-tint)}.tone-amber{--tone: var(--amber);--tone-tint: var(--amber-tint)}.tone-orange{--tone: var(--orange);--tone-tint: var(--orange-tint)}.tone-red{--tone: var(--red);--tone-tint: var(--red-tint)}.tone-violet{--tone: var(--violet);--tone-tint: var(--violet-tint)}.tone-grey{--tone: var(--grey);--tone-tint: var(--grey-tint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem;min-width:0}.card h2{margin:0 0 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}.kpi{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--tone, var(--ink));border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem 1.1rem 1rem}.kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi-value{margin-top:.3rem;font-size:2rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-unit{font-size:1rem;font-weight:600;color:var(--muted);margin-left:.2rem}.kpi-foot{margin-top:.3rem;font-size:.8rem;color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.85rem}.status-card{background:var(--tone-tint, var(--grey-tint));border:1px solid var(--border);border-left:4px solid var(--tone, var(--grey));border-radius:var(--radius);padding:.85rem 1rem}.status-card .label{font-size:.8rem;font-weight:600;color:var(--tone, var(--muted))}.status-card .n{font-size:1.6rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.status-card .foot{font-size:.78rem;color:var(--muted)}.segmented{display:inline-flex;gap:.2rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;padding:.35rem .7rem;border-radius:7px;cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--border),var(--shadow)}.theme-switch{display:inline-flex;gap:.15rem;padding:.2rem;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}.theme-switch button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.theme-switch button:hover{color:var(--text)}.theme-switch button[aria-pressed=true]{background:var(--surface);color:var(--blue);box-shadow:inset 0 0 0 1px var(--border),var(--shadow)}.theme-switch svg{width:15px;height:15px}.nav-item:focus-visible,.segmented button:focus-visible,.theme-switch button:focus-visible,.linklike:focus-visible,a.button:focus-visible,button.button:focus-visible,.back-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pill{display:inline-block;padding:.1rem .55rem;border-radius:999px;background:var(--grey-tint);color:var(--muted);font-size:.75rem;font-weight:600;white-space:nowrap}.ok{color:var(--ok)}.bad{color:var(--bad)}.pill.ok{background:var(--green-tint);color:var(--green)}.pill.bad{background:var(--red-tint);color:var(--red)}.linklike{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:.4rem .6rem;border-radius:7px;transition:color .15s ease,background-color .15s ease}.linklike:hover{color:var(--text);background:var(--surface-2)}a.button,button.button{display:inline-block;padding:.6rem 1.1rem;border:1px solid transparent;border-radius:8px;background:var(--brand);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease}a.button:hover,button.button:hover{background:#1d4ed8}a.button.quiet{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:500}a.button.quiet:hover{background:var(--surface-2);border-color:var(--muted)}.back-link{color:var(--muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--text)}.scroll{overflow-x:auto;min-width:0}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-weight:600;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:0 .75rem .55rem 0;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:.65rem .75rem .65rem 0;border-top:1px solid var(--border);vertical-align:top}tbody tr:first-child td{border-top:0}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}td code,td.actions{white-space:nowrap}td.actions .linklike,td.actions a{padding:0 .55rem 0 0;font-size:.85rem;color:var(--muted);text-decoration:none}td.actions .linklike:hover,td.actions a:hover{color:var(--text);background:none}td.actions .linklike:disabled{opacity:.4;cursor:default}.sub{color:var(--muted);font-size:.8rem;margin-top:.15rem}.note{color:var(--muted);font-size:.9rem;margin-top:1.25rem}.rowcount{color:var(--muted);font-size:.85rem}dl{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:.55rem 1.5rem;margin:0}dt{color:var(--muted)}dd{margin:0;font-variant-numeric:tabular-nums}ul.sources{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.head-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.head-search{width:15rem;max-width:100%}.problem-row{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;padding:.6rem 0;border-top:1px solid var(--border)}.problem-row:first-child{border-top:0}.problem-row .what{flex:1 1 18rem;min-width:0}.problem-row .why{color:var(--muted);font-size:.85rem}.wizard-steps{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem;padding:0;list-style:none}.wizard-step{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem .35rem .4rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:.85rem}.wizard-step .n{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-size:.75rem;font-weight:600}.wizard-step.current{background:var(--blue-tint);border-color:transparent;color:var(--blue);font-weight:600}.wizard-step.current .n{background:var(--blue);color:#fff;box-shadow:none}.wizard-step.done{color:var(--green)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.choice{text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--tone, var(--ink));border-radius:var(--radius);padding:1rem 1.1rem;cursor:pointer;transition:box-shadow .15s ease}.choice:hover{box-shadow:0 0 0 1px var(--tone)}.choice[aria-pressed=true]{box-shadow:0 0 0 2px var(--tone);background:var(--tone-tint)}.choice .title{font-weight:600;font-size:1.05rem}.choice .desc{color:var(--muted);font-size:.85rem;margin-top:.25rem}.form-grid{display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field>label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field .hint,.hint{margin:0;color:var(--muted);font-size:.8rem}.hint.bad{color:var(--bad)}input[type=text],input[type=search],select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;min-width:0;width:100%}select[size]{padding:.25rem}select[size] option{padding:.35rem .5rem;border-radius:5px}input:focus-visible,select:focus-visible,textarea:focus-visible,.choice:focus-visible,.list-pick button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.check-row{display:flex;gap:1rem;flex-wrap:wrap}.check-row label{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem}.callout{border-left:4px solid var(--tone, var(--grey));background:var(--tone-tint, var(--grey-tint));border-radius:var(--radius);padding:.75rem 1rem;margin:1rem 0;font-size:.9rem}.callout ul{margin:.3rem 0 0 1.1rem;padding:0}.callout strong{color:var(--tone, var(--text))}.actions-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.actions-row .spacer{flex:1}button.button:disabled{opacity:.5;cursor:default}button.button:disabled:hover{background:var(--brand)}button.button.quiet{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:500}button.button.quiet:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.list-pick{display:flex;flex-direction:column;gap:.2rem;max-height:22rem;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:.3rem}.list-pick button{display:flex;justify-content:space-between;align-items:center;gap:.75rem;text-align:left;font:inherit;color:var(--text);background:transparent;border:0;border-radius:6px;padding:.5rem .6rem;cursor:pointer}.list-pick button:hover{background:var(--surface-2)}.list-pick button[aria-pressed=true]{background:var(--blue-tint);color:var(--blue);font-weight:600}.list-pick .sub{display:block;font-weight:400}.kv{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:.45rem 1.25rem;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-variant-numeric:tabular-nums}.kv dd .sub{display:block}pre.promql{margin:.25rem 0 0;padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-all}.chart-wrap{margin-top:.75rem}.chart{display:block;width:100%;height:auto}.chart-axis{font-size:.72rem;fill:var(--muted)}.plain{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;gap:1.25rem}.plain-corner{position:absolute;top:1rem;right:1.25rem}.plain .brand{text-align:center;padding:0}.plain .brand-name,.plain .brand-sub{color:var(--text)}.plain .brand-sub{color:var(--muted)}.login{width:100%;max-width:30rem}.login h2{margin-bottom:.75rem}.login-action{margin:1.25rem 0 0}.login .sub{margin-top:1rem}@media(max-width:800px){.app{display:block}.sidebar{position:static;width:100%;height:auto;flex:none;gap:.85rem;padding:.9rem 1rem;border-right:0;border-bottom:1px solid var(--sidebar-line)}.side-nav{flex-direction:row;flex-wrap:wrap}.nav-item{padding:.5rem .7rem}.sidebar-foot{display:none}.topbar{position:static;padding:.5rem 1rem}.content{padding:1.25rem 1rem 3rem}h1.page-title{font-size:1.5rem}}