:root,[data-theme=dark]{--background: #0A0A0F;--bg-elev: #0E0E15;--foreground: #E8E9F3;--card: rgba(20,20,30,.7);--card-solid: #14141E;--border: rgba(167,139,250,.12);--border-soft: rgba(167,139,250,.07);--border-strong: rgba(167,139,250,.22);--glass-bg: rgba(20,20,30,.4);--glass-border: rgba(167,139,250,.15);--muted: rgba(232,233,243,.56);--muted-2: rgba(232,233,243,.38);--muted-3: rgba(232,233,243,.22);--primary: #FB923C;--primary-strong: #FDBA74;--primary-fade: rgba(251,146,60,.13);--primary-ring: rgba(251,146,60,.35);--primary-glow: rgba(251,146,60,.48);--secondary: #3B82F6;--secondary-fade: rgba(59,130,246,.14);--purple: #A78BFA;--purple-fade: rgba(167,139,250,.14);--success: #34D399;--success-fade: rgba(52,211,153,.14);--warning: #FBBF24;--warning-fade: rgba(251,191,36,.14);--destructive: #F87171;--destructive-fade: rgba(248,113,113,.14);--hover: rgba(251,146,60,.07);--active: rgba(251,146,60,.13);--chart-1: #FB923C;--chart-2: #3B82F6;--chart-3: #34D399;--chart-4: #A78BFA;--chart-5: #FBBF24;--shadow-card: 0 1px 2px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.4);--shadow-pop: 0 24px 70px rgba(0,0,0,.62);--shadow-glow: 0 0 0 1px var(--primary-ring), 0 8px 30px rgba(251,146,60,.2);--grid-line: rgba(167,139,250,.05);--radius: .625rem;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}[data-theme=light]{--background: #F4F3FA;--bg-elev: #FBFAFE;--foreground: #181622;--card: rgba(255,255,255,.72);--card-solid: #FFFFFF;--border: rgba(124,92,250,.14);--border-soft: rgba(124,92,250,.08);--border-strong: rgba(124,92,250,.26);--glass-bg: rgba(255,255,255,.55);--glass-border: rgba(124,92,250,.16);--muted: rgba(24,22,34,.58);--muted-2: rgba(24,22,34,.4);--muted-3: rgba(24,22,34,.22);--primary: #E8730C;--primary-strong: #C75F05;--primary-fade: rgba(232,115,12,.11);--primary-ring: rgba(232,115,12,.3);--primary-glow: rgba(232,115,12,.32);--secondary: #2563EB;--secondary-fade: rgba(37,99,235,.12);--purple: #7C5CF6;--purple-fade: rgba(124,92,246,.12);--success: #0FA968;--success-fade: rgba(15,169,104,.12);--warning: #C98A06;--warning-fade: rgba(201,138,6,.13);--destructive: #E0484D;--destructive-fade: rgba(224,72,77,.12);--hover: rgba(232,115,12,.06);--active: rgba(232,115,12,.11);--chart-1: #E8730C;--chart-2: #2563EB;--chart-3: #0FA968;--chart-4: #7C5CF6;--chart-5: #C98A06;--shadow-card: 0 1px 2px rgba(60,40,120,.06), 0 10px 28px rgba(60,40,120,.08);--shadow-pop: 0 24px 60px rgba(60,40,120,.18);--shadow-glow: 0 0 0 1px var(--primary-ring), 0 8px 26px rgba(124,92,246,.14);--grid-line: rgba(60,40,120,.06)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}.app{height:100vh;width:100%;display:flex;overflow:hidden;position:relative;background:radial-gradient(880px 540px at 8% -4%,rgba(251,146,60,.11),transparent 60%),radial-gradient(760px 520px at 100% 104%,rgba(59,130,246,.08),transparent 58%),var(--background)}[data-theme=light] .app{background:radial-gradient(880px 540px at 8% -4%,rgba(232,115,12,.09),transparent 60%),radial-gradient(760px 520px at 100% 104%,rgba(37,99,235,.07),transparent 58%),var(--background)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.grow{flex:1 1 auto;min-width:0}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.nowrap{white-space:nowrap}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-track{background:transparent}.h-xl{font-size:22px;font-weight:500;letter-spacing:-.02em}.h-lg{font-size:17px;font-weight:500;letter-spacing:-.01em}.h-md{font-size:14px;font-weight:500}.eyebrow{font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2)}.label{font-size:11px;font-weight:500;color:var(--muted)}.cap{font-size:11.5px;color:var(--muted)}.glass{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(var(--glass-blur, 18px)) saturate(1.5);-webkit-backdrop-filter:blur(var(--glass-blur, 18px)) saturate(1.5);box-shadow:var(--shadow-card)}.glass-flat{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(var(--glass-blur, 14px)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur, 14px)) saturate(1.4)}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.divider{height:1px;background:var(--border);width:100%}.vdiv{width:1px;background:var(--border);align-self:stretch}.sidebar{width:246px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(251,146,60,.05),transparent 240px),var(--glass-bg);backdrop-filter:blur(var(--glass-blur, 20px)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur, 20px)) saturate(1.4);position:relative;z-index:4}.nav-group-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.13em;color:var(--muted-2);padding:0 14px;margin:16px 0 6px}.nav-item{display:flex;align-items:center;gap:11px;margin:1px 8px;padding:8px 11px;border-radius:8px;font-size:13px;font-weight:400;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background .12s,color .12s;text-decoration:none}.nav-item:hover{background:var(--hover);color:var(--foreground)}.nav-item.on{background:var(--primary-fade);color:var(--primary-strong);font-weight:500}.nav-item.on:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.nav-item .idx{font-family:var(--font-mono);font-size:10px;color:var(--muted-2);width:16px}.nav-item.on .idx{color:var(--primary)}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted-2);background:var(--hover);border-radius:5px;padding:1px 6px}.topbar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 18px 0 16px;border-bottom:1px solid var(--border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur, 20px)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur, 20px)) saturate(1.4);position:relative;z-index:5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border-radius:8px;font-family:var(--font-ui);font-size:12.5px;font-weight:500;color:var(--foreground);background:var(--card);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,transform .05s,box-shadow .12s}.btn:hover{background:var(--hover);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn.sm{padding:5px 9px;font-size:11.5px;gap:5px;border-radius:7px}.btn.icon{padding:7px;width:32px;height:32px}.btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#0a0a0f;border-color:transparent;font-weight:500;box-shadow:0 4px 16px #fb923c47}[data-theme=light] .btn.primary{color:#fff}.btn.primary:hover{box-shadow:0 6px 22px #fb923c6b;background:var(--primary)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--hover)}.btn.outline{background:transparent}.btn.danger{color:var(--destructive);border-color:var(--destructive-fade)}.btn.danger:hover{background:var(--destructive-fade)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.lg{padding:10px 18px;font-size:13.5px;border-radius:9px}.pulse{animation:pulseRing 1.8s infinite}@keyframes pulseRing{0%{box-shadow:0 0 0 0 var(--primary-ring)}70%{box-shadow:0 0 0 16px transparent}to{box-shadow:0 0 0 0 transparent}}.blink{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.7;background:var(--hover);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill .dot.live{box-shadow:0 0 0 0 currentColor;animation:live 1.8s infinite}.pill.ok{color:var(--success);background:var(--success-fade);border-color:#34d39947}.pill.warn{color:var(--warning);background:var(--warning-fade);border-color:#fbbf244d}.pill.bad{color:var(--destructive);background:var(--destructive-fade);border-color:#f871714d}.pill.pri{color:var(--primary-strong);background:var(--primary-fade);border-color:var(--primary-ring)}.pill.sec{color:var(--secondary);background:var(--secondary-fade);border-color:#3b82f64d}.pill.off{color:var(--muted-2);background:var(--hover);border-color:var(--border)}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;background:var(--hover);border:1px solid var(--border);color:var(--muted)}.tag.pri{color:var(--primary-strong);background:var(--primary-fade);border-color:var(--primary-ring)}.tag.sec{color:var(--secondary);background:var(--secondary-fade);border-color:#3b82f64d}.tag.ok{color:var(--success);background:var(--success-fade);border-color:#34d39947}.tag.gpu{color:var(--chart-3);background:#34d3991f;border-color:#34d39947}@keyframes live{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 5px transparent;opacity:.7}to{box-shadow:0 0 0 0 transparent;opacity:1}}.pip{width:8px;height:8px;border-radius:50%;position:relative}.pip:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:currentColor;opacity:.25;animation:live 2s infinite}.pip.healthy{background:var(--success);color:var(--success)}.pip.degraded{background:var(--warning);color:var(--warning)}.pip.errored{background:var(--destructive);color:var(--destructive)}.pip.offline{background:var(--muted-2);color:var(--muted-2)}.pip.offline:after{animation:none}.input,.select,.textarea{width:100%;padding:8px 11px;font-family:var(--font-ui);font-size:12.5px;color:var(--foreground);background:var(--glass-bg);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input.mono,.textarea.mono{font-family:var(--font-mono);font-size:12px}.textarea{resize:vertical;line-height:1.5}.search{position:relative;display:flex;align-items:center}.search>svg{position:absolute;left:10px;color:var(--muted-2);pointer-events:none}.search>.input{padding-left:31px}.seg{display:inline-flex;background:var(--glass-bg);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.seg button{border:0;background:transparent;color:var(--muted);font-family:var(--font-ui);font-size:12px;font-weight:500;padding:5px 11px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.seg button:hover{color:var(--foreground)}.seg button.on{background:var(--primary-fade);color:var(--primary-strong)}.toggle{width:34px;height:19px;border-radius:999px;background:var(--muted-3);border:0;cursor:pointer;position:relative;transition:background .15s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0000004d}.toggle.on{background:var(--primary)}.toggle.on:after{transform:translate(15px)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.tbl thead th{position:sticky;top:0;z-index:2;text-align:left;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);background:var(--bg-elev);border-bottom:1px solid var(--border);padding:9px 14px;white-space:nowrap;-webkit-user-select:none;user-select:none}.tbl tbody td{padding:10px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--foreground)}.tbl tbody tr{transition:background .1s}.tbl tbody tr.click{cursor:pointer}.tbl tbody tr.click:hover{background:var(--hover)}.tbl tbody tr.sel{background:var(--primary-fade)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.tbl th.num{text-align:right}.kpi{padding:15px 16px;position:relative;overflow:hidden}.kpi .kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:8px;min-width:0}.kpi .kpi-label{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi .kpi-ico{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--primary-fade);color:var(--primary);border:1px solid var(--primary-ring)}.kpi .kpi-val{font-family:var(--font-mono);font-size:23px;font-weight:500;letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:3px;min-width:0}.kpi .kpi-val .u{font-size:13px;color:var(--muted-2);font-weight:400}.kpi .kpi-sub{margin-top:9px;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.delta{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:11px;font-weight:500}.delta.up{color:var(--success)}.delta.down{color:var(--destructive)}.delta.flat{color:var(--muted-2)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0505098c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;animation:fade .15s ease}.drawer{position:absolute;top:0;right:0;bottom:0;width:560px;max-width:88%;background:var(--bg-elev);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-pop);z-index:41;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .22s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.code{font-family:var(--font-mono);font-size:12px;line-height:1.65;background:var(--bg-elev);border:1px solid var(--border);border-radius:9px;padding:13px 15px;color:var(--foreground);overflow-x:auto;white-space:pre}.code .k{color:var(--primary-strong)}.code .s{color:var(--success)}.code .c{color:var(--muted-2)}.code .n{color:var(--chart-5)}.kbd{font-family:var(--font-mono);font-size:10.5px;padding:1px 5px;border-radius:5px;background:var(--hover);border:1px solid var(--border);color:var(--muted)}.dotgrid{background-image:radial-gradient(var(--grid-line) 1px,transparent 0);background-size:22px 22px}.fade-in{animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:6px;border-radius:999px;background:var(--hover);overflow:hidden}.progress>i{display:block;height:100%;border-radius:999px;background:var(--primary)}.meter{height:7px;border-radius:999px;background:var(--hover);overflow:hidden;position:relative}.meter>i{position:absolute;left:0;top:0;bottom:0;border-radius:999px}