:root{--bg: #0b0c10;--surface: #12141a;--surface-2: #181b23;--surface-3: #1e222c;--border: #242836;--border-strong: #323849;--text: #e6e8ee;--muted: #8d93a5;--faint: #636a7e;--accent: #6ea8ff;--accent-soft: rgba(110, 168, 255, .14);--ok: #46c995;--ok-soft: rgba(70, 201, 149, .13);--bad: #ef6b73;--bad-soft: rgba(239, 107, 115, .13);--warn: #e6b450;--warn-soft: rgba(230, 180, 80, .14);--neutral-soft: rgba(141, 147, 165, .14);--radius: 10px;--radius-sm: 6px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--sans: Inter, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--sidebar: 184px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}button,input,select{font:inherit;color:inherit}::selection{background:var(--accent-soft)}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--muted)}.faint{color:var(--faint)}.num{text-align:right;font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100%}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:18px 14px}.brand{padding:4px 10px 18px}.brand-name{font-size:18px;font-weight:700;letter-spacing:.02em}.brand-sub{color:var(--muted);font-size:12px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--muted)}.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav a.active{background:var(--accent-soft);color:var(--text)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding:14px 10px 0;display:flex;flex-direction:column;gap:10px}.identity{font-size:12.5px;word-break:break-all}.identity .role{color:var(--muted)}.content{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:8px 24px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:2}.quick{display:flex;gap:8px;align-items:center;flex:0 1 340px;margin-left:auto}.quick input{flex:1}.quick-error{color:var(--bad);font-size:12.5px}.page{padding:18px 24px 40px;max-width:1760px;width:100%}.env-strip{padding:6px 28px;font-size:12px;background:var(--warn-soft);color:var(--warn);border-bottom:1px solid rgba(230,180,80,.3)}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.brand{padding:0 10px 0 0}.nav{flex-direction:row}.sidebar-foot{margin:0 0 0 auto;border:0;padding:0;flex-direction:row;align-items:center}.page,.topbar{padding-left:14px;padding-right:14px}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-title{font-size:22px}.page-sub{color:var(--muted);margin-top:4px}.page-actions{display:flex;gap:8px;align-items:center}.crumbs{color:var(--muted);font-size:12.5px;margin-bottom:6px}.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent-soft);border-color:#6ea8ff80;color:#cfe0ff}.btn.ghost{background:transparent}.input{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);min-width:0}.input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.tabs{display:inline-flex;padding:3px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.tab{padding:6px 12px;border-radius:7px;background:transparent;border:0;color:var(--muted);cursor:pointer}.tab:hover{color:var(--text)}.tab.active{background:var(--surface-3);color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.panel-title{font-size:14px;font-weight:600}.panel-body{padding:16px}.stack{display:flex;flex-direction:column;gap:20px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.metric-label{color:var(--muted);font-size:12.5px}.metric-value{font-size:28px;font-weight:650;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.metric-hint{color:var(--faint);font-size:12px;margin-top:4px}.metric.ok .metric-value{color:var(--ok)}.metric.bad .metric-value{color:var(--bad)}.metric.accent .metric-value{color:var(--accent)}.breakdown-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--surface-3)}.breakdown-bar span{display:block;height:100%}.breakdown-list{margin-top:14px;display:grid;gap:4px}.breakdown-row{display:grid;grid-template-columns:14px 1fr auto auto;gap:10px;align-items:center;padding:6px 4px;border-radius:var(--radius-sm);color:inherit}.breakdown-row:hover{background:var(--surface-2);text-decoration:none}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px 24px}.kv-item dt{color:var(--muted);font-size:12px;margin-bottom:3px}.kv-item dd{margin:0;word-break:break-word}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);position:sticky;top:0}table.data td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover td{background:var(--surface-2)}table.data th.num,table.data td.num{text-align:right}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:500;background:var(--neutral-soft);color:var(--muted);border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.plain:before{display:none}.badge.env-prod{background:var(--warn-soft);color:var(--warn);border-color:#e6b45073}.delta-pos{color:var(--ok)}.delta-neg{color:#e0a0a4}.delta-zero{color:var(--faint)}.copyid{display:inline-flex;align-items:center;gap:6px}.copy-btn{padding:1px 6px;font-size:11px;line-height:1.5;border-radius:5px;border:1px solid var(--border-strong);background:transparent;color:var(--muted);cursor:pointer}.copy-btn:hover{color:var(--text);background:var(--surface-3)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:44px 20px;text-align:center;color:var(--muted)}.state-title{color:var(--text);font-weight:600}.state-detail{font-size:12.5px;max-width:520px}.state.error .state-title{color:var(--bad)}.skeleton{width:min(520px,100%);display:grid;gap:10px}.skeleton i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.6s linear infinite}.skeleton i:nth-child(2){width:80%}.skeleton i:nth-child(3){width:60%}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton i{animation:none}}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(380px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px}.login-card h1{font-size:22px}.field{display:grid;gap:6px;margin-top:16px}.field label{color:var(--muted);font-size:12.5px}.field .input{width:100%}.login-card .btn{margin-top:20px;width:100%;justify-content:center;padding:9px 12px}.form-error{color:var(--bad);margin:14px 0 0;font-size:13px}.note{color:var(--muted);font-size:12.5px}.field-chip{display:inline-block;margin:2px 4px 2px 0;padding:1px 8px;border-radius:99px;background:var(--surface-3);font-family:var(--mono);font-size:11.5px;color:var(--muted)}.field-chip.required{color:var(--text);border:1px solid var(--border-strong)}.stack.tight{gap:14px}.sidebar{padding:14px 10px}.brand{padding:2px 8px 14px}.nav a{padding:6px 10px}.topbar-title{font-weight:600;letter-spacing:.01em;white-space:nowrap}.topbar-title .sep{color:var(--faint);margin:0 6px}.quick .input{padding:5px 9px;font-size:12px}.quick .btn{display:none}.page-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-bar .page-title{font-size:18px}.spacer{flex:1}.btn{padding:5px 11px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) minmax(260px,1.8fr);gap:10px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;min-width:0}.kpi-label{color:var(--muted);font-size:11.5px}.kpi-value{font-size:24px;font-weight:650;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums;line-height:1.2}.kpi-value.ok{color:var(--ok)}.kpi-value.warn{color:var(--warn)}.kpi-value.bad{color:var(--bad)}.kpi-value.accent{color:var(--accent)}.kpi-hint{color:var(--faint);font-size:11.5px;margin-top:2px}.kpi-bar .breakdown-bar{margin-top:12px}.breakdown-bar.thin{height:8px}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:9px;font-size:11.5px}.legend a{color:var(--muted);display:inline-flex;align-items:center;gap:5px}.legend .dot{width:8px;height:8px}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:14px;align-items:start}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.panel-head{padding:10px 14px}.panel-body{padding:12px 14px}table.data th{padding:7px 12px}table.data td{padding:6px 12px}.attn{list-style:none;margin:0;padding:0}.attn li{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border)}.attn li:last-child{border-bottom:0}.attn-when{margin-left:auto;font-size:12px;white-space:nowrap}.attn .badge{white-space:nowrap}.usage{display:grid;gap:9px}.usage-row{display:grid;grid-template-columns:110px 1fr 28px;gap:10px;align-items:center}.usage-track{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.usage-track i{display:block;height:100%;background:var(--accent);border-radius:99px}.big-num{font-size:26px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.big-num .muted{font-size:13px;font-weight:400;letter-spacing:0}.tight-p{margin:8px 0 0}.gaps{margin:0;padding-left:16px;color:var(--muted);display:grid;gap:4px}.state{padding:24px 16px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.split,.triple,.pair{grid-template-columns:1fr}}.metrics{grid-template-columns:repeat(auto-fit,minmax(190px,260px));gap:10px}.metric{padding:10px 14px}.metric-value{font-size:24px;margin-top:2px}.page-header{margin-bottom:14px}.def{border-bottom:1px dotted var(--faint);cursor:help}.stat-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:0}.stat-label{color:var(--muted)}.stat-value{font-variant-numeric:tabular-nums;font-weight:550;text-align:right}.banner{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.banner .banner-dot{width:10px;height:10px;border-radius:50%;background:var(--faint);flex:none}.banner.ok{border-color:#46c99559}.banner.ok .banner-dot{background:var(--ok)}.banner.warn{border-color:#e6b45073;background:var(--warn-soft)}.banner.warn .banner-dot{background:var(--warn)}.banner.bad{border-color:#ef6b7380;background:var(--bad-soft)}.banner.bad .banner-dot{background:var(--bad)}.banner-title{font-weight:650}.banner-detail{color:var(--muted)}.lamps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.lamp{display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text)}.lamp:hover{background:var(--surface-2);text-decoration:none}.lamp-dot{width:8px;height:8px;border-radius:50%;background:var(--faint);grid-row:1 / span 2}.lamp.ok .lamp-dot{background:var(--ok)}.lamp.warn .lamp-dot{background:var(--warn)}.lamp.bad .lamp-dot{background:var(--bad)}.lamp-name{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lamp-state{grid-column:2;font-size:11.5px;color:var(--muted);white-space:normal;line-height:1.3}.lamp.ok .lamp-state{color:var(--ok)}.lamp.warn .lamp-state{color:var(--warn)}.lamp.bad .lamp-state{color:var(--bad)}.status-lamp{--lamp-core: #4b5059;--lamp-glow: transparent;position:relative;display:inline-block;flex:none;width:30px;height:30px;border-radius:50%;background:conic-gradient(from 200deg,#f1f3f5,#7f868e 18%,#2b3036 38%,#aeb5bd 55%,#50565e 74%,#e9ecef 92%,#f1f3f5);box-shadow:0 2px 3px #000000bf,inset 0 0 0 1px #0000008c}.status-lamp:before{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1c1f24 0 58%,#0c0d10);box-shadow:inset 0 1px 2px #000000e6,0 0 0 1px #ffffff0f}.status-lamp:after{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 42% 30%,#fffffff2,#fff0 16%),radial-gradient(circle at 50% 55%,var(--lamp-core) 0%,var(--lamp-core) 55%,#0b0c0e 100%);box-shadow:inset 0 -3px 5px #00000073,inset 0 2px 3px #ffffff4d,0 0 10px 2px var(--lamp-glow)}.status-lamp--sm{width:16px;height:16px}.status-lamp--sm:before{inset:2px}.status-lamp--sm:after{inset:3px;box-shadow:inset 0 -2px 3px #00000073,inset 0 1px 2px #ffffff4d,0 0 6px 1px var(--lamp-glow)}.status-lamp--green{--lamp-core: #35d26b;--lamp-glow: rgba(53, 210, 107, .5)}.status-lamp--red{--lamp-core: #ef3b44;--lamp-glow: rgba(239, 59, 68, .55)}.status-lamp--yellow{--lamp-core: #f2b233;--lamp-glow: rgba(242, 178, 51, .45)}.status-lamp--gray{--lamp-core: #4b5059;--lamp-glow: transparent}.status-lamp--gray:after{filter:saturate(.2) brightness(.8)}.status-lamp--pulse:after{animation:status-lamp-breathe 3s ease-in-out infinite}@keyframes status-lamp-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(.55)}}@media(prefers-reduced-motion:reduce){.status-lamp--pulse:after{animation:none}}.health-state{display:inline-flex;align-items:center;gap:8px}.lamp{position:relative;background:linear-gradient(180deg,#252a31,#14171c);border:1px solid #07080a;box-shadow:inset 0 1px #ffffff12,inset 0 -2px 4px #00000080,0 1px 2px #00000080;padding:9px 12px}.lamp:before,.lamp:after{content:"";position:absolute;top:4px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d7dce2,#6b7179 60%,#2a2e35)}.lamp:before{left:4px}.lamp:after{right:4px}.kpi{position:relative;background:linear-gradient(180deg,#1f232a,#13161b);border:1px solid #07080a;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #00000073,0 1px 2px #00000080}.kpi:before,.kpi:after{content:"";position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d7dce2,#6b7179 60%,#2a2e35)}.kpi:before{left:5px}.kpi:after{right:5px}.banner.bad{background:linear-gradient(180deg,#3a0d12,#1d0608);border:1px solid #6e2028;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 2px #00000059,0 1px 3px #0009}.banner.warn{background:linear-gradient(180deg,#3a2b0c,#1d1506);border:1px solid #6e5220;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 2px #00000059}.banner .status-lamp{flex:none}.lamp .status-lamp{grid-row:1 / span 2}.kpis.seven{grid-template-columns:repeat(7,minmax(110px,1fr))}.quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.attn li .attn-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.needs{margin:0;padding-left:18px;display:grid;gap:6px}.toggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;cursor:pointer}.nav-group{margin:12px 10px 4px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.nav{overflow-y:auto}@media(max-width:1280px){.quad{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.kpis.seven{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.quad{grid-template-columns:1fr}}.nav a{padding:5px 10px}.nav-group{margin:9px 10px 2px}.kpis.seven .kpi{padding:9px 12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters .input{min-width:180px}select.input{padding:6px 8px}.status-lamp{margin:4px;box-shadow:0 0 0 1px #07080a,0 0 0 3px #6c737c,0 0 0 4px #1b1e23,0 0 0 5px #4a5058,0 3px 5px 5px #0000008c,inset 0 0 0 1px #0000008c}.status-lamp--sm{margin:3px;box-shadow:0 0 0 1px #07080a,0 0 0 2px #6c737c,0 0 0 3px #1b1e23,0 2px 3px 3px #00000080,inset 0 0 0 1px #0000008c}.lamp{grid-template-columns:44px 1fr;column-gap:8px}.banner{position:relative;padding:12px 28px}.banner:before,.banner:after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d7dce2,#6b7179 60%,#2a2e35)}.banner:before{left:9px}.banner:after{right:9px}.attn li .attn-title{white-space:normal;overflow:visible;text-overflow:clip}.attn li{align-items:flex-start}@media(max-width:860px){.sidebar{overflow:hidden;padding:10px 12px;gap:8px}.nav{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:6px;scrollbar-width:thin}.nav a{flex:none;white-space:nowrap}.nav-group{display:none}.sidebar-foot{order:2;margin-left:auto}.identity>div:first-child{display:none}.topbar{flex-wrap:wrap;gap:8px}.quick{flex:1 1 100%;margin-left:0}}@media(max-width:600px){.page{padding:14px 12px 32px}.kpis,.kpis.seven,.lamps{grid-template-columns:repeat(2,minmax(0,1fr))}.banner{gap:8px;padding:10px 24px}.banner .spacer{display:none}.page-header{margin-bottom:14px}}.panel,.split>*,.triple>*,.pair>*{min-width:0}@media(max-width:1100px){.split,.triple,.pair{grid-template-columns:minmax(0,1fr)}}