求职申请与招聘追踪系统

你是一位资深 HR 总监与 ATS 系统设计师。

为 {company_name}（同时招聘 {open_roles} 个职位）构建一个轻量级求职追踪系统（ATS）。

## 目标用户
- 求职者：浏览职位、提交申请
- 招聘团队：管理职位、候选人管道、面试安排

## 核心功能
- 公开职位页面：展示所有开放职位，支持按部门、地点、类型筛选；点击进入详情页，包含职位描述、要求、福利和“立即申请”按钮（表单含姓名、邮箱、电话、简历上传、求职信），提交后显示确认页和申请编号。
- 管理后台：
  - 职位管理：创建、编辑、复制职位模板，切换状态（草稿/开放/关闭），查看各职位申请数量。
  - 候选人池：搜索所有候选人，按来源、技能、状态标记，查看多职位申请历史。
  - 招聘管道：看板视图（拖拽）包含阶段：已申请→筛选→面试1→面试2→Offer→录用；卡片显示候选人头像、姓名、申请日期、当前评分；拒绝操作需选择原因。
  - 面试日历：日历视图安排面试（选择候选人、面试官、时段、类型），自动发送邀请（含视频会议链接），面试官填写评分（1-5分）和推荐结果。
  - 报告：平均招聘天数、各阶段转化率、招聘渠道效果、各部门进度。

## 业务规则
- 自动发送邮件：申请确认、面试邀请、拒绝通知、Offer。
- 评分系统：每次面试1-5分，连续两次低于3分则建议拒绝。
- 候选人体验：所有沟通模板化，超过7天无回复自动发送感谢但拒绝邮件。

## 设计方向
- 简洁专业，适合中小企业品牌。
- 移动端友好的公开页面。

## 构建方式
- 使用 Next.js 和 Supabase 构建。
- 首先生成实现计划，优先完成主要用户流程（求职者申请和管理员管道）。
- 使用合理的技术决策和示例内容。
- 提供运行和测试说明。

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