@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&family=Inter:wght@400;500;600&display=swap";:root{--background: #faf9f5;--surface: #faf9f5;--surface-container: #efeeea;--surface-container-low: #f5f4f0;--surface-container-lowest: #ffffff;--surface-container-high: #e9e8e4;--surface-container-highest: #e3e2df;--primary: #4f6053;--primary-container: #67796a;--on-primary: #ffffff;--on-primary-container: #f6fff4;--secondary: #5d5f5d;--secondary-container: #e2e3e0;--tertiary: #705559;--tertiary-container: #8b6d71;--on-background: #1b1c1a;--on-surface-variant: #434843;--outline: #737873;--outline-variant: rgba(79, 96, 83, .15);--font-display: "Manrope", sans-serif;--font-body: "Manrope", sans-serif;--font-labels: "Inter", sans-serif;--radius-xl: 3rem;--radius-lg: 2rem;--radius-md: 1rem;--radius-full: 9999px;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.75rem;--spacing-12: 4rem}body{background-color:var(--background);color:var(--on-background);font-family:var(--font-body);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,.display-lg{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;margin:0}.display-lg{font-size:3.5rem;line-height:1.1;color:var(--on-background)}th{color:var(--on-background);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}td{color:var(--on-background)}.card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:0 12px 40px #1b1c1a0f;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--outline-variant)}.card:hover{box-shadow:0 16px 56px #1b1c1a17;transform:translateY(-4px)}.metric-value{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--primary);margin:.25rem 0;letter-spacing:-.02em}.metric-label{font-family:var(--font-labels);font-size:.75rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.1em}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;border:none;border-radius:var(--radius-full);padding:1rem 2.5rem;font-family:var(--font-display);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #4f605333;transition:all .3s ease}.btn-primary:hover{transform:scale(1.02);box-shadow:0 12px 32px #4f60534d}.glass-panel{background:#faf9f5b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--outline-variant)}.sidebar-header{color:var(--on-background);opacity:.8}.sparkline-container{height:48px;width:100%;margin-top:1rem}.chart-bar{fill:var(--primary-container);transition:height .3s ease}.fade-in{animation:fadeIn .5s ease-out}.chart-grid{stroke:var(--outline-variant);stroke-width:1;stroke-dasharray:4 4}.chart-axis-label{font-size:10px;fill:var(--secondary);font-family:var(--font-body);font-weight:600}.health-segment{height:8px;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signal-degraded{opacity:.5}.report-stale{opacity:.85}.pulse{animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.6}}.canary-flash{animation:flash-row .8s ease-out}@keyframes flash-row{0%{background-color:#ffb7004d}to{background-color:transparent}}.panel-pulse{animation:pulse-panel 3s ease-in-out infinite}@keyframes pulse-panel{0%,to{box-shadow:none}50%{box-shadow:0 0 20px #f456}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-scrolling{animation:ticker-scroll 30s linear infinite}.row-selected{outline:1px solid var(--outline-variant)}
