:root{--bg:#0f1115;--card:#171923;--border:#262a35;--text:#e6e8ee;--muted:#9aa0ac;--accent:#4f8cff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1200px;margin:0 auto}h1{margin-bottom:24px;font-size:28px;font-weight:600}h2{color:var(--muted);margin:0 0 12px;font-size:16px;font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 4px 20px #0000004d}.card+.card{margin-top:16px}div[style*="border: 1px solid #eee"]{transition:all .2s;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:12px!important}div[style*="border: 1px solid #eee"]:hover{transform:translateY(-2px);border-color:var(--accent)!important}div[style*="font-size: 12px"]{color:var(--muted)!important}div[style*="font-size: 24px"]{color:var(--text)!important}.recharts-cartesian-axis-tick-value{fill:var(--muted);font-size:12px}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{color:var(--text);border-radius:8px;background:var(--card)!important;border:1px solid var(--border)!important}.recharts-tooltip-item{color:var(--text)!important}.recharts-cartesian-grid line{stroke:#222632}.recharts-line path{stroke:var(--accent);stroke-width:2px}.recharts-bar-rectangle path{fill:var(--accent)}.recharts-pie-sector path{opacity:.9}.recharts-pie-sector:hover path{opacity:1}@media (max-width:900px){.container{padding:10px}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}div[style*="display: flex"]{flex-wrap:wrap}}