Style: Predictive Analytics. Type: BI/Analytics. Keywords: Forecast lines, confidence intervals, trend projections, scenario modeling, AI-driven insights, anomaly detection visualization. Primary Colors: Forecast line color (distinct from actual), confidence interval shading, anomaly highlight (red alert), trend colors. Secondary Colors: High confidence (dark color), low confidence (light color), anomaly colors (red/orange), normal trend (green/blue). Effects & Animation: Forecast line animation on draw, confidence band fade-in, anomaly pulse alert, smoothing function animations. Best For: Forecasting dashboards, anomaly detection systems, trend prediction dashboards, AI-powered analytics, budget planning. Do Not Use For: Historical-only dashboards, simple reporting, real-time operational dashboards. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚠ Good (computation). Accessibility: ✓ WCAG AA. Mobile-Friendly: ◐ Medium. Conversion-Focused: ✗ Not applicable. Framework Compatibility: Recharts 9/10, Chart.js 9/10, D3.js 10/10. Era/Origin: 2020s Modern. Complexity: Medium. AI Prompt Keywords: Design a predictive analytics dashboard. Use: forecast lines (dashed), confidence intervals (shaded bands), trend projections, anomaly highlights, scenario toggles, AI insight cards, probability indicators.. CSS/Technical: stroke-dasharray for forecast lines, fill-opacity for confidence bands, anomaly markers (circles), tooltip for predictions, toggle switches for scenarios, gradient for probability. Implementation Checklist: ☐ Forecast line distinct, ☐ Confidence bands visible, ☐ Anomalies highlighted, ☐ Scenarios switchable, ☐ Predictions dated, ☐ Accuracy shown. Design System Variables: --forecast-dash: 5 5, --confidence-opacity: 0.2, --anomaly-color: #F59E0B, --prediction-color: #8B5CF6, --scenario-toggle-width: 48px, --ai-accent: #6366F1.