:root{--accent:#0A84FF;--surface:#2A2A2A;--text-primary:#F5F5F5;--text-secondary:#A8A8A8;--radius:12px;--spacing:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--bg:#1E1E1E;--divider:#3D3D3D;--shadow:rgba(0,0,0,0.3);--border:rgba(255,255,255,0.1);--success:#30D158;--warning:#FF9F0A;--error:#FF453A;--secondary:#FF9F0A;--font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;--font-text:"SF Pro Text",-apple-system,BlinkMacSystemFont,sans-serif;--transition-fast:0.15s ease;--transition-medium:0.2s ease;--transition-slow:0.3s ease;--glass-blur:saturate(180%) blur(20px);--glass-bg:rgba(42,42,42,0.8);--glass-border:rgba(255,255,255,0.1)}body,html{background:var(--bg);color:var(--text-primary);font-family:var(--font-text);margin:0;padding:0;min-height:100vh;scroll-behavior:smooth}*{box-sizing:border-box}.paper{background:var(--surface);padding:calc(var(--spacing) * .75);border-radius:var(--radius);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.paper:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:12px}@media (max-width:600px){.dashboard-grid{grid-template-columns:1fr;padding:8px;gap:8px}}@media (min-width:601px) and (max-width:1199px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.compact-padding{padding:8px!important}.compact-margin{margin:4px!important}.no-padding{padding:0!important}.button-group{display:flex;gap:8px;align-items:center}.button-group>*{margin:0!important}.dashboard-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(30,30,30,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--divider);padding:12px 16px;margin-bottom:12px}.dashboard-footer{background:var(--surface);padding:8px 16px;border-top:1px solid var(--divider);margin-top:16px;text-align:center}.dashboard-footer .last-updated{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.recharts-wrapper{font-family:var(--font-text)!important}.recharts-cartesian-axis-line,.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--divider);stroke-width:1px;opacity:.1}.recharts-tooltip-wrapper{animation:chartTooltipIn .15s ease-out}@keyframes chartTooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.recharts-area,.recharts-bar,.recharts-line,.recharts-pie-sector{animation:dataEnter .2s ease-out}@keyframes dataEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.recharts-bar-rectangle{rx:4px;ry:4px}.recharts-text{font-family:var(--font-text)!important;font-size:12px}.recharts-legend-item-text{font-family:var(--font-text)!important;font-size:14px}.sf-symbol{font-family:var(--font-display);font-weight:500;font-size:1.2em;vertical-align:middle}.dashboard-container{background:var(--bg);min-height:100vh;width:100%;padding:0}.MuiCard-root{margin:0!important}.MuiCardContent-root{padding:12px!important}.MuiCardContent-root:last-child{padding-bottom:12px!important}.MuiGrid-container{margin:0!important;width:100%!important}.MuiGrid-item{padding:6px!important}.MuiButton-root{min-width:auto;padding:6px 12px}.MuiButton-sizeSmall{padding:4px 8px;font-size:.75rem}.MuiButton-sizeLarge{padding:10px 20px;font-size:1rem}.MuiTypography-gutterBottom{margin-bottom:8px!important}.MuiTypography-root{margin:0}.recharts-text{fill:var(--text-primary)!important}.recharts-legend-item-text,.recharts-text{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif!important}.recharts-legend-item-text{color:var(--text-primary)!important}