SalesTarget - 営業目標・個人予算配分＆進捗管理システム

## 1. アプリの目的・ターゲットユーザー
営業チームのマネージャーや個人営業担当者が、月次・四半期・年次の売上目標を部門・個人・商品カテゴリに配分し、実績入力により達成率・ペース・見込みをリアルタイムに把握できる業務Webアプリ。Excel管理では見えにくい「予算配分の根拠」と「このままでは達成できない人の早期検知」を解決する。対象は5〜50名規模の営業チームを持つ中小企業、独立した営業担当者、代理店管理者。

---

## 2. 主要機能

- **予算マスタ設定**：年度・期（月次/四半期）・部門・担当者・商品カテゴリの組み合わせで目標金額を登録。トップダウン入力（部門合計→個人配分）とボトムアップ入力（個人積上げ→部門合計）の両方に対応。
- **実績入力**：案件名・担当者・商品カテゴリ・受注金額・受注日・ステータス（見込/受注確定/失注）をフォームから登録。CSV一括インポートも対応。
- **進捗ダッシュボード**：全体・部門・個人の3ビューで、目標額・実績額・達成率・月次ペース判定（順調/要注意/危険）を信号機カラーで一覧表示。ペース判定は「経過日数比で達成率が何%か」から算出。
- **個人カルテ画面**：担当者ごとの月次推移グラフ（棒グラフ）、直近3か月の受注案件一覧、目標達成のためにあと何件/何円必要かのシミュレーション表示。
- **予算配分シミュレーター**：スライダーで個人ごとの配分比率を調整すると、配分額と達成難易度（前年実績比）がリアルタイムに更新される試算モード。
- **月次・四半期レポート出力**：部門別・個人別の目標対比表をHTML印刷レイアウトとCSVで出力。

---

## 3. 画面構成

### ページ一覧
1. **ダッシュボード（トップ）**
- 当月の全社目標ゲージ（大きなプログレスバー）
- 部門別カードグリッド（達成率・信号機色）
- 個人別ランキングテーブル（達成率順）
- 月次トレンド折れ線グラフ（直近6か月）

2. **予算設定ページ**
- 年度・期選択
- 部門追加・担当者追加フォーム
- 目標金額入力テーブル（行:担当者 / 列:月）
- トップダウン自動配分ボタン（部門目標を前年比率で自動按分）
- 配分シミュレーターパネル（スライダー）

3. **実績入力ページ**
- 案件登録フォーム（担当者選択・商品カテゴリ・金額・日付・ステータス）
- 案件一覧テーブル（ソート・フィルター付き）
- CSVインポートボタン

4. **個人カルテページ**
- 担当者セレクタ
- 月次棒グラフ（目標vs実績）
- 達成シミュレーション（残日数×必要日次金額）
- 案件履歴リスト

5. **レポートページ**
- 期間・部門・担当者を選択して目標対比表を生成
- 印刷用レイアウト切替・CSV出力ボタン

6. **マスタ管理ページ**
- 担当者マスタ（名前・部門・所属期間）
- 商品カテゴリマスタ
- 部門マスタ

---

## 4. データ構造（DBテーブル概要）

```sql
-- 部門マスタ
departments(id, name, created_at)

-- 担当者マスタ
staff(id, name, department_id, joined_date, is_active)

-- 商品カテゴリマスタ
categories(id, name, sort_order)

-- 予算テーブル（年度・月・担当者・カテゴリの組み合わせ）
budgets(id, fiscal_year, target_month, staff_id, category_id, target_amount, note, created_at, updated_at)

-- 実績（案件）テーブル
deals(id, staff_id, category_id, deal_name, amount, deal_date, status ENUM('prospect','won','lost'), note, created_at, updated_at)

-- レポートスナップショット（月次確定用）
report_snapshots(id, fiscal_year, target_month, department_id, total_target, total_actual, snapshot_at)
```

INDEX: budgets(fiscal_year, target_month, staff_id) / deals(staff_id, deal_date, status)

---

## 5. デザインの方向性

- **カラー**：白背景 + ネイビー(#1a2e4a)ヘッダー + アクセントにアンバー(#f59e0b)。信号機カラーは緑(#22c55e)/黄(#eab308)/赤(#ef4444)。
- **フォント**：日本語はNoto Sans JP、数字はタブラー数字で桁ズレなく表示。
- **コンポーネント**：カード型レイアウト、大きなプログレスバー、シンプルなChart.js（棒・折れ線）。派手なアニメーションは省き「業務ツールらしい清潔感」を優先。
- **レスポンシブ**：スマホでは担当者別カードを縦スクロールで確認、PCではテーブル・グラフを横並びで確認できるブレークポイント設計（768px基準）。
- **規模感**：PHP（手続き型）+ MySQL + HTML/CSS(Flexbox/Grid) + バニラJS + Chart.js CDN。外部APIキー不要。ログイン機能は簡易パスワード認証（セッション）で管理者1名想定。1回で完成する現実的な規模。