取代Excel记录和WhatsApp催租，一站式管理物业、租户、账单、收据与维修请求
你是一位全栈开发专家。请帮我构建一个租户与租金收款管理系统。
## 角色与背景
- 公司名称：{company_name}
- 管理物业数量：{num_properties} 栋，总单位数约 {num_units} 个
- 货币单位：{currency}
- 主色调：{primary_color}
- 目标用户：马来西亚物业业主/管理公司，需替代 Excel 和 WhatsApp 催租
## 项目目标
构建一个一站式系统，管理物业、租户、账单、收据与维修请求，支持房东后台和租户门户。
## 核心体验与页面
- **房东后台**：仪表盘（统计卡片、入住率环形图、收款进度、逾期租户、到期租约、最近维修）、物业管理（卡片列表+单位网格，颜色标记状态）、租户管理（表格+详情，含一键 WhatsApp 催租）、账单管理（按月查看，筛选，批量操作）、付款记录（记录付款，自动关联未付账单）、维修请求（看板视图）、收据生成（选择付款记录生成 PDF 收据）、报表（月度收款、物业收益、逾期分析、押金状态，支持 CSV/PDF 导出）
- **租户门户**：独立入口，查看账单、付款记录、下载收据、提交维修请求（含照片）、查看维修进度和租约信息
## 主要工作流程
1. 物业业主添加物业和单位，录入租户并签订租约
2. 每月自动生成账单，到期自动标记逾期
3. 租户付款后自动更新账单状态，生成收据
4. 租户可提交维修请求，房东在后台看板管理
5. 租约到期前提醒，退租时处理押金结算
## 业务规则
- 每月1日为所有活跃租约自动生成当月账单，到期日为每月7号
- 支持部分付款，逾期可配置滞纳金
- 租约到期前60天在仪表盘显示提醒
- 押金标准：2个月租金押金 + 1个月预付租金 + 半个月水电押金
- 收据编号格式：RCP-日期-序号
- 所有金额显示格式：{currency} 1,800.00，日期格式：DD/MM/YYYY
## 设计方向
- 主色调 {primary_color}，背景白色，卡片背景 #F8FAFC，文字深色 #0F172A
- 成功/已付绿色 #22C55E，逾期/警告红色 #EF4444，待处理黄色 #F59E0B
- 响应式设计：桌面侧边栏导航，移动端底部导航
- 中文界面，关键术语保留马来语/英语
## 构建方式
- 使用 Next.js 16、Tailwind CSS 4、Supabase（含 Auth、RLS、Storage）、TypeScript、shadcn/ui
- 先给出简短实施计划，优先实现主要用户旅程（房东添加物业→租户→生成账单→记录付款→生成收据）
- 自动填充样本数据：吉隆坡一栋20单位公寓楼，15个租户，过去3个月账单和付款记录，3个维修请求
- 集成 WhatsApp 用于催租和分享收据
- 确保安全：所有表启用 RLS，租户只能看自己的数据
## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。