.dashboard-container{padding:24px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}.action-bar{background:white;border-bottom:1px solid #e0e0e0;margin-bottom:24px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.action-bar-content{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.page-title{font-weight:600;color:#2c3e50;margin:0}.action-buttons{display:flex;align-items:center;gap:8px}.filter-button,.refresh-button{color:#666;transition:all .2s ease}.filter-button:hover,.refresh-button:hover{color:#1976d2;background-color:#1976d214}.kpi-grid{margin-bottom:32px}.kpi-card{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.kpi-header{display:flex;align-items:center;margin-bottom:16px}.kpi-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;font-size:24px}.kpi-content{flex:1}.kpi-value{font-weight:700;font-size:2.2rem;color:#2c3e50;margin:0;line-height:1}.kpi-title{color:#7f8c8d;font-weight:500;margin-top:4px;font-size:.95rem}.kpi-subtitle{color:#95a5a6;font-size:.8rem;margin-top:2px}.kpi-change{display:flex;align-items:center;gap:4px;margin-top:8px}.trend-up{color:#27ae60;font-weight:600}.trend-down{color:#e74c3c;font-weight:600}.charts-grid{margin-bottom:32px}.daily-trends-chart{margin-bottom:48px}.ecommerce-performance-section,.therapist-performance-section,.monthly-revenue-section,.usage-heatmap-section,.financial-kpis,.financial-charts-section{margin-bottom:32px}.payouts-margins-card{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014}.payouts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:16px}.payout-item,.margin-item{padding:24px;border-radius:12px;text-align:center;transition:all .3s ease}.payout-item{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:2px solid #1976d2}.margin-item{background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c9 100%);border:2px solid #388e3c}.payout-item:hover,.margin-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.payout-value,.margin-value{font-weight:700;color:#2c3e50;margin-bottom:8px}.payout-label,.margin-label{color:#7f8c8d;font-weight:500}.payouts-section,.feature-engagement-section,.system-health-kpis{margin-bottom:32px}.map-legend{background:#f8f9fa;border-radius:8px;padding:12px 16px;margin-bottom:16px;border-left:4px solid #1976d2}.legend-text{color:#666;font-size:.9rem;line-height:1.4}.legend-text strong{color:#2c3e50}.chart-card{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.chart-card .MuiCardContent-root{display:flex;flex-direction:column;height:100%;flex-grow:1}.chart-card .chart-title{flex-shrink:0}.chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.chart-title{font-weight:600;color:#2c3e50;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #ecf0f1}.returning-users-grid{margin-bottom:32px}.returning-users-card{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014}.section-title{font-weight:600;color:#2c3e50;margin-bottom:16px}.returning-users-chips{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}.returning-users-chips .MuiChip-root{font-weight:500;padding:6px 12px;border-radius:16px;font-size:.85rem;min-width:120px;justify-content:center}.additional-kpis{margin-bottom:32px}.products-card{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.product-item{padding:20px;border-radius:12px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;transition:all .3s ease}.product-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.product-name{font-weight:600;color:#2c3e50;margin-bottom:8px}.product-count{color:#7f8c8d;margin-bottom:8px}.product-revenue{font-weight:700;color:#27ae60;font-size:1.2rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:rotate 1s linear infinite}@media (max-width: 768px){.dashboard-container{padding:16px}.action-bar-content{flex-direction:column;align-items:stretch;text-align:center;gap:12px}.action-buttons{justify-content:center}.kpi-value{font-size:1.8rem}.products-grid{grid-template-columns:1fr}.returning-users-chips{justify-content:center;gap:8px}.returning-users-chips .MuiChip-root{min-width:100px;font-size:.8rem;padding:4px 8px}}@media (max-width: 480px){.dashboard-container{padding:12px}.dashboard-title{font-size:1.5rem}.kpi-icon{width:50px;height:50px;font-size:20px}.kpi-value{font-size:1.5rem}.date-filters{flex-direction:column;gap:12px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kpi-card:focus-within,.chart-card:focus-within{outline:2px solid #667eea;outline-offset:2px}.filter-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.dialog-date-pickers{padding:16px 0}.dialog-date-picker{width:100%}@media print{.dashboard-container{background:white;padding:0}.action-bar{background:white;color:#000;box-shadow:none}.kpi-card,.chart-card{box-shadow:none;border:1px solid #ddd}}.css-rbxyvr-MuiPaper-root-MuiCard-root{box-shadow:none!important}
