:root{--accent:#0a84ff;--surface:#2a2a2a;--text-primary:#f5f5f5;--text-secondary:#a8a8a8;--radius:12px;--radius-lg:16px;--radius-xl:20px;--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,.3);--border:hsla(0,0%,100%,.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;--font-rounded:"SF Pro Rounded","SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-medium:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.35s cubic-bezier(0.4,0,0.2,1);--spring-bounce:cubic-bezier(0.34,1.56,0.64,1);--glass-blur:saturate(180%) blur(20px);--glass-bg:rgba(42,42,42,.8);--glass-border:hsla(0,0%,100%,.1);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--touch-target-min:44px;--touch-target-comfortable:48px;--mobile-padding:16px;--mobile-gap:12px}body,html{background:var(--bg);color:var(--text-primary);font-family:var(--font-text);margin:0;padding:0;min-height:100vh;scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}@media (max-width:600px){body,html{overflow-x:hidden;position:relative;width:100%}#__next,main{overflow-x:hidden;max-width:100vw}}*{box-sizing:border-box}.paper{background:var(--surface);padding:calc(var(--spacing) * .75);border-radius:var(--radius);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);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;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:12px}@media (max-width:600px){.dashboard-grid{grid-template-columns:1fr;padding:var(--mobile-padding);padding-left:max(var(--mobile-padding),var(--safe-area-left));padding-right:max(var(--mobile-padding),var(--safe-area-right));gap:var(--mobile-gap)}}@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)}}@media (max-width:600px){.paper{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-left:0;margin-right:0;overflow:hidden;max-width:100%;box-sizing:border-box}.paper:hover{transform:none;box-shadow:none}.paper:active{transform:scale(.98);transition:transform .1s var(--spring-bounce)}.paper .recharts-responsive-container,.paper .recharts-wrapper{max-width:100%!important}}.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:sticky;top:0;z-index:100;background:rgba(30,30,30,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--divider);padding:12px 16px;margin-bottom:12px}@media (max-width:600px){.dashboard-header{padding:var(--spacing-lg) var(--mobile-padding);padding-top:max(var(--spacing-lg),var(--safe-area-top));padding-left:max(var(--mobile-padding),var(--safe-area-left));padding-right:max(var(--mobile-padding),var(--safe-area-right));margin-bottom:var(--spacing-lg);border-bottom:none;background:rgba(30,30,30,.9)}}.dashboard-footer{background:var(--surface);padding:8px 16px;border-top:1px solid var(--divider);margin-top:16px;text-align:center}@media (max-width:600px){.dashboard-footer{padding:var(--spacing-lg) var(--mobile-padding);padding-bottom:max(var(--spacing-lg),calc(var(--safe-area-bottom) + 8px))}}.dashboard-footer .last-updated{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.ios-section-header{font-family:var(--font-display);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);padding:var(--spacing-lg) var(--mobile-padding) var(--spacing-sm)}.ios-grouped-section{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;margin:0 var(--mobile-padding)}.ios-grouped-section>*+*{border-top:1px solid var(--divider)}.ios-list-item{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);min-height:var(--touch-target-min);gap:var(--spacing-md);transition:background-color var(--transition-fast)}.ios-list-item:active{background-color:hsla(0,0%,100%,.05)}@media (max-width:600px){.mobile-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);min-height:100px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.mobile-stat-card .stat-value{font-family:var(--font-rounded);font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1.1}.mobile-stat-card .stat-label{font-family:var(--font-text);font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:var(--spacing-xs);line-height:1.3}.touch-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-size:1rem;font-weight:500}.touch-button:active{transform:scale(.96);transition:transform .1s var(--spring-bounce)}}.ios-filter-pills{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ios-filter-pills::-webkit-scrollbar{display:none}.ios-filter-pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid var(--glass-border);font-family:var(--font-text);font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;min-height:36px;transition:all var(--transition-fast)}.ios-filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.ios-filter-pill:active{transform:scale(.95)}.ios-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-lg);padding-bottom:max(var(--spacing-xl),var(--safe-area-bottom));box-shadow:0 -8px 32px rgba(0,0,0,.4);z-index:1200;transform:translateY(100%);transition:transform .35s var(--spring-bounce)}.ios-bottom-sheet.open{transform:translateY(0)}.ios-bottom-sheet-handle{width:36px;height:5px;background:hsla(0,0%,100%,.3);border-radius:3px;margin:0 auto var(--spacing-lg)}.pull-indicator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);color:var(--text-secondary);font-size:.875rem}@media (max-width:600px){.MuiTypography-h4,h1{font-size:1.5rem!important;line-height:1.2!important;font-weight:700!important}.MuiTypography-h5,h2{font-size:1.25rem!important;line-height:1.3!important}.MuiTypography-h6,h3{font-size:1.0625rem!important;line-height:1.4!important}.MuiTypography-body1{font-size:.9375rem!important;line-height:1.5!important}.MuiTypography-body2,.MuiTypography-caption{font-size:.8125rem!important;line-height:1.4!important}}.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%;max-width:100%;padding:0;overflow-x:hidden}@media (max-width:600px){.dashboard-container{overflow-x:hidden}.dashboard-container>*{max-width:100%;box-sizing:border-box}}.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}