feat: OPC 工作台 — 科普（慰心斋）单项目管理系统

Flask + Tailwind CSS + Trix + Chart.js + Lucide Icons + SQLite

- 首页概览：关键指标卡片、财务趋势图、风险提醒、近期动态
- 销售管理：客户表格 + 抽屉详情（自动保存 + 评论）
- 业务方案：版本表格 + 抽屉（文件上传/预览/删除 + 评论）
- 运营管理：项目表格（业务机会/执行项目分类）+ 抽屉
- 产品研发：版本表格 + 抽屉
- 财务管理：月度收入/毛利/成本/净利曲线图 + 明细表
- 所有抽屉：Plane 风格紧凑布局、字段失焦自动保存、Trix 富文本评论框、点击遮罩关闭

docs/design-system-summary.md

@@ -0,0 +1,29 @@
+# OPC Manager Design System Summary
+
+Project: 科普（慰心斋）OPC 工作台  
+Purpose: single-project operating dashboard for sales, business proposals, operations, product versions, and finance.
+
+## Design Direction
+
+- Style: enterprise operations dashboard, not a marketing landing page.
+- Priority: clarity, scan speed, table density, stable editing flows.
+- Primary color: calm blue for navigation and primary actions.
+- Status colors: red for risk, amber for pending, green for completed, slate for archived.
+- Surface system: white content surfaces on a light slate background, thin borders, compact spacing.
+
+## Layout Rules
+
+- Default view is the overview dashboard.
+- Use top tabs for primary modules.
+- Use tables for sales and operations.
+- Use cards only for repeated version entities: business proposals and product versions.
+- Use right-side drawers for editable details.
+- Use Recharts line charts for finance trends, with detail tables below.
+
+## Component Rules
+
+- Tables should fit meeting review scenarios: compact rows, visible status badges, latest activity.
+- Drawers should contain editable fields and timelines without navigating away.
+- File groups should show category, file name, preview, download, and upload affordances.
+- Charts must use the same data as detail tables.
+

docs/frontend-design-checklist.md

@@ -0,0 +1,28 @@
+# OPC Manager Frontend Design Checklist
+
+## Before Development
+
+- Build first screen as the operating dashboard, not a landing page.
+- Keep dashboard metrics visible above the fold.
+- Keep module navigation persistent and obvious.
+- Prefer shadcn-style controls: Button, Tabs, Table, Sheet, Form, Input, Select, Textarea, Badge, Card.
+- Use Tailwind tokens consistently for spacing, border, radius, color, and typography.
+
+## Page-Level Checks
+
+- 首页: metrics, risk reminders, recent activity, finance trend preview.
+- 销售: compact table, priority badge, status badge, latest timeline entry, drawer edit flow.
+- 业务方案: one version per card, four file groups, upload, preview, download.
+- 运营: type filter, opportunity/execution fields, SOP execution visibility, project-version file ownership.
+- 产品: one version per card, drawer editing, feature list readability.
+- 财务: trend chart and detail rows reconcile with the same source data.
+
+## Post-Development Audit
+
+- No decorative landing sections before the dashboard.
+- No nested cards that reduce scan speed.
+- Drawers do not overflow or hide save actions.
+- Tables remain readable at desktop widths.
+- Status colors are consistent across modules.
+- Preview and download actions are available for uploaded/indexed files.
+