:root{--bg-base: #060911;--bg-surface: #0c1222;--bg-card: rgba(16, 24, 44, .75);--bg-card-hover: rgba(22, 33, 60, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(0, 242, 254, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #00f2fe;--accent-cyan-glow: rgba(0, 242, 254, .25);--accent-blue: #38bdf8;--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .25);--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-rose-glow: rgba(244, 63, 94, .25);--accent-purple: #8b5cf6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(0,242,254,.04) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.04) 0%,transparent 40%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00f2fe66}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e;transition:all .25s ease}.glass-card:hover{border-color:#ffffff26}.glass-card-glow{border-color:var(--border-glow);box-shadow:0 0 24px var(--accent-cyan-glow)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.status-pill.healthy,.status-pill.up,.status-pill.running{background:#10b98126;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.status-pill.warning,.status-pill.starting{background:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.status-pill.critical,.status-pill.down,.status-pill.failed,.status-pill.unhealthy{background:#f43f5e26;color:var(--accent-rose);border:1px solid rgba(244,63,94,.3)}.status-pill.stopped{background:#94a3b826;color:var(--text-muted);border:1px solid rgba(148,163,184,.25)}.pulse-dot{width:8px;height:8px;border-radius:50%;position:relative;flex-shrink:0}.pulse-dot.emerald{background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.pulse-dot.rose{background-color:var(--accent-rose);box-shadow:0 0 10px var(--accent-rose)}.pulse-dot.cyan{background-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.btn-cyber{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#060911;font-weight:600;border:none;border-radius:var(--radius-md);padding:9px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:.875rem;transition:all .2s ease;box-shadow:0 0 16px #00f2fe59;white-space:nowrap}.btn-cyber:hover{transform:translateY(-1px);box-shadow:0 0 24px #00f2fe99}.btn-cyber:active{transform:translateY(0)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.progress-track{width:100%;height:6px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.progress-fill.cyan{background:linear-gradient(90deg,#00f2fe,#38bdf8);box-shadow:0 0 8px #00f2fe66}.progress-fill.emerald{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 8px #10b98166}.progress-fill.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #f59e0b66}.progress-fill.rose{background:linear-gradient(90deg,#f43f5e,#fb7185);box-shadow:0 0 8px #f43f5e66}.font-mono{font-family:var(--font-mono)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulseSlow{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse-slow{animation:pulseSlow 2.5s cubic-bezier(.4,0,.6,1) infinite}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main-layout{display:flex;flex:1;position:relative}.app-content-area{flex:1;padding:24px 32px;overflow-y:auto;max-height:calc(100vh - 65px);width:100%}.kpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.overview-hero-grid{display:grid;grid-template-columns:320px 1fr;gap:20px}.overview-gauges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.overview-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.responsive-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px}.responsive-card-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}.infra-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cpu-cores-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px}.sidebar-overlay,.mobile-menu-btn{display:none}@media(max-width:1200px){.kpi-grid-4{grid-template-columns:repeat(2,1fr)}.overview-hero-grid{grid-template-columns:1fr}.overview-gauges-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.app-content-area{padding:18px 20px;max-height:calc(100vh - 60px)}.mobile-menu-btn{display:inline-flex}.overview-split-grid,.infra-split-grid{grid-template-columns:1fr}.desktop-only-header{display:none!important}.sidebar-container{position:fixed;top:0;left:0;bottom:0;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:10px 0 40px #000000b3}.sidebar-container.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}}@media(max-width:768px){.app-content-area{padding:14px 12px}.kpi-grid-4,.kpi-grid-3,.overview-gauges-grid,.responsive-card-grid,.responsive-card-grid-compact{grid-template-columns:1fr}.hide-on-mobile{display:none!important}.header-actions-wrapper{gap:8px!important}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ip-geo-badge:hover{filter:brightness(1.25) drop-shadow(0 0 6px rgba(0,242,254,.4))}