BizTrip Atlas - 出張申請・精算・報告を一気通貫で管理する出張統合ダッシュボード

【目的】頻繁に出張する営業・SE・コンサル企業の総務経理担当者と出張者本人向けに、申請→承認→経費精算→報告書作成→実績可視化までを1つの画面で完結させる出張特化型業務アプリ。紙やExcelでバラバラになりがちな出張手続きを統合し、経営陣は出張費の全体像を、出張者は自分の活躍を地図上で振り返れる。

【主要機能】
1. 出張申請フォーム：目的地・日程・目的・概算予算を入力し申請、上長が承認/却下（ステータス管理）
2. 経費精算：交通費/宿泊費/日当/雑費をカテゴリ別入力、部門別旅費規定テーブルと突合し規定超過を自動アラート
3. 出張報告書オートビルダー：訪問先・商談内容・成果・次アクションを入力すると整形済み報告書を生成、印刷/PDF出力
4. 出張マップビジュアライゼーション：日本地図・世界地図上に過去の出張ルートを金色の光る軌跡アニメーションで再生、累計移動距離・訪問都市数を集計
5. 出張バッジ＆ランキング：月間移動距離・出張回数に応じたバッジ付与、社内ランキングでゲーミフィケーション
6. 管理者ダッシュボード：承認待ち件数、部門別出張費集計グラフ、予算超過警告、CSVエクスポート

【画面構成】
・ログイン（社員コード＋氏名の簡易認証）
・マイ出張一覧（申請中/承認済/精算済タブ）
・出張申請フォーム画面
・経費入力画面（カテゴリ別カード入力＋自動合計）
・報告書エディタ画面
・出張マップ画面（Canvas/SVG地図＋軌跡アニメーション＋BGM再生、ミュートボタン付き）
・管理者ダッシュボード（グラフ、承認キュー、CSV出力）

【データ構造（MySQL）】
- users(id, company_code, name, department, role)
- trips(id, user_id, destination, purpose, start_date, end_date, budget_estimate, status, created_at)
- expenses(id, trip_id, category, amount, memo, created_at)
- reports(id, trip_id, visited_places, content, achievements, next_actions, created_at)
- trip_rules(id, department, category, daily_limit)
- badges(id, user_id, badge_type, awarded_at)

【デザイン】紺（ネイビー）とゴールドを基調にしたプレミアム・ラウンジ調。地図は上品な紺色地図に金色の軌跡ライン、空港・新幹線・スーツケースのフラットイラストアイコンで統一。カード型UIで情報を整理し、スマホ縦画面でも申請・入力しやすいレイアウト。

【BGM仕様】出張マップ画面で流れるシネマティック・ラウンジBGM。BPM80、4/4拍子。パッド系の持続和音の上に、ウォーキングベース風の単音進行（Cmaj7→Am7→Dm7→G7を8小節ループ）、ピアノアルペジオによる主旋律を重ねA/B展開。4小節ごとに装飾音・軽いフィルを追加し単調さを回避。Web Audio APIでAudioContext.currentTime基準に先読みスケジューリングし、BGM/SE音量を別スライダーで管理、ミュートボタンと画面遷移時のノード解放を実装する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

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