@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(.985 .006 75);--bg-deep: oklch(.965 .008 75);--surface: oklch(1 0 0);--surface-2: oklch(.975 .006 75);--surface-3: oklch(.945 .01 75);--border: oklch(.86 .012 75);--border-subtle: oklch(.915 .01 75);--border-strong: oklch(.78 .014 75);--text: oklch(.22 .02 260);--text-muted: oklch(.42 .018 260);--text-dim: oklch(.56 .014 260);--text-faint: oklch(.7 .01 260);--cyan: oklch(.48 .18 265);--cyan-soft: oklch(.48 .18 265 / .1);--cyan-line: oklch(.48 .18 265 / .3);--magenta: oklch(.58 .18 30);--magenta-soft: oklch(.58 .18 30 / .1);--magenta-line: oklch(.58 .18 30 / .3);--success: oklch(.55 .15 150);--success-soft: oklch(.55 .15 150 / .12);--warning: oklch(.62 .16 60);--warning-soft: oklch(.62 .16 60 / .14);--danger: oklch(.55 .2 25);--danger-soft: oklch(.55 .2 25 / .1);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--sidebar-w: 220px;--topbar-h: 50px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:1.5;letter-spacing:0}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.sidebar{grid-row:1 / span 2;background:#f4efe9;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:12px 8px;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-mark{width:26px;height:26px;border-radius:6px;flex-shrink:0;background:radial-gradient(circle at 35% 35%,var(--cyan) 0%,transparent 55%),radial-gradient(circle at 70% 70%,var(--magenta) 0%,transparent 55%),var(--surface-3);position:relative;box-shadow:0 0 0 1px var(--border)}.brand-mark:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--bg-deep);box-shadow:inset 0 0 0 1.5px var(--cyan)}.brand-name{font-weight:700;font-size:13.5px;letter-spacing:-.01em;line-height:1}.brand-name small{display:block;font-size:10px;color:var(--text-dim);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.nav-section{font-size:10px;color:var(--text-faint);padding:14px 10px 5px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.nav-item{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:var(--r-sm);color:var(--text-muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--cyan-soft);color:var(--cyan)}.nav-item.active .nav-icon{color:var(--cyan)}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:99px;font-weight:600;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border-subtle)}.nav-badge.live{background:var(--cyan-soft);color:var(--cyan);border-color:var(--cyan-line)}.nav-badge.warn{background:var(--warning-soft);color:var(--warning);border-color:transparent}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px 8px 2px;border-top:1px solid var(--border-subtle)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--cyan);display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#fff;border:1px solid var(--cyan-line);font-family:var(--font-mono);flex-shrink:0}.topbar{grid-column:2;background:var(--surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px;padding:0 20px}.crumbs{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-dim)}.crumbs strong{color:var(--text);font-weight:600}.crumb-sep{color:var(--text-faint)}.topbar-search{margin-left:auto;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-dim);font-size:12px;cursor:pointer;min-width:240px}.topbar-search kbd{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:var(--surface-2);padding:1px 5px;border-radius:3px;border:1px solid var(--border);color:var(--text-faint)}.env-pill{display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;background:var(--surface);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.env-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px var(--success-soft)}.main{grid-column:2;grid-row:2;overflow:auto;padding:20px;background:radial-gradient(ellipse 600px 280px at 85% -5%,oklch(.48 .18 265 / .05),transparent 60%),radial-gradient(ellipse 500px 260px at -5% 100%,oklch(.58 .18 30 / .05),transparent 60%),var(--bg)}.page-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}.page-head h1{font-size:21px;font-weight:700;letter-spacing:-.025em}.page-head .sub{color:var(--text-muted);font-size:12.5px;margin-top:2px}.page-head .actions{margin-left:auto;display:flex;gap:7px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-sm);font-family:var(--font-sans);font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .1s,border-color .1s;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn.primary{background:var(--cyan);color:#fff;border-color:var(--cyan)}.btn.primary:hover{background:#153bb7;border-color:#153bb7}.btn.cyan{background:var(--cyan-soft);border-color:var(--cyan-line);color:var(--cyan)}.btn.cyan:hover{background:#2a52c12e}.btn.ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-muted)}.btn.ghost:hover{color:var(--text);border-color:var(--border)}.btn.danger-ghost{background:transparent;border-color:var(--border-subtle);color:var(--danger)}.icon-btn{background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:4px;cursor:pointer;color:var(--text-dim);display:grid;place-items:center;transition:background .1s,color .1s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);box-shadow:0 1px #1c192805,0 1px 3px #1c19280d}.card-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border-subtle)}.card-head h3{font-size:12.5px;font-weight:600;color:var(--text);letter-spacing:-.01em}.card-head .meta{color:var(--text-dim);font-size:11px;margin-left:auto;font-family:var(--font-mono)}.card-body{padding:14px}.card-body.flush{padding:0}.stat{padding:14px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;box-shadow:0 1px #1c192805,0 1px 3px #1c19280d}.stat-label{font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.stat-value{font-size:24px;font-weight:700;letter-spacing:-.025em;font-feature-settings:"tnum";display:flex;align-items:baseline;gap:6px}.stat-delta{font-family:var(--font-mono);font-size:11px;color:var(--success)}.stat-delta.down{color:var(--danger)}.stat-spark{position:absolute;right:0;bottom:0;left:0;height:36px;opacity:.5}.stat.accent:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan)}.pill{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:99px;font-size:10.5px;font-weight:600;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap}.pill-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.pill.online{color:var(--success);background:var(--success-soft);border-color:transparent}.pill.warn{color:var(--warning);background:var(--warning-soft);border-color:transparent}.pill.danger{color:var(--danger);background:var(--danger-soft);border-color:transparent}.pill.cyan{color:var(--cyan);background:var(--cyan-soft);border-color:transparent}.pill.magenta{color:var(--magenta);background:var(--magenta-soft);border-color:transparent}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;font-weight:600;color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:9px 14px;border-bottom:1px solid var(--border-subtle);background:#f7f3ee;position:sticky;top:0;white-space:nowrap}.tbl td{padding:9px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:#fbf6f1;cursor:pointer}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.muted{color:var(--text-muted)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.tab{padding:8px 12px;font-size:12.5px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;transition:color .1s}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-color:var(--cyan)}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px var(--cyan-soft);animation:pulseDot 1.6s ease-in-out infinite;display:inline-block}.kvs{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;font-size:12.5px}.kvs dt{color:var(--text-dim)}.kvs dd{font-family:var(--font-mono);font-size:11.5px;color:var(--text)}.divider{height:1px;background:var(--border-subtle);margin:12px 0}input,select{font-family:var(--font-sans);font-size:12.5px;background:var(--bg-deep);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:5px 10px;outline:none;transition:border-color .1s}input:focus,select:focus{border-color:var(--cyan)}input::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}