feat: 实现需求管理、加班记录、成员/角色管理模块

- 需求模块：完整 CRUD、状态流转（采纳/拒绝/关闭）、详情抽屉、产品→项目级联选择
- 加班记录：产品→项目→版本三级联动、月份筛选（MonthPicker）、CSV 导出
- 成员管理：左右布局（部门树+成员列表）、手机号脱敏、初始密码自动生成及规则设置
- 角色管理：卡片列表、系统角色保护、CRUD
- 通用组件：FilterSelect 下拉、MonthPicker 月份选择器、Pagination 分页
- 样式统一：状态标签加 border、日期输入现代化、筛选组件风格一致

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/components/product/ProductCard.tsx

@@ -29,8 +29,8 @@ export function ProductCard({ product, onClick }: Props) {
           <Package className="h-[18px] w-[18px] text-[var(--accent-hover)]" strokeWidth={1.75} />
         </div>
         <div className="min-w-0 flex-1">
-          <h3 className="truncate text-[14px] font-semibold text-[var(--ink)]">{product.name}</h3>
-          <p className="mt-1 line-clamp-2 text-[12.5px] leading-relaxed text-[var(--ink-muted)]">
+          <h3 className="truncate text-[13px] font-semibold text-[var(--ink)]">{product.name}</h3>
+          <p className="mt-1 line-clamp-2 text-[12px] leading-relaxed text-[var(--ink-muted)]">
             {product.description || '暂无描述'}
           </p>
         </div>