@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#f5f6fa;--bg-surface:#fff;--bg-raised:#f0f1f8;--bg-card:#fff;--bg-card-hover:#fafbff;--border:#e4e6ef;--border-strong:#d1d5e8;--accent:#4f6ef7;--accent-soft:#eef0fe;--accent-mid:#4f6ef726;--green:#22c55e;--green-soft:#f0fdf4;--amber:#f59e0b;--amber-soft:#fffbeb;--red:#ef4444;--red-soft:#fef2f2;--purple:#8b5cf6;--purple-soft:#f5f3ff;--teal:#14b8a6;--teal-soft:#f0fdfa;--text-primary:#111827;--text-secondary:#6b7280;--text-dim:#9ca3af;--text-inverse:#fff;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Mono", monospace;--radius:12px;--radius-sm:8px;--radius-xs:6px;--shadow-xs:0 1px 2px #1118270f;--shadow-sm:0 1px 4px #11182714, 0 0 0 1px var(--border);--shadow-md:0 4px 16px #11182714, 0 0 0 1px var(--border);--stat-grid-cols:1;--main-grid-cols:1;--wide-grid-cols:1;--cost-grid-cols:1;--shell-padding:16px;--shell-max-width:100%;--stat-value-size:24px}@media (width>=640px){:root{--stat-grid-cols:2;--cost-grid-cols:2;--shell-padding:20px}}@media (width>=768px){:root{--main-grid-cols:2;--wide-grid-cols:2;--stat-value-size:26px}}@media (width>=1024px){:root{--stat-grid-cols:4;--wide-grid-cols:3;--shell-padding:24px 32px 40px;--shell-max-width:1440px;--stat-value-size:28px}}@media (width>=1280px){:root{--shell-padding:24px 40px 48px}}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--bg-surface)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-mono)!important;color:var(--text-primary)!important;font-size:12px!important}.recharts-tooltip-label{color:var(--text-secondary)!important}