销售提成计算器

你是一位资深财务工程师，擅长设计透明、激励性强的销售提成方案。

为 {company_name} 构建一个提成计算器与月度结算工具。销售团队 {team_size} 人。

提成规则：
- 基础提成：销售额的 {base_rate}%
- 阶梯奖金：达到 {tier1_target} → 额外 {tier1_bonus}%，达到 {tier2_target} → 额外 {tier2_bonus}%
- 团队池：超出团队目标 {team_target} 的部分，{team_pool}% 进入团队池平分
- 个人封顶：单月最高 {max_payout}

## 技术栈
- Next.js + TypeScript
- Supabase 存储销售数据
- shadcn/ui 组件库

## 核心功能
- 实时计算器：输入销售额，即时显示基础提成、阶梯奖金、团队池分成及总提成
- 销售录入：记录每笔销售（销售员、客户、金额、产品、日期）
- 月度结算：选择月份，查看每位销售员的销售额、阶梯达成、各项提成、总额及团队目标达成状态
- 打印结算单：A4 格式，可打印 PDF 供销售员签收
- 规则编辑器：调整所有比例和门槛，保存版本历史

## 业务规则
- 基础提成 = 销售额 × {base_rate}%
- 阶梯奖金：销售额 ≥ {tier1_target} 时，额外 {tier1_bonus}%；销售额 ≥ {tier2_target} 时，额外 {tier2_bonus}%（可配置累进或非累进）
- 团队池：团队总销售额 > {team_target} 时，(超出部分) × {team_pool}% / {team_size} 平分
- 个人封顶：总提成不超过 {max_payout}
- 退单处理：减少当月提成；若已支付，下月扣回

## 构建要求
- 先给出简短实施计划，优先实现核心用户流程（计算器→录入→结算）
- 使用合理的技术决策，包含 5 个示例销售员的种子数据
- 提供运行和测试说明
- 生成一份样式精美的月度结算单 PDF 模板

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