:root{--color-primary: #0EA5E9;--color-primary-hover: #0284C7;--color-primary-active: #0369A1;--color-secondary: #8B5CF6;--color-tertiary: #14B8A6;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-success: #22C55E;--color-warning: #EAB308;--color-error: #EF4444;--color-info: #0EA5E9;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-text-placeholder: #94A3B8;--font-headline: "Plus Jakarta Sans", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Roboto Mono", monospace;--text-display: 52px;--text-headline: 40px;--text-subhead: 28px;--text-body-lg: 18px;--text-body: 16px;--text-body-sm: 14px;--text-caption: 12px;--text-overline: 11px;--text-code: 14px;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--shadow-subtle: 0 1px 3px rgba(15,23,42,.04), 0 1px 2px rgba(15,23,42,.03);--shadow-medium: 0 4px 8px -2px rgba(15,23,42,.06), 0 2px 4px -2px rgba(15,23,42,.04);--shadow-large: 0 12px 20px -4px rgba(15,23,42,.07), 0 4px 8px -4px rgba(15,23,42,.03);--shadow-overlay: 0 16px 32px -6px rgba(15,23,42,.1), 0 6px 12px -4px rgba(15,23,42,.05);--glow-primary: 0 0 20px rgba(14,165,233,.15);--status-healthy-bg: #F0FDF4;--status-healthy-text: #16A34A;--status-healthy-border: #BBF7D0;--status-degraded-bg: #FEFCE8;--status-degraded-text: #CA8A04;--status-degraded-border: #FEF08A;--status-down-bg: #FEF2F2;--status-down-text: #DC2626;--status-down-border: #FECACA}[data-theme=dark]{--color-background: #0F172A;--color-surface: #1E293B;--color-border: #334155;--color-border-hover: #475569;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-placeholder: #64748B}*{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6}h1,h2,h3{font-family:var(--font-headline);margin:0}h1{font-size:var(--text-headline);font-weight:700}h2{font-size:var(--text-subhead);font-weight:600}a{color:var(--color-primary);text-decoration:none}.container{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-4)}