:root{--bg-main: #faf8ff;--bg-card: #ffffff;--bg-card-hover: #f2f3ff;--bg-input: #ffffff;--bg-overlay: rgba(19, 27, 46, .6);--border-color: #dae2fd;--border-hover: #c3c6d7;--border-active: #003ba4;--flux-primary: #003ba4;--flux-primary-container: #0050d7;--flux-cyan: #003ba4;--flux-cyan-dim: #eaedff;--flux-cyan-glow: rgba(0, 59, 164, .15);--flux-blue: #0284c7;--flux-blue-hover: #0369a1;--status-operational: #10b981;--status-operational-bg: rgba(16, 185, 129, .12);--status-operational-border: rgba(16, 185, 129, .3);--status-degraded: #f59e0b;--status-degraded-bg: rgba(245, 158, 11, .12);--status-degraded-border: rgba(245, 158, 11, .3);--status-outage: #ba1a1a;--status-outage-bg: rgba(186, 26, 26, .12);--status-outage-border: rgba(186, 26, 26, .3);--status-maintenance: #3b82f6;--status-maintenance-bg: rgba(59, 130, 246, .12);--status-maintenance-border: rgba(59, 130, 246, .3);--text-primary: #131b2e;--text-secondary: #434654;--text-muted: #545f73;--text-dim: #737686;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes pulseLive{0%{transform:scale(.95);box-shadow:0 0 #10b98199}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}#flux-tooltip{position:fixed;z-index:9999;background-color:#fff;border:1px solid #dae2fd;box-shadow:0 6px 20px #131b2e1a;border-radius:8px;padding:8px 12px;pointer-events:none;font-size:12px;color:#131b2e;opacity:0;transform:translateY(4px);transition:opacity .1s ease,transform .1s ease;white-space:nowrap}#flux-tooltip.visible{opacity:1;transform:translateY(0)}.tooltip-date{color:#545f73;font-size:11px;margin-bottom:2px;font-weight:500}.tooltip-row{display:flex;align-items:center;gap:8px;font-weight:600}.tooltip-latency{font-family:monospace;color:#003ba4;font-size:11px;background:#eaedff;padding:1px 6px;border-radius:4px}.skeleton{background:linear-gradient(90deg,#eaedff 25%,#dae2fd,#eaedff 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite;border-radius:4px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-main)}