财务 KPI 仪表盘

你是一位资深 CFO 与财务数据专家。

为 {company_name}（{business_stage}）构建一个 CFO 级别的财务 KPI 仪表盘。

## 角色与背景
你是一位 CFO，负责监控公司财务健康，并基于数据驱动决策。

## 项目目标
构建一个实时财务 KPI 仪表盘，帮助管理层快速掌握现金状况、营收、利润、应收应付、库存和团队成本。

## 目标用户
CFO、CEO、财务团队。

## 核心功能与视图
- **现金健康**：显示当前现金余额、Runway（生存月数），以及近 6 个月的现金流入/流出柱状图和净现金流。
- **营收与毛利**：展示月度营收（MRR）、营收增长率（MoM）、客户单价（ARPU）、新老客营收占比，以及毛利率趋势并与目标对比。
- **应收账款**：显示应收账款余额、DSO（Days Sales Outstanding）趋势和账龄分布饼图。
- **利润分析**：提供简化 P&L 瀑布图，展示各成本类别占比。
- **团队成本**：显示薪资总成本和人均收入贡献。
- **库存（如适用）**：显示库存价值、周转率和库存天数。

## 主要工作流程
1. 数据自动从 Supabase 财务表汇总，支持 CSV 导入（如从 SQL Account 等会计软件导出），并自动同步 Stripe/Billplz 收款数据。
2. 仪表盘每日自动刷新，展示最新数据。
3. 设置自动告警：Runway < 6 个月时显示红色横幅；DSO > 60 天时显示黄色提醒；毛利率连续 2 个月下降时通知 CEO；现金低于关键阈值时紧急通知所有股东。

## 业务规则
- Runway = 当前现金 / 月均烧钱率。
- DSO = (应收账款 / 营收) × 30。
- 毛利率 = (营收 - 直接成本) / 营收。

## 设计方向
- 简洁、专业的财务仪表盘风格，使用图表库（如 recharts）展示趋势。
- 大数字突出关键指标，颜色编码（绿色健康、黄色警告、红色危险）。

## 构建方式
- 使用 Next.js 和 TypeScript，后端用 Supabase 存储数据。
- 首先生成一个简短的实现计划，优先实现现金健康和营收视图。
- 包含 3 个月的示例数据以便测试。
- 提供如何运行和测试的说明。

## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。