.analytics-dashboard {max-width:1200px;margin:0 auto;padding:var(--space-xl);font-family:var(--font-body)}.analytics-dashboard h2 {font-size:2rem;margin-bottom:var(--space-xl);color:var(--color-text);text-align:center}.analytics-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.analytics-card {background:var(--color-surface);border-radius:var(--card-radius);padding:var(--space-lg);text-align:center;box-shadow:var(--card-shadow);border:var(--card-border)}.analytics-card h3 {font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.analytics-value {font-size:2.5rem;font-weight:700;color:var(--color-primary)}.analytics-section {background:var(--color-surface);border-radius:var(--card-radius);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--card-shadow);border:var(--card-border)}.analytics-section h3 {font-size:1.25rem;margin-bottom:var(--space-md);color:var(--color-text);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-sm)}.analytics-bar-chart {display:flex;flex-direction:column;gap:var(--space-sm)}.analytics-bar {background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:white;padding:var(--space-sm) var(--space-md);border-radius:8px;font-weight:500;min-width:100px;transition:width 0.5s ease}.analytics-list {list-style:none;padding:0}.analytics-list li {padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center}.analytics-list li:last-child {border-bottom:none}.analytics-list a {color:var(--color-primary);text-decoration:none}.analytics-list a:hover {text-decoration:underline}.analytics-export {display:block;width:100%;max-width:300px;margin:var(--space-xl) auto;padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.analytics-export:hover {background:var(--color-primary-hover)}.dark-mode .analytics-card,.dark-mode .analytics-section {background:var(--color-surface-elevated)}@media (max-width:768px) {.analytics-dashboard {padding:var(--space-md)}.analytics-grid {grid-template-columns:1fr}.analytics-value {font-size:2rem}}