CostSplit Pro - 経費・プロジェクト費用按分計算メーカー

## 1. アプリの目的・ターゲットユーザー
複数部門・複数プロジェクト・複数人が絡む経費や共通コストを、様々な按分ルールで瞬時に計算・一覧化できるブラウザ完結型ツール。経理担当者・プロジェクトマネージャー・フリーランサー・小規模事業者が、Excelで手計算していた「按分作業」をブラウザで即完結できることを目指す。

---

## 2. 主要機能

- **按分プロジェクト管理**：複数の「按分セット」（例：「2025年Q1 オフィス賃料按分」「サーバー費用 部門割り」）を作成・保存・切り替えできる
- **5種類の按分ルール**：①均等割り ②人数比 ③売上高比 ④面積比 ⑤カスタム比率（任意の数値を入力） から選択し、自動で按分金額を計算
- **按分結果テーブル自動生成**：部門/プロジェクト/人ごとの負担金額・比率・小数点処理後の端数調整先を一覧表示（最後の行に端数を自動集約）
- **消費税対応**：税込・税抜・税額の3列を自動表示。軽減税率(8%)と標準税率(10%)も選択可能
- **CSV出力 & 印刷**：計算結果を会計ソフト取込み用CSVでダウンロード、または印刷用レイアウトで出力
- **プリセットテンプレート**：「オフィス家賃按分（人数比）」「広告費按分（売上比）」「研修費按分（均等割）」など6種のプリセットからワンクリックで入力フォームを展開

---

## 3. 画面構成

### トップ画面
- ヘッダー：ロゴ、新規作成ボタン、保存済みセット一覧（LocalStorageから読み込み）
- 中央：「按分セット」カード一覧（セット名・最終更新日・合計金額・按分先数を表示）
- 右下：「新規按分セットを作成」の大きなCTAボタン

### 作成・編集画面（2カラム構成）
**左カラム（入力フォーム）**
- セット名入力欄
- 費用名・総金額入力（複数行追加可能、最大20行）
- 消費税設定（税込/税抜/税率選択）
- 按分先リスト（部門名 or 担当者名を追加、最大20件）
- 按分ルール選択ラジオボタン（均等/人数/売上高/面積/カスタム）
- ルールに応じた数値入力フィールドが動的表示（例：カスタム比率の場合は各行に比率入力）
- 端数処理方法（切り捨て/切り上げ/四捨五入 + 端数集約先選択）

**右カラム（リアルタイムプレビューテーブル）**
- 按分先 × 費用名のクロス集計表（入力と連動してリアルタイム更新）
- 各セル：按分金額・比率(%)を表示
- 合計行・合計列を自動追加
- 「CSV出力」「印刷」ボタン

### 印刷用レイアウト
- A4縦に最適化されたシンプルな按分計算書（セット名・計算日・費用一覧・按分先一覧・結果テーブル・端数処理の注記を含む）

---

## 4. データ構造

**DBは使用せず、LocalStorageのみで完結する。**

```
LocalStorage key: "costsplit_sets"

[
{
"id": "uuid",
"name": "セット名",
"createdAt": "2025-01-01",
"updatedAt": "2025-01-10",
"taxMode": "exclusive" | "inclusive" | "none",
"taxRate": 10,
"roundingMethod": "floor" | "ceil" | "round",
"roundingTarget": 0,
"splitRule": "equal" | "headcount" | "sales" | "area" | "custom",
"items": [
{ "id": "uuid", "name": "費用名", "amount": 120000 }
],
"targets": [
{ "id": "uuid", "name": "部門名", "value": 30 }
]
}
]
```

PHPはCSV出力エンドポイントのみ使用（POST受信 → CSVレスポンス返却）。DB不使用。

---

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

- **配色**：ネイビー (#1E3A5F) をメインに、アクセントカラーはアンバー (#F59E0B)。背景は明るいグレー (#F8FAFC)。ビジネス向けの落ち着いた信頼感のある配色
- **フォント**：システムフォント (sans-serif)。数値部分は等幅フォント (monospace) で桁を揃える
- **プレビューテーブル**：スプレッドシート風のボーダー付き表。入力値が変わるたびにアニメーションなしで即座に更新
- **レスポンシブ**：スマホでは左右カラムを縦積みに変更。テーブルは横スクロール対応
- **UX**：計算結果のゼロ・エラー値をオレンジ背景でハイライト。端数調整が発生したセルには「＊」マークと注記を表示
- **規模感**：単一PHPファイル + JS/CSSで構成し、1回の開発で完成する現実的なサイズ