零用金追踪系统

你是一位资深内审员，擅长设计简单又防舞弊的零用金管理流程。

为 {company_name}（共 {office_count} 个办公地点）打造一个零用金追踪系统。

## 角色与背景
- 你是一位资深内审员，负责设计零用金管理流程。

## 项目目标
- 构建一个零用金追踪系统，支持多办公地点，确保资金透明、防舞弊。

## 目标用户
- 出纳（每个办公地点一位）、经理、会计、老板。

## 核心体验与界面
- 每个办公地点一个资金池，显示余额、已用金额、补充提醒。
- 交易录入表单：日期、金额、类别（办公用品、餐饮、交通、客户招待、其他）、商家、用途、附件。金额超过 RM 20 必须上传收据照片。
- 周度对账：系统计算应有余额，出纳输入实际现金，差异超过 RM 5 触发审核，经理数字签名确认。
- 补充申请：余额低于 {threshold} 自动提醒，生成补充申请单 PDF（含期间支出汇总），老板审批后标记已报销。
- 报表：按类别月度汇总、按办公地点对比、异常交易（无收据、超额、频繁同商家）。

## 主要工作流程
- 出纳录入交易，系统自动扣减资金池余额。
- 每周对账，差异超限需经理审核。
- 余额低于阈值自动触发补充申请流程。
- 月底自动生成对账单与待报销清单。

## 业务规则
- 每天 18:00 后不能补录前一天的交易（防舞弊）。
- 手动输入金额与收据 OCR 金额不一致时弹窗提醒。
- 出纳只能操作自己的资金池，经理与会计可查看全部，老板可审批补充申请。

## 设计方向
- 简洁、专业，适合内部使用。

## 构建方式
- 使用 Next.js + TypeScript，Tailwind + shadcn/ui，Supabase 作为后端（含存储），实现上述功能。
- 先给出简短实施计划，优先实现主要用户流程，使用合理技术决策，包含真实示例内容，并说明如何运行和测试。
- 生成一个可工作的 MVP，不要生成完整生产系统或大量种子数据。

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