:root{--evergreen: #00a89a;--evergreen-deep: #007a70;--evergreen-glow: #2ef0d6;--night: #061210;--panel: rgba(11, 32, 28, .78);--panel-solid: #0c1f1c;--ink: #e7f7f4;--muted: #8fb5ae;--line: rgba(46, 240, 214, .14);--cpu: #f3b23a;--mem: #5ec8ff;--warn: #ff7a6b;--stale: #f3b23a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Noto Sans SC,Bricolage Grotesque,sans-serif;background:radial-gradient(ellipse 70% 46% at 8% -8%,rgba(0,168,154,.22),transparent 52%),radial-gradient(ellipse 50% 40% at 100% 110%,rgba(0,122,112,.16),transparent 48%),linear-gradient(180deg,#081614 0%,var(--night) 42%,#071513 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(46,240,214,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(46,240,214,.045) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 40%,transparent 85%);mask-image:radial-gradient(ellipse at 50% 20%,#000 40%,transparent 85%)}body:after{content:"";position:fixed;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--evergreen-glow),var(--evergreen),var(--evergreen-deep));box-shadow:0 0 18px #00a89a73}.console{position:relative;max-width:1360px;margin:0 auto;padding:28px 28px 32px 36px}.brandbar,.kpis,.stage,.statusline,.banner{animation:rise .55s ease both}.kpis{animation-delay:.06s}.stage{animation-delay:.12s}.statusline{animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.brandbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.identity{display:flex;align-items:center;gap:16px}.mark{width:52px;height:52px;filter:drop-shadow(0 0 16px rgba(0,168,154,.45))}.org{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--evergreen-glow)}h1{margin:2px 0 0;font-family:Bricolage Grotesque,Noto Sans SC,sans-serif;font-size:clamp(32px,5vw,44px);line-height:.95;font-weight:800;letter-spacing:-.04em}.tagline{margin:6px 0 0;color:var(--muted);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#0612108c;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.04em}.chip.live{color:var(--evergreen-glow);border-color:#2ef0d659}.chip.warn{color:var(--warn);border-color:#ff7a6b66}.chip i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.chip.live i{animation:pulse 1.8s ease-in-out infinite}.chip.mono{font-variant-numeric:tabular-nums}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.banner{margin:16px 0 0;padding:10px 14px;border:1px solid rgba(255,122,107,.45);border-radius:12px;background:#ff7a6b14;color:#ffc2bb;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.kpi{padding:14px 16px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0a}.kpi p{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:13px}.kpi p span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;color:var(--muted)}.kpi strong{display:block;margin:10px 0 4px;font-family:Bricolage Grotesque,IBM Plex Mono,sans-serif;font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi strong.compact{font-size:clamp(16px,1.8vw,22px)}.kpi small{color:var(--muted);font-size:12px}.kpi.cpu strong{color:var(--cpu)}.kpi.mem strong{color:var(--mem)}.stage{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;margin-top:16px}.fleet,.plate,.hostcard{border:1px solid var(--line);border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-head,.hostcard,.plate header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.panel-head{padding:16px 16px 0}.panel-head h2,.hostcard h2,.plate h3{margin:0;font-family:Bricolage Grotesque,Noto Sans SC,sans-serif;font-size:18px;font-weight:700}.panel-head span,.plate header p,.kicker{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.fleet ul{list-style:none;margin:12px 0 0;padding:0 8px 10px}.fleet button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:11px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.fleet button:hover{background:#00a89a14}.fleet button.active{border-color:#00a89a66;background:linear-gradient(90deg,#00a89a29,#00a89a0d);box-shadow:0 0 0 1px #2ef0d614}.copy{min-width:0}.name{display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta,.empty{color:var(--muted);font-size:12px}.meta{display:block;margin-top:2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.empty{padding:16px}.empty-card{margin:14px;padding:16px;border:1px dashed var(--line);border-radius:14px}.empty-card strong{display:block;margin-bottom:8px}.empty-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.empty-card code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--evergreen-glow)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--muted)}.pulse.live{background:var(--evergreen);box-shadow:0 0 10px var(--evergreen);animation:pulse 1.8s ease-in-out infinite}.pulse.stale{background:var(--stale)}.pulse.down{background:var(--warn)}.health{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.health.live{color:var(--evergreen-glow)}.health.stale{color:var(--stale)}.health.down{color:var(--warn)}.instruments{display:grid;gap:12px}.hostcard{padding:16px 18px}.hostcard h2{margin-top:4px;font-size:22px}.hostcard dl{display:flex;flex-wrap:wrap;gap:18px 28px;margin:0}.hostcard dt{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hostcard dd{margin:4px 0 0;font-size:14px}.plate{min-height:292px;padding:16px 16px 10px}.plate.cpu{box-shadow:inset 3px 0 0 var(--cpu)}.plate.mem{box-shadow:inset 3px 0 0 var(--mem)}.plate header{padding:0 4px}.plate header strong{font-family:Bricolage Grotesque,IBM Plex Mono,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.plate.cpu header strong{color:var(--cpu)}.plate.mem header strong{color:var(--mem)}.chart,.chart-empty{height:228px;margin-top:8px}.chart-empty{display:grid;place-items:center;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;border:1px dashed var(--line);border-radius:14px}.tip{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#071513;color:var(--ink);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;box-shadow:0 12px 32px #00000059}.tip time,.tip span{display:block;color:var(--muted)}.tip strong{display:block;margin:4px 0;font-size:14px}.statusline{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.04em}@media(max-width:980px){.kpis,.stage{grid-template-columns:1fr}.brandbar{flex-direction:column;align-items:flex-start}.chips{justify-content:flex-start}}@media(max-width:640px){.console{padding:20px 16px 24px 20px}.kpis{grid-template-columns:1fr 1fr}.hostcard dl{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){.brandbar,.kpis,.stage,.statusline,.banner,.chip.live i,.pulse.live{animation:none}}