:root{--hb-bg: #f4f6fb;--hb-surface: #f9fafb;--hb-panel: #ffffff;--hb-card-border: rgba(15, 23, 42, .08);--hb-primary: #b8325b;--hb-primary-hover: #a02a4f;--hb-accent: #0077c2;--hb-accent-hover: #005fa0;--hb-text: #1f2937;--hb-muted: #4b5563;--hb-healthy: #35f28f;--hb-warning: #ffd166;--hb-critical: #ff5f68;--hb-glow: rgba(184, 50, 91, .12);--hb-accent-glow: rgba(0, 119, 194, .1);--hb-radius: 12px;--hb-radius-sm: 8px;--hb-radius-lg: 20px;--hb-nav-height: 72px;--font-heading: "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-body: "DM Sans", "Segoe UI", sans-serif}:root[data-theme=dark]{--hb-bg: #070b14;--hb-surface: #0d131f;--hb-panel: #101827;--hb-card-border: rgba(255, 255, 255, .06);--hb-primary: #f24976;--hb-primary-hover: #e0356a;--hb-accent: #50b5ff;--hb-accent-hover: #3aa3f0;--hb-text: #f4f6fb;--hb-muted: #a6b2c9;--hb-glow: rgba(242, 73, 118, .15);--hb-accent-glow: rgba(80, 181, 255, .12)}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--hb-text);background-color:var(--hb-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace}.heartbeat-shell{min-height:100vh;background:var(--hb-surface);display:flex;flex-direction:column}.main-content{width:100%}.heartbeat-shell.align-left .main-content{margin-left:0;margin-right:auto;max-width:none}.heartbeat-shell.align-center .main-content{margin-left:auto;margin-right:auto;max-width:1200px}.sidebar{background:var(--hb-panel);color:var(--hb-text);border-right:1px solid var(--hb-card-border)}.resource-card{margin:12px 0;padding:16px;border-radius:var(--hb-radius);background:var(--hb-panel);border:1px solid var(--hb-card-border);box-shadow:0 6px 20px #00000059}.container-resource{border-left:4px solid var(--hb-primary)}.health-available{color:var(--hb-healthy)}.health-degraded{color:var(--hb-warning)}.health-unavailable{color:var(--hb-critical)}.health-unknown{color:var(--hb-muted)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:220px;color:var(--hb-muted)}