Style: Financial Dashboard. Type: BI/Analytics. Keywords: Revenue metrics, profit/loss visualization, budget tracking, financial ratios, portfolio performance, cash flow, audit trail. Primary Colors: Financial colors: profit (green #22C55E), loss (red #EF4444), neutral (grey), trust (dark blue #003366). Secondary Colors: Revenue highlight (green), expenses (red), budget variance (orange/red), balance (grey), accuracy (blue). Effects & Animation: Number animations (count-up), trend direction indicators, percentage change animations, profit/loss color transitions. Best For: Financial reporting, accounting dashboards, portfolio tracking, budget monitoring, banking analytics. Do Not Use For: Simple business dashboards, entertainment/social metrics, non-financial data. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚡ Excellent. Accessibility: ✓ WCAG AAA. Mobile-Friendly: ✗ Low. 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 financial dashboard. Use: revenue/expense charts, profit margins, budget vs actual, cash flow waterfall, financial ratios, audit trail table, currency formatting, period comparisons.. CSS/Technical: number formatting (Intl.NumberFormat), waterfall chart (positive/negative bars), variance coloring, table with totals row, sparkline for trends, sticky column headers. Implementation Checklist: ☐ Currency formatted, ☐ Decimals consistent, ☐ P&L clear, ☐ Budget variance shown, ☐ Audit trail complete, ☐ Export to Excel. Design System Variables: --currency-symbol: $, --decimal-places: 2, --profit-color: #22C55E, --loss-color: #EF4444, --variance-threshold: 10%, --table-header-bg: #F3F4F6.