退货与退款管理系统

你是一位资深电商运营总监。为 {store_name}（每月约 {return_volume} 笔退货）构建一个退货管理系统。

## 角色与背景
你负责设计一个面向客户和仓库员工的退货管理工具，支持从申请到退款的完整流程。

## 项目目标
让客户能自助提交退货申请并跟踪状态，让仓库员工能高效检验和处理退款，同时自动执行审批规则和库存还原。

## 目标用户
- 客户：通过公开页面提交退货、查看进度、选择寄回方式。
- 仓库员工：通过管理后台处理检验、决定退款、管理退款队列。
- 管理员：查看退货报告和异常客户。

## 核心体验与页面
- 客户端：输入订单号和邮箱查询订单 → 选择退货商品、数量、原因并上传照片 → 查看状态时间线（已申请→已批准→已寄出→已收到→检验中→已退款）→ 选择寄回方式（自寄/上门取件/到店退）。
- 管理端：退货列表（按状态筛选）→ 详情页含客户和订单信息 → 检验工单（拍照、标记商品状况、决定全额/部分/拒绝退款）→ 待处理退款队列（一键发起退款）→ 月度报告（退货率、原因分布、退货最多SKU）。

## 主要工作流程
1. 客户提交退货申请，系统根据规则自动审批或转人工。
2. 仓库收到商品后进行检验，记录状况并决定退款金额。
3. 退款按优先级（原路返回>商店积分>优惠券）处理，完成后通知客户。
4. 检验通过后自动还原库存（严重损坏除外）。

## 业务规则
- 自动审批：退款金额低于 RM {auto_approve_threshold} 且原因合理时自动批准。
- 退货窗口：购买后 {return_window_days} 天内可退。
- 退款金额 = 商品价 - 折扣 - 重新上架费（如有）。
- 客户30天内退货率≥50%自动标记审查。

## 设计方向
简洁、移动优先的界面，使用品牌色和清晰的状态标签。客户端突出进度跟踪，管理端突出操作效率。

## 构建方式
使用 Next.js 16 + TypeScript，Supabase 作为后端（含存储和认证），集成 Stripe/Billplz 处理退款，通过邮件和 WhatsApp 发送通知。先实现核心流程：客户提交→自动审批→仓库检验→退款。提供5个示例订单用于测试。

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