休暇ロード LeaveJourney - 有給休暇申請・取得計画ビジュアル管理システム

中小企業の総務・人事担当者と従業員向けに、有給休暇の申請・承認・残日数管理・年間取得計画を一元化する休暇管理システム。「消化率が低い」「5日取得義務を管理しきれない」という悩みを、旅行ルートに見立てたビジュアルカレンダーで解決し、業務アプリの中でも視覚的に楽しく続けられる体験を提供する。

主要機能:
1. 休暇申請フォーム(有給/特別休暇/慶弔/病欠/半休)、日付選択、理由入力
2. 上長承認ワークフロー(承認/差し戻し+コメント、通知一覧)
3. 残日数自動計算(入社日基準の法定付与日数、繰越上限、消化数、年5日取得義務の進捗バー表示)
4. チームカレンダー: 部署フィルター付きで誰がいつ休むか色分け表示
5. 休暇取得計画マップ: 1年を四季の一本道として可視化し、取得済み休暇が道の上のマイルストーンとして表示、未消化が多いと道が霧に覆われ警告
6. 管理者ダッシュボード: 部署別取得率、5日未達者アラート、CSV出力、印刷用休暇簿(A4)

画面構成:
- ログイン(6桁の会社コード+個人パスワード)
- 従業員ダッシュボード: 残日数カード、申請フォーム、取得計画マップ、履歴タイムライン
- 承認画面(管理職向け): 申請一覧、承認/差し戻し操作
- チームカレンダー(月表示、部署フィルター)
- 管理者レポート画面: 取得率グラフ、未達者リスト、CSV/印刷出力

データ構造(MySQL):
- companies(id, code, name)
- employees(id, company_id, name, password_hash, role[admin/manager/staff], department_id, hire_date, manager_id)
- departments(id, company_id, name)
- leave_balances(id, employee_id, year, granted_days, carried_over, used_days)
- leave_requests(id, employee_id, type, start_date, end_date, half_day_flag, status, approver_id, comment, created_at)

デザイン方向性: 明るく親しみやすい水彩風フラットベクター。四季の背景(桜/海/紅葉/雪)が月替わりで変化し、案内役の小鳥キャラクターが操作ガイドを行う。配色はセージグリーン・スカイブルー・暖色オレンジのアクセント。木目調カードUIで落ち着きを演出し、通知バッジや道が伸びる演出でゲーミフィケーション性を付与する。

BGM仕様: ダッシュボード用に穏やかなLo-fiアンビエントBGMを1曲搭載。BPM70、4/4拍子。構成はAメロ8小節(ソフトエレピの主旋律+パッド+ウッドベース)→Bメロ8小節(ハンドクラップ風パーカッションが薄く加わり明るく展開)→Aメロへ戻る全24小節ループ。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する