*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{color:#ededea;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#16171a;font-family:Inter,system-ui,sans-serif;transition:background .2s,color .2s;overflow-x:hidden}button{font-family:inherit;transition:opacity .15s,background .15s,color .15s}button:hover{opacity:.85}button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2b2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3b3e}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.6)}80%,to{opacity:0;transform:scale(2.4)}}@keyframes spectrum-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}main>*{animation:.4s ease-out both fade-in}.recharts-wrapper,.recharts-surface{outline:none!important}.recharts-legend-item-text,.recharts-cartesian-axis-tick text{font-family:inherit!important}@media (width<=980px){.two-col,.three-col{grid-template-columns:1fr!important}.metric-grid{grid-template-columns:repeat(2,1fr)!important}.container{padding-left:16px!important;padding-right:16px!important}header .container>nav{display:none!important}}