:root{--bg-primary: #0f0d1a;--bg-secondary: #1a1730;--bg-card: #1e1b35;--bg-card-hover: #252242;--border-color: rgba(99, 102, 241, .15);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #a78bfa;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.dashboard{max-width:1440px;margin:0 auto;padding:24px;min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.error-message{text-align:center;color:var(--danger);display:flex;flex-direction:column;align-items:center;gap:12px}.error-message h2{font-size:1.5rem}.dashboard-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.header-content h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.header-content p{color:var(--text-secondary);font-size:.95rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.kpi-card:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background:#6366f126;color:var(--accent-primary);flex-shrink:0}.kpi-content{display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-subtext{font-size:.78rem;color:var(--text-muted);margin-top:2px}.kpi-subtext.positive{color:var(--success)}.kpi-subtext.negative{color:var(--danger)}.insights-section{margin-bottom:32px}.section-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-left:4px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.insight-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:all .2s ease}.insight-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.insight-card svg{color:var(--accent-secondary);margin-bottom:8px}.insight-card h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.insight-text{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:all .2s ease}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card.chart-wide{grid-column:span 2}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-left:2px}.table-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:32px}.table-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.table-search{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 14px;color:var(--text-secondary)}.table-search input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;width:200px}.table-search input::placeholder{color:var(--text-muted)}.table-container{overflow-x:auto;border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table thead{background:var(--bg-secondary)}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;-webkit-user-select:none;user-select:none}.th-content{display:flex;align-items:center;gap:6px}.data-table td{padding:12px 16px;border-bottom:1px solid rgba(99,102,241,.06);color:var(--text-primary)}.data-table tbody tr:hover{background:#6366f10d}.revenue-cell{font-weight:600;font-variant-numeric:tabular-nums}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.above{background:#22c55e1f;color:var(--success)}.status-badge.below{background:#ef44441f;color:var(--danger)}td.positive{color:var(--success);font-weight:600}td.negative{color:var(--danger);font-weight:600}.table-footer{padding-top:12px;text-align:right;font-size:.82rem;color:var(--text-muted)}.dashboard-footer{text-align:center;padding:24px 0;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.82rem}.recharts-default-tooltip{border-radius:var(--radius-sm)!important}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.82rem!important}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.chart-card.chart-wide{grid-column:span 1}}@media (max-width: 768px){.dashboard{padding:16px}.header-content h1{font-size:1.5rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi-value{font-size:1.2rem}.insights-grid{grid-template-columns:1fr}.table-search input{width:140px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.table-header-row{flex-direction:column;align-items:flex-start}}