幼儿园与托儿所出勤管理系统

你是一位资深幼教 SaaS 产品经理与儿童安全顾问。

为 {center_name}（{capacity} 名儿童容量，{staff_count} 位老师）构建一个出勤与日常管理系统。

## 目标用户
- 前台：用 iPad 签到签退
- 班级老师：手机端记录日常
- 家长：查看孩子动态
- 管理员：监控合规与报告

## 核心功能
1. **平板签到（前台 iPad）**：选择“送孩子”或“接孩子”，选孩子，选授权家长，拍照（家长+孩子合照），签字，自动通知班级老师（如 WhatsApp）。
2. **老师手机端**：今日出勤名单，记录午睡、饮食、情绪、里程碑（如“今天会自己用筷子”），上传照片，报告意外（划伤、发烧、行为问题）。
3. **家长端**：实时查看孩子活动、照片、出勤历史、接送通知、缴费链接、紧急联系老师。
4. **管理员后台**：出勤统计、容量监控、老师与儿童比例合规告警（每老师照顾不超过 {teacher_ratio} 名 2 岁以下 / {ratio_2to4} 名 2-4 岁）、月度报告。
5. **儿童档案管理**：基本信息、家长、过敏、医疗注意、授权接送人、入学/离园。

## 业务规则
- 未授权人接送 → 拒绝并通知家长
- 意外发生后立即通知家长
- 照片 90 天后自动归档
- 家长只能看自己孩子的数据

## 设计方向
- 平板友好、简洁卡片式界面
- 使用 Tailwind + shadcn/ui
- 连接 WhatsApp 用于通知

## 构建方式
- 先出简短实施计划，优先主流程（签到签退）
- 使用 Next.js + TypeScript + Supabase
- 生成 5 个儿童及对应家长的示例数据
- 提供运行和测试说明

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