ExpenseFlow Pro - 経費精算・立替申請ワークフロー管理システム

中小企業・スタートアップの従業員・経理担当者・承認者(上司)向けに、紙やExcelでの経費精算・立替申請の手間、承認漏れ、レシート管理の煩雑さを解消する業務支援ツール。

主要機能:
・会社コード入力で組織に参加、社員名+PINの簡易ログイン(会員登録不要)
・経費申請作成(日付/交通・会議・出張・消耗品・通信・接待・研修・その他の8カテゴリ/金額/取引先/メモ/レシート画像添付。画像はブラウザ内で自動リサイズ圧縮後にサーバー保存)
・申請ステータス管理(下書き→申請中→承認済/却下→精算済)。承認者はコメント付きで承認・差戻しが可能
・部門別・カテゴリ別・月次の集計ダッシュボード(ドーナツ/棒グラフ、予算消化率、承認待ち件数バッジ)
・承認完了時に短い祝福チャイムと紙吹雪演出(Web Audio APIで3音の上昇アルペジオ、AudioContext.currentTime基準で先読み再生、0.4秒以内、SE音量調整・ミュート対応、再生後にノード解放)
・CSV一括出力とA4印刷用の精算書レイアウト自動生成

画面構成:
組織コード入力/ログイン画面、社員ダッシュボード(申請一覧+新規作成)、申請フォーム(カテゴリ別入力・レシートプレビュー・自動集計)、承認者用承認待ちキュー画面、管理者用集計ダッシュボード(グラフ・CSV出力・部門比較)、印刷用精算書プレビュー画面。

データ構造(MySQL):
companies(id,name,code) / users(id,company_id,name,role,pin_hash) / expense_reports(id,user_id,title,period_start,period_end,status,total_amount,created_at) / expense_items(id,report_id,date,category,amount,vendor,memo,receipt_path) / approvals(id,report_id,approver_id,status,comment,approved_at) / budgets(id,company_id,department,month,limit_amount)

デザイン: ネイビー(#2C3E6B)とクリーム地に暖色オレンジ(#FF8C42)アクセントの信頼感ある配色。カード型UIとフラット線画アイコンでカテゴリを直感表示し、スマホでのレシート撮影・申請、PCでの承認・集計作業双方に最適化したレスポンシブ構成。

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する