commit b4f05d31cd6a699745c8434871f75639dbda6e65
Author: ashok <ashokkumar@iproat.com>
Date:   Wed Mar 11 11:03:12 2026 +0530

    initial

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..a186cd2
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,18 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 2
+
+[compose.yaml]
+indent_size = 4
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..c0660ea
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,65 @@
+APP_NAME=Laravel
+APP_ENV=local
+APP_KEY=
+APP_DEBUG=true
+APP_URL=http://localhost
+
+APP_LOCALE=en
+APP_FALLBACK_LOCALE=en
+APP_FAKER_LOCALE=en_US
+
+APP_MAINTENANCE_DRIVER=file
+# APP_MAINTENANCE_STORE=database
+
+# PHP_CLI_SERVER_WORKERS=4
+
+BCRYPT_ROUNDS=12
+
+LOG_CHANNEL=stack
+LOG_STACK=single
+LOG_DEPRECATIONS_CHANNEL=null
+LOG_LEVEL=debug
+
+DB_CONNECTION=sqlite
+# DB_HOST=127.0.0.1
+# DB_PORT=3306
+# DB_DATABASE=laravel
+# DB_USERNAME=root
+# DB_PASSWORD=
+
+SESSION_DRIVER=database
+SESSION_LIFETIME=120
+SESSION_ENCRYPT=false
+SESSION_PATH=/
+SESSION_DOMAIN=null
+
+BROADCAST_CONNECTION=log
+FILESYSTEM_DISK=local
+QUEUE_CONNECTION=database
+
+CACHE_STORE=database
+# CACHE_PREFIX=
+
+MEMCACHED_HOST=127.0.0.1
+
+REDIS_CLIENT=phpredis
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_MAILER=log
+MAIL_SCHEME=null
+MAIL_HOST=127.0.0.1
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_FROM_ADDRESS="hello@example.com"
+MAIL_FROM_NAME="${APP_NAME}"
+
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_DEFAULT_REGION=us-east-1
+AWS_BUCKET=
+AWS_USE_PATH_STYLE_ENDPOINT=false
+
+VITE_APP_NAME="${APP_NAME}"
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..fcb21d3
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,11 @@
+* text=auto eol=lf
+
+*.blade.php diff=html
+*.css diff=css
+*.html diff=html
+*.md diff=markdown
+*.php diff=php
+
+/.github export-ignore
+CHANGELOG.md export-ignore
+.styleci.yml export-ignore
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b71b1ea
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+*.log
+.DS_Store
+.env
+.env.backup
+.env.production
+.phpactor.json
+.phpunit.result.cache
+/.fleet
+/.idea
+/.nova
+/.phpunit.cache
+/.vscode
+/.zed
+/auth.json
+/node_modules
+/public/build
+/public/hot
+/public/storage
+/storage/*.key
+/storage/pail
+/vendor
+Homestead.json
+Homestead.yaml
+Thumbs.db
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..0165a77
--- /dev/null
+++ b/README.md
@@ -0,0 +1,59 @@
+<p align="center"><a href="https://laravel.com" target="_blank"><img src="https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg" width="400" alt="Laravel Logo"></a></p>
+
+<p align="center">
+<a href="https://github.com/laravel/framework/actions"><img src="https://github.com/laravel/framework/workflows/tests/badge.svg" alt="Build Status"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/dt/laravel/framework" alt="Total Downloads"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/v/laravel/framework" alt="Latest Stable Version"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a>
+</p>
+
+## About Laravel
+
+Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
+
+- [Simple, fast routing engine](https://laravel.com/docs/routing).
+- [Powerful dependency injection container](https://laravel.com/docs/container).
+- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
+- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
+- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
+- [Robust background job processing](https://laravel.com/docs/queues).
+- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
+
+Laravel is accessible, powerful, and provides tools required for large, robust applications.
+
+## Learning Laravel
+
+Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework. You can also check out [Laravel Learn](https://laravel.com/learn), where you will be guided through building a modern Laravel application.
+
+If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains thousands of video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
+
+## Laravel Sponsors
+
+We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the [Laravel Partners program](https://partners.laravel.com).
+
+### Premium Partners
+
+- **[Vehikl](https://vehikl.com)**
+- **[Tighten Co.](https://tighten.co)**
+- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
+- **[64 Robots](https://64robots.com)**
+- **[Curotec](https://www.curotec.com/services/technologies/laravel)**
+- **[DevSquad](https://devsquad.com/hire-laravel-developers)**
+- **[Redberry](https://redberry.international/laravel-development)**
+- **[Active Logic](https://activelogic.com)**
+
+## Contributing
+
+Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
+
+## Code of Conduct
+
+In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
+
+## Security Vulnerabilities
+
+If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed.
+
+## License
+
+The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
diff --git a/ai-context.md b/ai-context.md
new file mode 100644
index 0000000..846d4cd
--- /dev/null
+++ b/ai-context.md
@@ -0,0 +1,55 @@
+GymPro - Gym Management System Context
+1. Project Overview
+GymPro is a comprehensive, multi-branch Gym Management System. It features a responsive web dashboard for Owners and Receptionists, and mobile-optimized views for Owners, Trainers, and Members. The frontend is built with React, Vite, Tailwind CSS, and Framer Motion. It currently relies on mock data and needs a robust backend to handle relational data, authentication, and complex business logic.
+
+2. User Roles & Access
+Owner (Super Admin): Full access to all branches. Can view global reports, manage investors, process branch-wise payrolls, and configure system masters.
+Receptionist: Branch-specific access. Can handle POS/billing, record collections/expenses, manage local inventory, register members, and view branch-specific reports.
+Trainer: Mobile-first access. Can view assigned clients, manage their schedule/bookings, mark attendance, and view their commission/earnings.
+Member: Mobile-first access. Can view their active plans, remaining sessions, book PT/Group sessions, and view their access/payment history.
+3. Core Entities & Required Database Schema
+The backend needs to support the following relational entities:
+
+A. Users & Authentication (users table)
+Fields: id, name, email, phone, role (Owner, Receptionist, Trainer, Member), branch_id, status (Active, Inactive, Blocked), avatar_url, joining_date.
+Staff Specific: designation, member_count (for trainers).
+Member Specific: dob, gender, address, emergency_contact.
+Related Tables:
+user_documents: type, number, expiry_date, auto_notify, reminder_days.
+user_family: name, relationship, contact.
+user_plans (Plan History): plan_id, start_date, end_date, status, used_sessions, total_sessions.
+B. Branches (branches table)
+Fields: id, name, location, manager_name, status, start_date, salary_release_date.
+C. Payroll & Salaries (salaries & salary_history tables)
+Salary Config: user_id, type (Monthly/Daily), amount, frequency, cycle_start_date.
+Salary Advance: total_amount, months, monthly_deduction, remaining_amount, repay_mode (full/divide).
+Commission: amount_per_member (Flat rate per assigned member/session).
+Salary Release History: Tracks bulk salary releases per branch (date, total_amount, staff_count, releasor_name).
+D. Inventory & POS (products & stock_history tables)
+Products: id, name, category, branch_id, cost_price, selling_price, stock, reorder_level, sku, status.
+Stock History: Tracks every addition, deduction, or POS sale (product_id, qty_change, new_stock, action_type, date).
+E. Financials (collections & expenses tables)
+Collections (Income): id, date, branch_id, type (Product sale, Gym fee, PT fee), amount, method (Cash/Card/Online), items (JSON array of products sold if applicable).
+Expenses: id, date, branch_id, category, amount, type (Internal, Petty cash, ROI Payout), remarks.
+F. Investors & ROI (investors & investor_payouts tables)
+Investors: id, name, investment_date, amount, roi_percent, roi_period (Monthly/Yearly), profit_sharing_percent, branch_ids (Array or 'All'), status (Active/Closed).
+Payouts: investor_id, due_date, paid_date, expected_amount, paid_amount, adjustment (carry-over from previous under/over payments), status (Pending/Paid).
+G. CRM / Enquiries (enquiries table)
+Fields: id, name, contact, email, programs (Array), goal, source, assigned_trainer_id, status (New, Follow-up, Converted), next_follow_up_date.
+H. Scheduling & Calendar (sessions table)
+Fields: id, member_id, trainer_id, date_time, session_type (Personal/Group), status (Confirmed, Completed, Cancelled), cancellation_reason.
+4. Key Business Logic & Backend Processes
+The backend API must handle the following complex logic:
+
+Salary Calculation Engine:
+Formula: Net Payable = Base Salary + (Assigned Members * Commission Rate) - Monthly Advance Deduction.
+When a bulk "Salary Release" is triggered, the backend must generate individual payslips, deduct the monthly_deduction from the staff's remaining_advance, and log the total in expenses.
+Inventory Management:
+When a POS Collection is created (type: 'Product sale'), the backend must automatically deduct the sold quantities from the products table and log the changes in stock_history.
+Investor Payout Carry-over:
+If an investor is paid less or more than their expected_amount for a given month, the difference (adjustment) must automatically be added/subtracted from their next scheduled payout.
+Session Deductions:
+When a session is marked as "Completed" (or cancelled late), it must decrement the used_sessions count on the Member's currently active user_plan.
+Automated Cron Jobs / Background Tasks:
+Document Expiry: Daily check. If expiry_date - reminder_days is reached, trigger a notification.
+Plan Expiry: Automatically change user_plans status to 'Expired' when end_date passes.
\ No newline at end of file
diff --git a/app/Http/Controllers/AccountController.php b/app/Http/Controllers/AccountController.php
new file mode 100644
index 0000000..ee3f8f6
--- /dev/null
+++ b/app/Http/Controllers/AccountController.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\Account;
+
+class AccountController extends Controller
+{
+    public function index()
+    {
+        return response()->json(Account::with(['accountable', 'branch'])->orderBy('date', 'desc')->orderBy('time', 'desc')->get());
+    }
+}
diff --git a/app/Http/Controllers/AuthController.php b/app/Http/Controllers/AuthController.php
new file mode 100644
index 0000000..510344a
--- /dev/null
+++ b/app/Http/Controllers/AuthController.php
@@ -0,0 +1,136 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+class AuthController extends Controller
+{
+    /**
+     * Show the owner login page.
+     */
+    public function showLogin()
+    {
+        return view('welcome');
+    }
+
+    /**
+     * Show the receptionist login page.
+     */
+    public function showReceptionistLogin()
+    {
+        return view('welcome');
+    }
+
+    /**
+     * Handle owner login request.
+     */
+    public function login(Request $request)
+    {
+        $credentials = $request->validate([
+            'email' => ['required', 'email'],
+            'password' => ['required'],
+        ]);
+
+        if (Auth::guard('web')->attempt($credentials, $request->boolean('remember'))) {
+            $request->session()->regenerate();
+            $user = Auth::guard('web')->user();
+            
+            return response()->json([
+                'user' => $user,
+                'redirect' => '/owner/dashboard'
+            ]);
+        }
+
+        return response()->json([
+            'message' => 'The provided credentials do not match our records.',
+        ], 401);
+    }
+
+    /**
+     * Handle receptionist login request.
+     */
+    public function receptionistLogin(Request $request)
+    {
+        $credentials = $request->validate([
+            'email' => ['required', 'email'],
+            'password' => ['required'],
+        ]);
+
+        if (Auth::guard('receptionist')->attempt($credentials, $request->boolean('remember'))) {
+            $request->session()->regenerate();
+            $user = Auth::guard('receptionist')->user();
+            
+            return response()->json([
+                'user' => $user,
+                'redirect' => '/receptionist/dashboard'
+            ]);
+        }
+
+        return response()->json([
+            'message' => 'The provided credentials do not match our records.',
+        ], 401);
+    }
+ 
+    /**
+     * Get the authenticated user's profile.
+     */
+    public function profile(Request $request)
+    {
+        $context = $request->query('context', 'owner');
+
+        if ($context === 'receptionist') {
+            if ($user = Auth::guard('receptionist')->user()) {
+                $user->load('branch');
+                return response()->json([
+                    'user' => $user,
+                    'role' => 'receptionist',
+                    'branch' => $user->branch ? $user->branch->name : 'N/A'
+                ]);
+            }
+            // fallback
+            if ($user = Auth::guard('web')->user()) {
+                return response()->json([
+                    'user' => $user,
+                    'role' => 'owner',
+                    'branch' => 'Management'
+                ]);
+            }
+        } else {
+            // Check Owner Guard
+            if ($user = Auth::guard('web')->user()) {
+                return response()->json([
+                    'user' => $user,
+                    'role' => 'owner',
+                    'branch' => 'Management'
+                ]);
+            }
+            // Check Receptionist Guard fallback
+            if ($user = Auth::guard('receptionist')->user()) {
+                $user->load('branch');
+                return response()->json([
+                    'user' => $user,
+                    'role' => 'receptionist',
+                    'branch' => $user->branch ? $user->branch->name : 'N/A'
+                ]);
+            }
+        }
+ 
+        return response()->json(['message' => 'Unauthenticated'], 401);
+    }
+
+    /**
+     * Handle logout request.
+     */
+    public function logout(Request $request)
+    {
+        Auth::guard('web')->logout();
+        Auth::guard('receptionist')->logout();
+
+        $request->session()->invalidate();
+        $request->session()->regenerateToken();
+
+        return redirect('/');
+    }
+}
diff --git a/app/Http/Controllers/BranchController.php b/app/Http/Controllers/BranchController.php
new file mode 100644
index 0000000..8d00039
--- /dev/null
+++ b/app/Http/Controllers/BranchController.php
@@ -0,0 +1,122 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Branch;
+use App\Models\BranchDocument;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Storage;
+
+class BranchController extends Controller
+{
+    public function index()
+    {
+        return response()->json(Branch::with('documents')->get());
+    }
+
+    public function store(Request $request)
+    {
+        $validated = $request->validate([
+            'name' => 'required|string',
+            'location' => 'required|string',
+            'manager_name' => 'required|string',
+            'operational_start_date' => 'required|date',
+            'payroll_from_day' => 'required|integer|min:1|max:31',
+            'payroll_to_day' => 'required|integer|min:1|max:31',
+            'salary_generation_day' => 'required|integer|min:1|max:31',
+            'docs' => 'required|array|min:1',
+            'docs.*.file' => 'required|file',
+            'docs.*.name' => 'required|string',
+            'docs.*.document_number' => 'nullable|string',
+            'docs.*.expiry_date' => 'required|date',
+            'docs.*.reminder_days' => 'nullable|integer|min:0',
+        ]);
+
+        $branch = Branch::create([
+            'name' => $validated['name'],
+            'location' => $validated['location'],
+            'manager_name' => $validated['manager_name'],
+            'operational_start_date' => $validated['operational_start_date'],
+            'payroll_from_day' => $validated['payroll_from_day'],
+            'payroll_to_day' => $validated['payroll_to_day'],
+            'salary_generation_day' => $validated['salary_generation_day'],
+            'status' => 'Active'
+        ]);
+
+        foreach ($validated['docs'] as $doc) {
+            $path = $doc['file']->store('branch_documents', 'public');
+            BranchDocument::create([
+                'branch_id' => $branch->id,
+                'name' => $doc['name'],
+                'document_number' => $doc['document_number'] ?? null,
+                'path' => $path,
+                'expiry_date' => $doc['expiry_date'],
+                'reminder_days' => $doc['reminder_days'] ?? 30
+            ]);
+        }
+
+        return response()->json(['message' => 'Branch created successfully', 'branch' => $branch]);
+    }
+
+    public function update(Request $request, $id)
+    {
+        $branch = Branch::findOrFail($id);
+        $validated = $request->validate([
+            'name' => 'required|string',
+            'location' => 'required|string',
+            'manager_name' => 'required|string',
+            'operational_start_date' => 'required|date',
+            'payroll_from_day' => 'required|integer|min:1|max:31',
+            'payroll_to_day' => 'required|integer|min:1|max:31',
+            'salary_generation_day' => 'required|integer|min:1|max:31',
+            'status' => 'required|string',
+            'new_docs' => 'nullable|array',
+            'new_docs.*.file' => 'required|file',
+            'new_docs.*.name' => 'required|string',
+            'new_docs.*.document_number' => 'nullable|string',
+            'new_docs.*.expiry_date' => 'required|date',
+            'new_docs.*.reminder_days' => 'nullable|integer|min:0',
+        ]);
+
+        $branch->update([
+            'name' => $validated['name'],
+            'location' => $validated['location'],
+            'manager_name' => $validated['manager_name'],
+            'operational_start_date' => $validated['operational_start_date'],
+            'payroll_from_day' => $validated['payroll_from_day'],
+            'payroll_to_day' => $validated['payroll_to_day'],
+            'salary_generation_day' => $validated['salary_generation_day'],
+            'status' => $validated['status'],
+        ]);
+
+        if (isset($validated['new_docs'])) {
+            foreach ($validated['new_docs'] as $doc) {
+                $path = $doc['file']->store('branch_documents', 'public');
+                BranchDocument::create([
+                    'branch_id' => $branch->id,
+                    'name' => $doc['name'],
+                    'document_number' => $doc['document_number'] ?? null,
+                    'path' => $path,
+                    'expiry_date' => $doc['expiry_date'],
+                    'reminder_days' => $doc['reminder_days'] ?? 30
+                ]);
+            }
+        }
+
+        return response()->json(['message' => 'Branch updated successfully', 'branch' => $branch->load('documents')]);
+    }
+
+    public function show($id)
+    {
+        return response()->json(Branch::with('documents')->findOrFail($id));
+    }
+
+    public function destroy($id)
+    {
+        $branch = Branch::findOrFail($id);
+        // Documents will be auto-deleted via cascade constraint in migration
+        $branch->delete();
+
+        return response()->json(['message' => 'Branch deleted successfully']);
+    }
+}
diff --git a/app/Http/Controllers/BranchReceptionistController.php b/app/Http/Controllers/BranchReceptionistController.php
new file mode 100644
index 0000000..e2f4e0d
--- /dev/null
+++ b/app/Http/Controllers/BranchReceptionistController.php
@@ -0,0 +1,70 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Receptionist;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\Rule;
+
+class BranchReceptionistController extends Controller
+{
+    /**
+     * Get all receptionists for a branch.
+     */
+    public function show($branchId)
+    {
+        $receptionists = Receptionist::where('branch_id', $branchId)->get();
+        return response()->json($receptionists);
+    }
+
+    /**
+     * Create or update a receptionist.
+     */
+    public function store(Request $request, $branchId)
+    {
+        $validated = $request->validate([
+            'id' => 'nullable|exists:receptionists,id',
+            'name' => 'required|string|max:255',
+            'email' => [
+                'required', 
+                'email', 
+                Rule::unique('receptionists')->ignore($request->id),
+            ],
+            'password' => $request->id ? 'nullable|min:6|confirmed' : 'required|min:6|confirmed',
+        ]);
+
+        if ($request->id) {
+            $receptionist = Receptionist::findOrFail($request->id);
+            $receptionist->name = $validated['name'];
+            $receptionist->email = $validated['email'];
+            if (!empty($validated['password'])) {
+                $receptionist->password = $validated['password'];
+            }
+            $receptionist->save();
+            return response()->json($receptionist);
+        } else {
+            $new = Receptionist::create([
+                'branch_id' => $branchId,
+                'name' => $validated['name'],
+                'email' => $validated['email'],
+                'password' => $validated['password'],
+            ]);
+            return response()->json($new, 201);
+        }
+    }
+
+    /**
+     * Delete a receptionist account.
+     */
+    public function destroy($branchId, $receptionistId = null)
+    {
+        $id = $receptionistId ?: request()->receptionist_id;
+        
+        if ($id) {
+            Receptionist::where('branch_id', $branchId)->where('id', $id)->delete();
+        }
+        
+        return response()->json(['message' => 'Receptionist account deleted.']);
+    }
+}
diff --git a/app/Http/Controllers/CollectionController.php b/app/Http/Controllers/CollectionController.php
new file mode 100644
index 0000000..372e2ec
--- /dev/null
+++ b/app/Http/Controllers/CollectionController.php
@@ -0,0 +1,153 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Collection;
+use App\Models\CollectionItem;
+use App\Models\CollectionType;
+use App\Models\Product;
+use App\Models\StockAdjustment;
+use App\Models\Account;
+use Illuminate\Http\Request;
+use Carbon\Carbon;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Auth;
+
+class CollectionController extends Controller
+{
+    public function index(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $branchId = $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        $startDate = $request->query('start_date');
+        $endDate = $request->query('end_date');
+        $paymentMethod = $request->query('payment_method');
+
+        $query = Collection::with(['branch', 'type', 'items.product']);
+
+        if ($branchId) {
+            $query->where('branch_id', $branchId);
+        }
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+        if ($paymentMethod) {
+            $query->where('payment_method', $paymentMethod);
+        }
+
+        return response()->json($query->orderBy('date', 'desc')->get()->map(function($c) {
+            $originalAmount = $c->items->sum('subtotal');
+            $c->is_adjusted = $originalAmount > 0 && abs($c->amount - $originalAmount) > 0.01;
+            $c->original_amount = $originalAmount;
+            return $c;
+        }));
+    }
+
+    public function store(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $data = $request->all();
+        if ($user->isReceptionist()) {
+            $data['branch_id'] = $user->branch_id;
+        }
+
+        $validated = \Illuminate\Support\Facades\Validator::make($data, [
+            'date' => 'required|date',
+            'branch_id' => 'required|exists:branches,id',
+            'collection_type_id' => 'required|exists:collection_types,id',
+            'payment_method' => 'required|string',
+            'amount' => 'required|numeric|min:0',
+            'remarks' => 'nullable|string',
+            'items' => 'nullable|array',
+            'items.*.product_id' => 'required_with:items|exists:products,id',
+            'items.*.quantity' => 'required_with:items|integer|min:1',
+            'items.*.unit_price' => 'required_with:items|numeric|min:0',
+        ])->validate();
+
+        return DB::transaction(function () use ($validated) {
+            $count = Collection::count() + 1;
+            $transactionId = "COL-" . (1000 + $count);
+
+            $collection = Collection::create([
+                'date' => $validated['date'],
+                'branch_id' => $validated['branch_id'],
+                'collection_type_id' => $validated['collection_type_id'],
+                'payment_method' => $validated['payment_method'],
+                'amount' => $validated['amount'],
+                'remarks' => $validated['remarks'],
+                'transaction_id' => $transactionId
+            ]);
+
+            $type = CollectionType::find($validated['collection_type_id']);
+
+            if (isset($validated['items']) && !empty($validated['items'])) {
+                foreach ($validated['items'] as $item) {
+                    CollectionItem::create([
+                        'collection_id' => $collection->id,
+                        'product_id' => $item['product_id'],
+                        'quantity' => $item['quantity'],
+                        'unit_price' => $item['unit_price'],
+                        'subtotal' => $item['quantity'] * $item['unit_price']
+                    ]);
+
+                    // If it's a "Product sale" type, we should also track inventory
+                    // Checking if the type name is "Product sale"
+                    if (strtolower($type->name) === 'product sale' || strtolower($type->name) === 'product saled') {
+                        $product = Product::find($item['product_id']);
+                        $newStock = $product->current_stock - $item['quantity'];
+                        
+                        $status = 'In Stock';
+                        if ($newStock <= 0) $status = 'Out of Stock';
+                        else if ($newStock <= $product->reorder_level) $status = 'Low Stock';
+
+                        $product->update([
+                            'current_stock' => $newStock,
+                            'status' => $status
+                        ]);
+
+                        StockAdjustment::create([
+                            'product_id' => $product->id,
+                            'adjustment_qty' => -$item['quantity'],
+                            'new_stock' => $newStock,
+                            'adjustment_date' => $validated['date'],
+                            'reason' => 'Sale',
+                            'remarks' => "Collection #{$transactionId}"
+                        ]);
+                    }
+                }
+            }
+
+            // Record to Ledger
+            Account::create([
+                'date' => $validated['date'],
+                'time' => Carbon::parse($validated['date'])->isToday() ? Carbon::now()->toTimeString() : '00:00:00',
+                'credit' => $validated['amount'],
+                'debit' => 0,
+                'type' => 'income',
+                'branch_id' => $validated['branch_id'],
+                'accountable_id' => $collection->id,
+                'accountable_type' => Collection::class,
+                'description' => "Collection [{$type->name}] #{$transactionId}"
+            ]);
+
+            return response()->json($collection->load(['branch', 'type', 'items.product']), 201);
+        });
+    }
+
+    public function show($id)
+    {
+        $collection = Collection::with(['branch', 'type', 'items.product'])->findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $collection->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        return response()->json($collection);
+    }
+}
diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php
new file mode 100644
index 0000000..8677cd5
--- /dev/null
+++ b/app/Http/Controllers/Controller.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace App\Http\Controllers;
+
+abstract class Controller
+{
+    //
+}
diff --git a/app/Http/Controllers/ExpenseController.php b/app/Http/Controllers/ExpenseController.php
new file mode 100644
index 0000000..f0a0233
--- /dev/null
+++ b/app/Http/Controllers/ExpenseController.php
@@ -0,0 +1,134 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Expense;
+use App\Models\Account;
+use App\Models\ExpenseCategory;
+use App\Models\Branch;
+use Illuminate\Http\Request;
+use Carbon\Carbon;
+
+use Illuminate\Support\Facades\Auth;
+
+class ExpenseController extends Controller
+{
+    public function index(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $query = Expense::with(['branch', 'category']);
+        $branchId = $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        $startDate = $request->query('start_date');
+        $endDate = $request->query('end_date');
+
+        if ($branchId) {
+            $query->where('branch_id', $branchId);
+        }
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+
+        return response()->json($query->orderBy('date', 'desc')->get());
+    }
+
+    public function store(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $data = $request->all();
+        if ($user->isReceptionist()) {
+            $data['branch_id'] = $user->branch_id;
+        }
+
+        $validated = \Illuminate\Support\Facades\Validator::make($data, [
+            'date' => 'required|date',
+            'branch_id' => 'required|exists:branches,id',
+            'expense_category_id' => 'required|exists:expense_categories,id',
+            'expense_type' => 'required|string|in:Account,Petty Cash',
+            'amount' => 'required|numeric|min:0',
+            'remarks' => 'nullable|string'
+        ])->validate();
+
+        // Security check for branch_id if receptionist
+        if ($user->isReceptionist() && $validated['branch_id'] != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized branch assignment'], 403);
+        }
+
+        $expense = Expense::create($validated);
+
+        // Auto-ledgering: Debit from Accounts
+        Account::create([
+            'date' => $expense->date,
+            'time' => Carbon::now()->toTimeString(),
+            'credit' => 0,
+            'debit' => $expense->amount,
+            'type' => 'expense',
+            'branch_id' => $expense->branch_id,
+            'accountable_id' => $expense->id,
+            'accountable_type' => Expense::class,
+            'description' => "Expense: {$expense->category->name} - {$expense->remarks}"
+        ]);
+
+        return response()->json($expense->load(['branch', 'category']), 201);
+    }
+
+    public function getCategories()
+    {
+        return response()->json(ExpenseCategory::where('status', 'Active')->get());
+    }
+
+    public function getBranches()
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        $query = Branch::where('status', 'Active');
+        if ($user && $user->isReceptionist()) {
+            $query->where('id', $user->branch_id);
+        }
+        return response()->json($query->get());
+    }
+
+    public function getSalaryHistory(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $salaryCategory = ExpenseCategory::where('name', 'Salary')->first();
+        if (!$salaryCategory) return response()->json([]);
+
+        $query = Expense::with(['branch'])
+            ->where('expense_category_id', $salaryCategory->id);
+        
+        if ($user->isReceptionist()) {
+            $query->where('branch_id', $user->branch_id);
+        }
+        
+        $expenses = $query->orderBy('date', 'desc')->get();
+
+        // Group by batch_id
+        $grouped = $expenses->groupBy(function ($item) {
+            return $item->batch_id ?? 'INDIVIDUAL-' . $item->id;
+        })->map(function ($items, $batchId) {
+            $first = $items->first();
+            $isBulk = strpos($batchId, 'BATCH-') === 0;
+            
+            return [
+                'batch_id' => $isBulk ? $batchId : null,
+                'is_bulk' => $isBulk,
+                'date' => $first->date,
+                'branch' => $first->branch?->name ?? 'Mixed',
+                'amount' => $items->sum('amount'),
+                'remarks' => $isBulk ? "Bulk Salary Release" : $first->remarks,
+                'count' => $items->count(),
+                'items' => $items // Optional: for detail view
+            ];
+        })->values();
+
+        return response()->json($grouped);
+    }
+}
diff --git a/app/Http/Controllers/InventoryController.php b/app/Http/Controllers/InventoryController.php
new file mode 100644
index 0000000..0b263b9
--- /dev/null
+++ b/app/Http/Controllers/InventoryController.php
@@ -0,0 +1,304 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Product;
+use App\Models\StockAdjustment;
+use App\Models\ProductSale;
+use App\Models\ProductSaleItem;
+use App\Models\Account;
+use App\Models\Branch;
+use App\Models\ProductCategory;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Carbon\Carbon;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
+
+class InventoryController extends Controller
+{
+    public function getProducts(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $branchId = $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        $status = $request->query('status'); // In Stock, Low Stock, Out of Stock
+        
+        $query = Product::with(['branch', 'category']);
+        
+        if ($branchId) {
+            $query->where('branch_id', $branchId);
+        }
+        
+        if ($status) {
+            $query->where('status', $status);
+        }
+        
+        return response()->json($query->orderBy('name')->get());
+    }
+
+    public function storeProduct(Request $request)
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:255',
+            'sku' => 'nullable|string|unique:products,sku',
+            'product_category_id' => 'required|exists:product_categories,id',
+            'branch_id' => 'required|exists:branches,id',
+            'cost_price' => 'required|numeric|min:0',
+            'selling_price' => 'required|numeric|min:0',
+            'current_stock' => 'required|integer|min:0',
+            'reorder_level' => 'required|integer|min:0',
+        ]);
+
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $validated['branch_id'] != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized branch assignment'], 403);
+        }
+
+        $status = 'In Stock';
+        if ($validated['current_stock'] <= 0) $status = 'Out of Stock';
+        else if ($validated['current_stock'] <= $validated['reorder_level']) $status = 'Low Stock';
+
+        $product = Product::create(array_merge($validated, ['status' => $status]));
+
+        // Record Initial Stock Adjustment
+        StockAdjustment::create([
+            'product_id' => $product->id,
+            'adjustment_qty' => $product->current_stock,
+            'new_stock' => $product->current_stock,
+            'adjustment_date' => Carbon::now()->toDateString(),
+            'reason' => 'Initial',
+            'remarks' => 'System initialization'
+        ]);
+
+        return response()->json($product->load(['branch', 'category']), 201);
+    }
+
+    public function adjustStock(Request $request, $id)
+    {
+        $product = Product::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $product->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+
+        $validated = $request->validate([
+            'adjustment_qty' => 'required|integer', // Positive for add, negative for remove
+            'adjustment_date' => 'required|date',
+            'reason' => 'required|string',
+            'remarks' => 'nullable|string'
+        ]);
+
+        DB::transaction(function () use ($product, $validated) {
+            $newStock = $product->current_stock + $validated['adjustment_qty'];
+            
+            $status = 'In Stock';
+            if ($newStock <= 0) $status = 'Out of Stock';
+            else if ($newStock <= $product->reorder_level) $status = 'Low Stock';
+
+            $product->update([
+                'current_stock' => $newStock,
+                'status' => $status
+            ]);
+
+            StockAdjustment::create(array_merge($validated, [
+                'product_id' => $product->id,
+                'new_stock' => $newStock
+            ]));
+        });
+
+        return response()->json($product->fresh(['branch', 'category']));
+    }
+
+    public function getStockHistory($id)
+    {
+        $product = Product::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $product->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+
+        $history = StockAdjustment::where('product_id', $id)
+            ->orderBy('adjustment_date', 'desc')
+            ->orderBy('created_at', 'desc')
+            ->get();
+        return response()->json($history);
+    }
+
+    public function getSales(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        $branchId = $user && $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        $startDate = $request->query('start_date');
+        $endDate = $request->query('end_date');
+        
+        $query = ProductSale::with(['branch', 'items.product']);
+
+        if ($branchId) {
+            $query->where('branch_id', $branchId);
+        }
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+
+        return response()->json($query->orderBy('date', 'desc')->get());
+    }
+
+    public function storeSale(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $data = $request->all();
+        
+        if ($user->isReceptionist()) {
+            $data['branch_id'] = $user->branch_id;
+        }
+
+        $validated = \Illuminate\Support\Facades\Validator::make($data, [
+            'branch_id' => 'required|exists:branches,id',
+            'payment_method' => 'required|string',
+            'items' => 'required|array|min:1',
+            'items.*.product_id' => 'required|exists:products,id',
+            'items.*.quantity' => 'required|integer|min:1',
+            'items.*.unit_price' => 'nullable|numeric|min:0',
+            'items.*.price' => 'nullable|numeric|min:0',
+            'total_amount' => 'nullable|numeric|min:0',
+            'remarks' => 'nullable|string'
+        ])->validate();
+        
+        // Security check for branch_id if receptionist
+        if ($user->isReceptionist() && $validated['branch_id'] != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized branch assignment'], 403);
+        }
+
+        return DB::transaction(function () use ($validated) {
+            $subtotal = 0;
+            $items = $validated['items'];
+            foreach ($items as &$item) {
+                $price = $item['unit_price'] ?? $item['price'] ?? 0;
+                $item['final_price'] = $price;
+                $subtotal += $item['quantity'] * $price;
+            }
+
+            $vatPercentage = 0.05;
+            $vatAmount = round($subtotal * $vatPercentage, 2);
+            $totalWithVat = $subtotal + $vatAmount;
+
+            // If a manual total_amount was provided, we use it, otherwise use calculated total
+            $totalAmount = $validated['total_amount'] ?? $totalWithVat;
+
+            $count = ProductSale::count() + 1;
+            $transactionId = "COL-" . (1000 + $count);
+
+            $sale = ProductSale::create([
+                'transaction_id' => $transactionId,
+                'branch_id' => $validated['branch_id'],
+                'subtotal_amount' => $subtotal,
+                'vat_amount' => $vatAmount,
+                'total_amount' => $totalAmount,
+                'payment_method' => $validated['payment_method'],
+                'date' => Carbon::now()->toDateString(),
+                'remarks' => $validated['remarks'] ?? null
+            ]);
+
+            foreach ($items as $item) {
+                ProductSaleItem::create([
+                    'product_sale_id' => $sale->id,
+                    'product_id' => $item['product_id'],
+                    'quantity' => $item['quantity'],
+                    'unit_price' => $item['final_price'],
+                    'subtotal' => $item['quantity'] * $item['final_price']
+                ]);
+
+                // Update Stock
+                $product = Product::find($item['product_id']);
+                $newStock = $product->current_stock - $item['quantity'];
+                
+                $status = 'In Stock';
+                if ($newStock <= 0) $status = 'Out of Stock';
+                else if ($newStock <= $product->reorder_level) $status = 'Low Stock';
+
+                $product->update([
+                    'current_stock' => $newStock,
+                    'status' => $status
+                ]);
+
+                // Record Adjustment
+                StockAdjustment::create([
+                    'product_id' => $product->id,
+                    'adjustment_qty' => -$item['quantity'],
+                    'new_stock' => $newStock,
+                    'adjustment_date' => Carbon::now()->toDateString(),
+                    'reason' => 'Sale',
+                    'remarks' => "Sale #{$transactionId}"
+                ]);
+            }
+
+            // Record to Accounts (Credit)
+            Account::create([
+                'date' => Carbon::now()->toDateString(),
+                'time' => Carbon::now()->toTimeString(),
+                'credit' => $totalAmount,
+                'debit' => 0,
+                'type' => 'sale',
+                'branch_id' => $validated['branch_id'],
+                'accountable_id' => $sale->id,
+                'accountable_type' => ProductSale::class,
+                'description' => "Product Sale #{$transactionId}"
+            ]);
+
+            return response()->json($sale->load('items.product'), 201);
+        });
+    }
+
+    public function getCategories()
+    {
+        return response()->json(ProductCategory::where('status', 'Active')->get());
+    }
+
+    public function getAllMovements(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        $query = StockAdjustment::with(['product.branch']);
+
+        $branchId = $user && $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        $startDate = $request->query('start_date');
+        $endDate = $request->query('end_date');
+
+        if ($branchId) {
+            $query->whereHas('product', function($q) use ($branchId) {
+                $q->where('branch_id', $branchId);
+            });
+        }
+        if ($startDate) {
+            $query->where('adjustment_date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $query->where('adjustment_date', '<=', $endDate);
+        }
+
+        $movements = $query->orderBy('adjustment_date', 'desc')
+            ->orderBy('created_at', 'desc')
+            ->get()
+            ->map(function ($adj) {
+                return [
+                    'id' => $adj->id,
+                    'date' => $adj->adjustment_date,
+                    'product_name' => $adj->product->name,
+                    'sku' => $adj->product->sku,
+                    'branch' => $adj->product->branch->name,
+                    'reason' => $adj->reason,
+                    'change' => $adj->adjustment_qty,
+                    'new_stock' => $adj->new_stock,
+                    'remarks' => $adj->remarks
+                ];
+            });
+
+        return response()->json($movements);
+    }
+}
diff --git a/app/Http/Controllers/InvestorController.php b/app/Http/Controllers/InvestorController.php
new file mode 100644
index 0000000..c02875d
--- /dev/null
+++ b/app/Http/Controllers/InvestorController.php
@@ -0,0 +1,394 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\Investor;
+use App\Models\Account;
+use Carbon\Carbon;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Facades\Auth;
+
+class InvestorController extends Controller
+{
+    public function index()
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        $query = Investor::with('branches');
+        if ($user && $user->isReceptionist()) {
+            $query->where(function($q) use ($user) {
+                $q->where('applicable_to_all_branches', true)
+                  ->orWhereHas('branches', function($bq) use ($user) {
+                      $bq->where('branches.id', $user->branch_id);
+                  });
+            });
+        }
+        return response()->json($query->get());
+    }
+
+    public function store(Request $request)
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:255',
+            'investment_date' => 'required|date',
+            'investment_amount' => 'required|numeric',
+            'applicable_to_all_branches' => 'required|boolean',
+            'roi_type' => 'required|string|in:Percentage,Fixed Amount',
+            'roi_value' => 'nullable|numeric',
+            'roi_period' => 'nullable|string',
+            'branch_ids' => 'nullable|array',
+            'branch_ids.*' => 'exists:branches,id',
+            'security_proof_document' => 'nullable|file|mimes:pdf,png,jpg,jpeg|max:10240',
+        ]);
+
+        if ($request->hasFile('security_proof_document')) {
+            $path = $request->file('security_proof_document')->store('investor_docs', 'public');
+            $validated['security_proof_document'] = $path;
+        }
+
+        $investor = Investor::create($validated);
+
+        // Log to Accounts
+        Account::create([
+            'date' => Carbon::now()->toDateString(),
+            'time' => Carbon::now()->toTimeString(),
+            'branch_id' => $investor->applicable_to_all_branches ? null : $investor->branches->first()?->id,
+            'credit' => $investor->investment_amount,
+            'debit' => 0,
+            'type' => 'investor',
+            'accountable_id' => $investor->id,
+            'accountable_type' => Investor::class,
+            'description' => "Initial investment from {$investor->name}"
+        ]);
+
+        if (!$validated['applicable_to_all_branches'] && isset($validated['branch_ids'])) {
+            $investor->branches()->attach($validated['branch_ids']);
+        }
+
+        return response()->json($investor->load('branches'), 201);
+    }
+
+    public function show($id)
+    {
+        $investor = Investor::with('branches')->findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist()) {
+            $isLinked = $investor->applicable_to_all_branches || $investor->branches->contains($user->branch_id);
+            if (!$isLinked) {
+                return response()->json(['message' => 'Unauthorized'], 403);
+            }
+        }
+        return response()->json($investor);
+    }
+
+    public function update(Request $request, $id)
+    {
+        $investor = Investor::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist()) {
+            $isLinked = $investor->applicable_to_all_branches || $investor->branches->contains($user->branch_id);
+            if (!$isLinked) {
+                return response()->json(['message' => 'Unauthorized'], 403);
+            }
+        }
+
+        $validated = $request->validate([
+            'name' => 'required|string|max:255',
+            'investment_date' => 'required|date',
+            'investment_amount' => 'required|numeric',
+            'applicable_to_all_branches' => 'required|boolean',
+            'roi_type' => 'required|string|in:Percentage,Fixed Amount',
+            'roi_value' => 'nullable|numeric',
+            'roi_period' => 'nullable|string',
+            'branch_ids' => 'nullable|array',
+            'branch_ids.*' => 'exists:branches,id',
+            'security_proof_document' => 'nullable|file|mimes:pdf,png,jpg,jpeg|max:10240',
+        ]);
+
+        if ($request->hasFile('security_proof_document')) {
+            if ($investor->security_proof_document) {
+                Storage::disk('public')->delete($investor->security_proof_document);
+            }
+            $path = $request->file('security_proof_document')->store('investor_docs', 'public');
+            $validated['security_proof_document'] = $path;
+        }
+
+        $investor->update($validated);
+
+        if ($validated['applicable_to_all_branches']) {
+            $investor->branches()->detach();
+        } elseif (isset($validated['branch_ids'])) {
+            $investor->branches()->sync($validated['branch_ids']);
+        }
+
+        return response()->json($investor->load('branches'));
+    }
+
+    public function destroy($id)
+    {
+        $investor = Investor::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist()) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        
+        // Delete associated Account records (investments)
+        Account::where('accountable_id', $investor->id)
+               ->where('accountable_type', Investor::class)
+               ->delete();
+
+        // Also delete associated payouts and their account entries
+        $payouts = \App\Models\InvestorPayout::where('investor_id', $id)->get();
+        foreach ($payouts as $payout) {
+            Account::where('accountable_id', $payout->id)
+                   ->where('accountable_type', \App\Models\InvestorPayout::class)
+                   ->delete();
+            $payout->delete();
+        }
+
+        // Detach branches first to avoid foreign key issues
+        $investor->branches()->detach();
+
+        if ($investor->security_proof_document) {
+            Storage::disk('public')->delete($investor->security_proof_document);
+        }
+        $investor->delete();
+        return response()->json(['message' => 'Investor and associated financial records deleted successfully']);
+    }
+
+    public function getPayouts($id)
+    {
+        $investor = Investor::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist()) {
+            $isLinked = $investor->applicable_to_all_branches || $investor->branches->contains($user->branch_id);
+            if (!$isLinked) {
+                return response()->json(['message' => 'Unauthorized'], 403);
+            }
+        }
+        $payouts = \App\Models\InvestorPayout::where('investor_id', $id)->orderBy('payout_date', 'desc')->get();
+        return response()->json($payouts);
+    }
+
+    public function getROIPayoutStatus($id)
+    {
+        $investor = Investor::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist()) {
+            $isLinked = $investor->applicable_to_all_branches || $investor->branches->contains($user->branch_id);
+            if (!$isLinked) {
+                return response()->json(['message' => 'Unauthorized'], 403);
+            }
+        }
+        $investmentDate = Carbon::parse($investor->investment_date)->startOfMonth();
+        $currentMonth = Carbon::now()->startOfMonth();
+        
+        // Fetch all payouts for this investor
+        $payouts = \App\Models\InvestorPayout::where('investor_id', $id)->get();
+            
+        $status = [];
+        $tempMonth = $investmentDate->copy();
+        
+        $periodMonths = 1;
+        if ($investor->roi_period === 'Quarterly') $periodMonths = 3;
+        if ($investor->roi_period === 'Yearly') $periodMonths = 12;
+
+        $carryOver = 0;
+        $canSettleFound = false;
+
+        while ($tempMonth->lessThanOrEqualTo($currentMonth)) {
+            $monthKey = $tempMonth->format('F Y');
+            
+            $baseROI = round($investor->roi_type === 'Percentage' 
+                ? ($investor->investment_amount * ($investor->roi_value / 100))
+                : ($investor->roi_value ?? 0), 2);
+            
+            $targetAmount = $baseROI + $carryOver;
+            
+            // Check if there is a payout recorded for this specific month
+            $monthPayouts = $payouts->filter(function($p) use ($monthKey) {
+                return $p->payout_month === $monthKey;
+            });
+
+            if ($monthPayouts->isNotEmpty()) {
+                $paidForThisMonth = $monthPayouts->sum('amount');
+                $status[] = [
+                    'month' => $monthKey,
+                    'status' => 'Paid',
+                    'base_amount' => $baseROI,
+                    'carry_from_previous' => $carryOver,
+                    'target_amount' => $targetAmount,
+                    'paid' => $paidForThisMonth,
+                    'amount' => 0,
+                    'can_settle' => false
+                ];
+                // Carry forward the difference
+                $carryOver = round($targetAmount - $paidForThisMonth, 2);
+            } else {
+                $canSettle = false;
+                if (!$canSettleFound) {
+                    $canSettle = true;
+                    $canSettleFound = true;
+                }
+                
+                $status[] = [
+                    'month' => $monthKey,
+                    'status' => 'Pending',
+                    'base_amount' => $baseROI,
+                    'carry_from_previous' => $carryOver,
+                    'target_amount' => $targetAmount,
+                    'paid' => 0,
+                    'amount' => $targetAmount,
+                    'can_settle' => $canSettle
+                ];
+                // No carry over update here, it stays until this month is settled
+                // Actually, if we don't settle Jan, Feb's target should eventually include Jan's?
+                // The user says "Older months must be settled first", so we don't need to accumulate carry automatically
+                // across pending months, because you can't skip.
+            }
+            
+            $tempMonth->addMonths($periodMonths);
+        }
+
+        return response()->json(array_reverse($status));
+    }
+
+    public function settleROIPayout(Request $request, $id)
+    {
+        $investor = Investor::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist()) {
+            $isLinked = $investor->applicable_to_all_branches || $investor->branches->contains($user->branch_id);
+            if (!$isLinked) {
+                return response()->json(['message' => 'Unauthorized'], 403);
+            }
+        }
+        $validated = $request->validate([
+            'payout_month' => 'required|string',
+            'amount' => 'required|numeric',
+            'payout_date' => 'required|date',
+            'payment_method' => 'nullable|string',
+            'remarks' => 'nullable|string'
+        ]);
+
+        $payout = \App\Models\InvestorPayout::create(array_merge($validated, [
+            'investor_id' => $id,
+            'status' => 'Paid'
+        ]));
+
+        // Log to Accounts
+        Account::create([
+            'date' => $validated['payout_date'],
+            'time' => Carbon::now()->toTimeString(),
+            'branch_id' => $investor->applicable_to_all_branches ? null : $investor->branches->first()?->id,
+            'credit' => 0,
+            'debit' => $validated['amount'],
+            'type' => 'payout',
+            'accountable_id' => $payout->id,
+            'accountable_type' => \App\Models\InvestorPayout::class,
+            'description' => "ROI Payout for {$investor->name} - {$validated['payout_month']}"
+        ]);
+
+        // Log to Expenses
+        $roiCategory = \App\Models\ExpenseCategory::where('name', 'ROI Payout')->first();
+        \App\Models\Expense::create([
+            'date' => $validated['payout_date'],
+            'branch_id' => $investor->applicable_to_all_branches ? null : $investor->branches->first()?->id,
+            'expense_category_id' => $roiCategory ? $roiCategory->id : 1,
+            'expense_type' => 'Account',
+            'amount' => $validated['amount'],
+            'remarks' => "ROI Payout to {$investor->name} for {$validated['payout_month']}"
+        ]);
+
+        return response()->json(['message' => 'ROI settled successfully', 'payout' => $payout]);
+    }
+
+    public function getAllPendingROIs(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        $branchId = $user && $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        
+        $query = Investor::with('branches');
+        
+        if ($branchId) {
+            $query->where(function($q) use ($branchId) {
+                $q->where('applicable_to_all_branches', true)
+                  ->orWhereHas('branches', function($bq) use ($branchId) {
+                      $bq->where('branches.id', $branchId);
+                  });
+            });
+        }
+        
+        $investors = $query->get();
+        $pending = [];
+        $currentMonth = Carbon::now()->startOfMonth();
+
+        foreach ($investors as $investor) {
+            $investmentDate = Carbon::parse($investor->investment_date)->startOfMonth();
+            $payouts = \App\Models\InvestorPayout::where('investor_id', $investor->id)->get();
+            $tempMonth = $investmentDate->copy();
+            
+            $periodMonths = 1;
+            if ($investor->roi_period === 'Quarterly') $periodMonths = 3;
+            if ($investor->roi_period === 'Yearly') $periodMonths = 12;
+
+            $investorPendingMonths = [];
+            $carryOver = 0;
+
+            while ($tempMonth->lessThanOrEqualTo($currentMonth)) {
+                $monthKey = $tempMonth->format('F Y');
+                $baseROI = round($investor->roi_type === 'Percentage'
+                    ? ($investor->investment_amount * ($investor->roi_value / 100))
+                    : ($investor->roi_value ?? 0), 2);
+                
+                $targetAmount = $baseROI + $carryOver;
+
+                $monthPayouts = $payouts->filter(function($p) use ($monthKey) {
+                    return $p->payout_month === $monthKey;
+                });
+
+                if ($monthPayouts->isNotEmpty()) {
+                    $paidForThisMonth = $monthPayouts->sum('amount');
+                    $carryOver = round($targetAmount - $paidForThisMonth, 2);
+                } else {
+                    $investorPendingMonths[] = [
+                        'payout_month' => $monthKey,
+                        'base_amount' => $baseROI,
+                        'carry_from_previous' => $carryOver,
+                        'amount' => $targetAmount
+                    ];
+                    // If a month is missing, we stop accumulating carry for the global view 
+                    // until that month is settled, to avoid confusing numbers.
+                    // Or should we? Let's stay consistent with getROIPayoutStatus.
+                    $carryOver = 0; 
+                }
+                $tempMonth->addMonths($periodMonths);
+            }
+
+            if (!empty($investorPendingMonths)) {
+                $totalPending = array_sum(array_column($investorPendingMonths, 'amount'));
+                
+                $pending[] = [
+                    'investor_id' => $investor->id,
+                    'investor_name' => $investor->name,
+                    'investment_amount' => $investor->investment_amount,
+                    'roi_percentage' => $investor->roi_value,
+                    'roi_type' => $investor->roi_type,
+                    'roi_period' => $investor->roi_period,
+                    'pending_count' => count($investorPendingMonths),
+                    'total_pending' => $totalPending,
+                    'pending_months' => $investorPendingMonths
+                ];
+            }
+        }
+
+        return response()->json($pending);
+    }
+
+    public function storePayout(Request $request, $id)
+    {
+        // ... (keep existing storePayout or just use settleROI if we want unity)
+        // I'll keep it for now but settleROI is more complete with accounts/expenses
+        return $this->settleROIPayout($request, $id);
+    }
+}
diff --git a/app/Http/Controllers/MasterController.php b/app/Http/Controllers/MasterController.php
new file mode 100644
index 0000000..a8a9e25
--- /dev/null
+++ b/app/Http/Controllers/MasterController.php
@@ -0,0 +1,79 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\CollectionType;
+use App\Models\ExpenseCategory;
+use App\Models\ProductCategory;
+use App\Models\PaymentMethod;
+use Illuminate\Support\Facades\Log;
+
+class MasterController extends Controller
+{
+    private function getModel($type)
+    {
+        switch ($type) {
+            case 'collection': return new CollectionType();
+            case 'expense': return new ExpenseCategory();
+            case 'product': return new ProductCategory();
+            case 'payment_method': return new PaymentMethod();
+            default: return null;
+        }
+    }
+
+    public function index($type)
+    {
+        $model = $this->getModel($type);
+        if (!$model) return response()->json(['message' => 'Invalid master type'], 400);
+        return response()->json($model::all());
+    }
+
+    public function store(Request $request, $type)
+    {
+        $model = $this->getModel($type);
+        if (!$model) return response()->json(['message' => 'Invalid master type'], 400);
+
+        $validated = $request->validate([
+            'name' => 'required|string|max:255',
+            'status' => 'required|string|in:Active,Inactive'
+        ]);
+
+        $item = $model::create($validated);
+        return response()->json($item, 201);
+    }
+
+    public function update(Request $request, $type, $id)
+    {
+        $model = $this->getModel($type);
+        if (!$model) return response()->json(['message' => 'Invalid master type'], 400);
+
+        $item = $model::findOrFail($id);
+
+        $validated = $request->validate([
+            'name' => 'required|string|max:255',
+            'status' => 'required|string|in:Active,Inactive'
+        ]);
+
+        $item->update($validated);
+        return response()->json($item);
+    }
+
+    public function destroy($type, $id)
+    {
+        $model = $this->getModel($type);
+        if (!$model) return response()->json(['message' => 'Invalid master type'], 400);
+
+        $item = $model::findOrFail($id);
+
+        if ($type === 'collection' && (
+            strtolower($item->name) === 'product sale' || 
+            strtolower($item->name) === 'product saled'
+        )) {
+            return response()->json(['message' => 'System required item cannot be deleted'], 422);
+        }
+
+        $item->delete();
+        return response()->json(['message' => 'Deleted successfully']);
+    }
+}
diff --git a/app/Http/Controllers/OwnerController.php b/app/Http/Controllers/OwnerController.php
new file mode 100644
index 0000000..f6dd0b2
--- /dev/null
+++ b/app/Http/Controllers/OwnerController.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class OwnerController extends Controller
+{
+    public function index()
+    {
+        return view('welcome'); // Since we're using React, we'll use welcome as the entry point
+    }
+}
diff --git a/app/Http/Controllers/ReportController.php b/app/Http/Controllers/ReportController.php
new file mode 100644
index 0000000..2c86483
--- /dev/null
+++ b/app/Http/Controllers/ReportController.php
@@ -0,0 +1,294 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Account;
+use App\Models\Expense;
+use App\Models\Staff;
+use App\Models\Branch;
+use App\Models\BranchDocument;
+use Illuminate\Http\Request;
+use Carbon\Carbon;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Auth;
+
+class ReportController extends Controller
+{
+    public function getProfitReport(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+        
+        $branchId = $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        $startDate = $request->query('start_date');
+        $endDate = $request->query('end_date');
+
+        $query = Account::with('accountable');
+        if ($branchId) {
+            $query->where('branch_id', $branchId);
+        }
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+
+        $totalCredits = $query->sum('credit');
+        $totalDebits = (clone $query)->sum('debit');
+        
+        // Note: We use Account table for both to ensure consistency with the "Total Received" and "Total Debited" requirement.
+        // If Expenses are also tracked in Accounts as debits (which they should be), this is correct.
+        // Fetch Transactions for the breakdown
+        $accounts = Account::select('date', 'credit as amount', 'type', 'description')
+            ->where('credit', '>', 0);
+            
+        if ($branchId) {
+            $accounts->where('branch_id', $branchId);
+        }
+        if ($startDate) {
+            $accounts->where('date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $accounts->where('date', '<=', $endDate);
+        }
+
+        $accounts = $accounts->get()
+            ->map(function($a) {
+                $isAdjusted = false;
+                $originalAmount = $a->amount;
+                $remarks = '';
+
+                if ($a->accountable_type === \App\Models\ProductSale::class && $a->accountable) {
+                    $originalAmount = $a->accountable->subtotal_amount + $a->accountable->vat_amount;
+                    $isAdjusted = abs($a->amount - $originalAmount) > 0.01;
+                    $remarks = $a->accountable->remarks;
+                } elseif ($a->accountable_type === \App\Models\Collection::class && $a->accountable) {
+                    $originalAmount = $a->accountable->items()->sum('subtotal');
+                    $isAdjusted = $originalAmount > 0 && abs($a->amount - $originalAmount) > 0.01;
+                    $remarks = $a->accountable->remarks;
+                }
+
+                return [
+                    'date' => $a->date,
+                    'type' => 'Income',
+                    'category' => $a->type,
+                    'description' => $a->description,
+                    'amount' => $a->amount,
+                    'branch' => 'N/A',
+                    'is_adjusted' => $isAdjusted,
+                    'original_amount' => $originalAmount,
+                    'remarks' => $remarks
+                ];
+            });
+
+        $expensesQuery = Expense::with('category', 'branch');
+        if ($branchId) {
+            $expensesQuery->where('branch_id', $branchId);
+        }
+        if ($startDate) {
+            $expensesQuery->where('date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $expensesQuery->where('date', '<=', $endDate);
+        }
+
+        $expenses = $expensesQuery->get()->map(function($e) {
+            return [
+                'date' => $e->date,
+                'type' => 'Expense',
+                'category' => $e->category->name ?? 'Other',
+                'description' => $e->remarks,
+                'amount' => $e->amount,
+                'branch' => $e->branch->name ?? 'Global'
+            ];
+        });
+
+        $transactions = $accounts->concat($expenses)->sortByDesc('date')->values();
+        
+        $lowStockCount = \App\Models\Product::query();
+        if ($branchId) {
+            $lowStockCount->where('branch_id', $branchId);
+        }
+        $lowStockCount = $lowStockCount->whereRaw('current_stock <= reorder_level')->count();
+
+        return response()->json([
+            'total_income' => $totalCredits,
+            'total_expense' => $totalDebits,
+            'net_profit' => $totalCredits - $totalDebits,
+            'low_stock_count' => $lowStockCount,
+            'transactions' => $transactions
+        ]);
+    }
+
+    public function getExpiryReminders(Request $request)
+    {
+        $today = Carbon::today();
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $branchId = $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        
+        $staffDocsQuery = \App\Models\StaffDocument::with('staff.branch')
+            ->whereNotNull('expiry_date');
+        
+        if ($branchId) {
+            $staffDocsQuery->whereHas('staff', function($q) use ($branchId) {
+                $q->where('branch_id', $branchId);
+            });
+        }
+
+        $staffDocs = $staffDocsQuery->get()
+            ->filter(function($doc) use ($today) {
+                $expiryDate = Carbon::parse($doc->expiry_date)->startOfDay();
+                $reminderDays = (int)($doc->reminder_days ?? 30);
+                return $today->startOfDay()->greaterThanOrEqualTo($expiryDate->copy()->subDays($reminderDays));
+            })
+            ->map(function($doc) use ($today) {
+                $expiryDate = Carbon::parse($doc->expiry_date);
+                $reminderDays = (int)($doc->reminder_days ?? 30);
+                $reminderStartedOn = $expiryDate->copy()->subDays($reminderDays);
+
+                return [
+                    'type' => 'Staff',
+                    'entity_name' => $doc->staff->full_name ?? 'N/A',
+                    'branch_name' => $doc->staff->branch->name ?? 'Global',
+                    'document_name' => $doc->name,
+                    'document_number' => $doc->document_number,
+                    'reminder_started_on' => $reminderStartedOn->format('d/m/Y'),
+                    'expiry_date' => $doc->expiry_date,
+                    'days_left' => (int)$today->diffInDays($expiryDate, false)
+                ];
+            });
+
+        // Branch Document Reminders
+        $branchDocsQuery = BranchDocument::with('branch')
+            ->whereNotNull('expiry_date');
+
+        if ($branchId) {
+            $branchDocsQuery->where('branch_id', $branchId);
+        }
+
+        $branchReminders = $branchDocsQuery->get()
+            ->filter(function($doc) use ($today) {
+                $expiryDate = Carbon::parse($doc->expiry_date);
+                $reminderDays = (int)($doc->reminder_days ?? 30);
+                return $today->greaterThanOrEqualTo($expiryDate->copy()->subDays($reminderDays));
+            })
+            ->map(function($doc) use ($today) {
+                $expiryDate = Carbon::parse($doc->expiry_date);
+                $reminderDays = (int)($doc->reminder_days ?? 30);
+                $reminderStartedOn = $expiryDate->copy()->subDays($reminderDays);
+
+                return [
+                    'type' => 'Branch',
+                    'entity_name' => $doc->branch->name ?? 'N/A',
+                    'branch_name' => $doc->branch->name ?? 'Global',
+                    'document_name' => $doc->name,
+                    'document_number' => $doc->document_number,
+                    'reminder_started_on' => $reminderStartedOn->format('d/m/Y'),
+                    'expiry_date' => $doc->expiry_date,
+                    'days_left' => (int)$today->diffInDays($expiryDate, false)
+                ];
+            });
+
+        return response()->json([
+            'reminders' => $staffDocs->concat($branchReminders)->values()
+        ]);
+    }
+
+    public function getInvestmentReport(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if (!$user) return response()->json(['message' => 'Unauthenticated'], 401);
+
+        $branchId = $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        $startDate = $request->query('start_date');
+        $endDate = $request->query('end_date');
+        
+        $query = \App\Models\Investor::with('branches');
+        
+        if ($branchId) {
+            $query->where(function($q) use ($branchId) {
+                $q->where('applicable_to_all_branches', true)
+                  ->orWhereHas('branches', function($bq) use ($branchId) {
+                      $bq->where('branches.id', $branchId);
+                  });
+            });
+        }
+        
+        if ($startDate) {
+            $query->where('investment_date', '>=', $startDate);
+        }
+        if ($endDate) {
+            $query->where('investment_date', '<=', $endDate);
+        }
+        
+        $investors = $query->get();
+        $reportData = [];
+        $currentMonth = Carbon::now()->startOfMonth();
+
+        $totalInvested = 0;
+        $totalROIReturned = 0;
+
+        foreach ($investors as $investor) {
+            $investmentDate = Carbon::parse($investor->investment_date)->startOfMonth();
+            
+            // Get all actual payouts made to this investor
+            $totalPaid = \App\Models\InvestorPayout::where('investor_id', $investor->id)->sum('amount');
+            $returnsEarned = $totalPaid;
+                
+            $tempMonth = $investmentDate->copy();
+            $periodMonths = 1;
+            if ($investor->roi_period === 'Quarterly') $periodMonths = 3;
+            if ($investor->roi_period === 'Yearly') $periodMonths = 12;
+
+            $totalPending = 0;
+            $carryOver = 0;
+            
+            // Calculate how much should have been paid up to now
+            while ($tempMonth->lessThan($currentMonth)) {
+                $monthKey = $tempMonth->format('F Y');
+                
+                $baseAmount = round($investor->roi_type === 'Percentage'
+                    ? ($investor->investment_amount * ($investor->roi_value / 100))
+                    : ($investor->roi_value ?? 0), 2);
+                    
+                $expected = $baseAmount + $carryOver;
+
+                if ($totalPaid >= $expected && $expected > 0) {
+                    $totalPaid -= $expected;
+                    $carryOver = 0;
+                } else {
+                    $paidTowardsThis = $totalPaid;
+                    $remains = $expected - $paidTowardsThis;
+                    $totalPaid = 0;
+                    $carryOver = $remains;
+                }
+                $tempMonth->addMonths($periodMonths);
+            }
+
+            $totalPending = $carryOver; // The leftover carryover is the net pending amount
+            $totalInvested += $investor->investment_amount;
+            $totalROIReturned += $returnsEarned;
+
+            $reportData[] = [
+                'investor_id' => $investor->id,
+                'investor_name' => $investor->name,
+                'investment_date' => $investor->investment_date,
+                'investment_amount' => $investor->investment_amount,
+                'roi_type' => $investor->roi_type,
+                'roi_value' => $investor->roi_value,
+                'roi_period' => $investor->roi_period,
+                'returns_earned' => $returnsEarned,
+                'total_pending' => $totalPending
+            ];
+        }
+
+        return response()->json([
+            'total_invested' => $totalInvested,
+            'total_roi_returned' => $totalROIReturned,
+            'investors' => $reportData
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/StaffController.php b/app/Http/Controllers/StaffController.php
new file mode 100644
index 0000000..5dc5469
--- /dev/null
+++ b/app/Http/Controllers/StaffController.php
@@ -0,0 +1,827 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\Staff;
+use App\Models\TrainerCommission;
+use App\Models\SalaryAdvanceDeduction;
+use Illuminate\Support\Facades\Log;
+use Carbon\Carbon;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Facades\Auth;
+
+class StaffController extends Controller
+{
+    public function index(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        $query = Staff::with(['branch', 'documents']);
+        
+        if ($user && $user->isReceptionist()) {
+            $query->where('branch_id', $user->branch_id);
+        } else if ($branchId = $request->query('branch_id')) {
+            $query->where('branch_id', $branchId);
+        }
+
+        return response()->json($query->get());
+    }
+
+    public function show($id)
+    {
+        $staff = Staff::with(['branch', 'documents'])->findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        return response()->json($staff);
+    }
+
+    public function store(Request $request)
+    {
+        Log::info('Creating standalone staff record', $request->all());
+
+        $validated = $request->validate([
+            'full_name' => 'required|string|max:255',
+            'email' => 'required|string|email|max:255|unique:staff,email',
+            'phone' => ['required', 'string', 'max:20', 'regex:/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/'],
+            'role' => 'required|string',
+            'branch_id' => 'required|exists:branches,id',
+            'joining_date' => 'required|date',
+            'status' => 'required|string',
+            'salary_type' => 'required|string',
+            'salary_amount' => 'required|numeric',
+            'advance_enabled' => 'nullable|boolean',
+            'advance_amount' => 'nullable|numeric',
+            'advance_repayment_mode' => 'nullable|string',
+            'advance_months' => 'nullable|integer',
+            'commission_enabled' => 'nullable|boolean',
+            'commission_amount' => 'nullable|numeric',
+            'commission_member_count' => 'nullable|integer',
+            'emirates_id' => 'nullable|string|max:255',
+            'emirates_id_expiry' => 'nullable|date',
+            'family_member_name' => 'nullable|string|max:255',
+            'family_member_relation' => 'nullable|string|max:255',
+            'family_member_contact' => ['nullable', 'string', 'max:255', 'regex:/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/'],
+            'salary_reminder_enabled' => 'nullable|boolean',
+            'document_expiry_enabled' => 'nullable|boolean',
+            'family_members' => 'nullable|array',
+            'family_members.*.name' => 'required|string|max:255',
+            'family_members.*.relation' => 'required|string|max:255',
+            'family_members.*.contact' => ['required', 'string', 'max:255', 'regex:/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/'],
+            'documents' => 'nullable|array',
+            'documents.*.name' => 'required|string|max:255',
+            'documents.*.document_number' => 'nullable|string|max:255',
+            'documents.*.expiry_date' => 'nullable|date',
+            'documents.*.reminder_days' => 'nullable|integer',
+        ]);
+
+        // Branch Start Date Validation - REMOVED AS PER USER REQUEST
+        /*
+        $branch = \App\Models\Branch::find($validated['branch_id']);
+        if ($branch && $validated['joining_date'] < $branch->operational_start_date) {
+            return response()->json([
+                'errors' => ['joining_date' => ["Joining date cannot be before branch start date ({$branch->operational_start_date})"]]
+            ], 422);
+        }
+        */
+
+        if (empty($validated['staff_id_code'])) {
+            $role = strtoupper($validated['role'] ?? 'STAFF');
+            $count = Staff::count() + 1;
+            $validated['staff_id_code'] = "USR-{$role}-" . str_pad($count, 3, '0', STR_PAD_LEFT);
+        }
+
+        $status = $validated['status'] ?? 'Active';
+        $validated['status'] = $status;
+
+        $staff = Staff::create($validated);
+
+        // Handle Salary Advance Deductions
+        if ($staff->advance_enabled) {
+            if ($staff->advance_repayment_mode === 'Divide by Months') {
+                $months = $staff->advance_months ?: 1;
+                $monthlyDeduction = $staff->advance_amount / $months;
+                
+                SalaryAdvanceDeduction::create([
+                    'staff_id' => $staff->id,
+                    'advance_amount' => $staff->advance_amount,
+                    'total_months' => $months,
+                    'monthly_deduction' => $monthlyDeduction,
+                    'remaining_amount' => $staff->advance_amount,
+                    'paid_amount' => 0,
+                    'status' => 'Pending'
+                ]);
+            }
+
+            // Record immediate account debit and expense for the advance
+            $this->recordFinancialsForAdvance($staff, $staff->advance_amount);
+        }
+
+        // Handle Documents
+        if ($request->has('documents')) {
+            foreach ($request->input('documents') as $index => $doc) {
+                $path = null;
+                if ($request->hasFile("documents.{$index}.file")) {
+                    $path = $request->file("documents.{$index}.file")->store('staff_documents', 'public');
+                }
+
+                $staff->documents()->create([
+                    'name' => $doc['name'],
+                    'document_number' => $doc['document_number'] ?? null,
+                    'expiry_date' => $doc['expiry_date'] ?? null,
+                    'reminder_days' => $doc['reminder_days'] ?? 30,
+                    'path' => $path,
+                ]);
+            }
+        }
+
+        return response()->json(['message' => 'Staff created successfully', 'staff' => $staff], 201);
+    }
+
+    public function update(Request $request, $id)
+    {
+        $staff = Staff::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        
+        Log::info('Updating standalone staff record', $request->all());
+
+        $validated = $request->validate([
+            'full_name' => 'nullable|string|max:255',
+            'email' => 'nullable|string|max:255',
+            'phone' => ['nullable', 'string', 'max:20', 'regex:/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/'],
+            'designation' => 'nullable|string|max:255',
+            'role' => 'nullable|string',
+            'branch_id' => 'nullable|exists:branches,id',
+            'joining_date' => 'nullable|date',
+            'status' => 'nullable|string',
+            'salary_type' => 'nullable|string',
+            'salary_amount' => 'nullable|numeric',
+            'salary_cycle' => 'nullable|string',
+            'advance_enabled' => 'nullable|boolean',
+            'advance_amount' => 'nullable|numeric',
+            'advance_repayment_mode' => 'nullable|string',
+            'advance_months' => 'nullable|integer',
+            'commission_enabled' => 'nullable|boolean',
+            'commission_amount' => 'nullable|numeric',
+            'commission_member_count' => 'nullable|integer',
+            'apply_from' => 'nullable|string',
+            'emirates_id' => 'nullable|string|max:255',
+            'emirates_id_expiry' => 'nullable|date',
+            'family_member_name' => 'nullable|string|max:255',
+            'family_member_relation' => 'nullable|string|max:255',
+            'family_member_contact' => ['nullable', 'string', 'max:255', 'regex:/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/'],
+            'salary_reminder_enabled' => 'nullable|boolean',
+            'document_expiry_enabled' => 'nullable|boolean',
+            'family_members' => 'nullable|array',
+            'family_members.*.name' => 'required|string|max:255',
+            'family_members.*.relation' => 'required|string|max:255',
+            'family_members.*.contact' => ['required', 'string', 'max:255', 'regex:/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/'],
+            'documents' => 'nullable|array',
+            'documents.*.id' => 'nullable|exists:staff_documents,id',
+            'documents.*.name' => 'required|string|max:255',
+            'documents.*.document_number' => 'nullable|string|max:255',
+            'documents.*.expiry_date' => 'nullable|date',
+            'documents.*.reminder_days' => 'nullable|integer',
+        ]);
+
+        $status = $validated['status'] ?? 'Active';
+        $validated['status'] = $status;
+
+        $staff->update($validated);
+
+        // Handle Documents Update
+        if ($request->has('documents')) {
+            $existingDocIds = [];
+            foreach ($request->input('documents') as $index => $doc) {
+                $path = null;
+                if ($request->hasFile("documents.{$index}.file")) {
+                    $path = $request->file("documents.{$index}.file")->store('staff_documents', 'public');
+                }
+
+                if (isset($doc['id'])) {
+                    $staffDoc = \App\Models\StaffDocument::find($doc['id']);
+                    if ($staffDoc && $staffDoc->staff_id == $staff->id) {
+                        $updateData = [
+                            'name' => $doc['name'],
+                            'document_number' => $doc['document_number'] ?? null,
+                            'expiry_date' => $doc['expiry_date'] ?? null,
+                            'reminder_days' => $doc['reminder_days'] ?? 30,
+                        ];
+                        if ($path) $updateData['path'] = $path;
+                        $staffDoc->update($updateData);
+                        $existingDocIds[] = $staffDoc->id;
+                    }
+                } else {
+                    $newDoc = $staff->documents()->create([
+                        'name' => $doc['name'],
+                        'document_number' => $doc['document_number'] ?? null,
+                        'expiry_date' => $doc['expiry_date'] ?? null,
+                        'reminder_days' => $doc['reminder_days'] ?? 30,
+                        'path' => $path,
+                    ]);
+                    $existingDocIds[] = $newDoc->id;
+                }
+            }
+            // Delete removed documents
+            $staff->documents()->whereNotIn('id', $existingDocIds)->get()->each(function($doc) {
+                if ($doc->path) Storage::disk('public')->delete($doc->path);
+                $doc->delete();
+            });
+        }
+
+        // Handle Salary Advance Deductions
+        if ($staff->advance_enabled) {
+            // Only record financials if advance amount has increased
+            if ($request->has('advance_amount')) {
+                $oldAdvance = $staff->getOriginal('advance_amount') ?: 0;
+                $newAdvance = $staff->advance_amount;
+
+                if ($newAdvance > $oldAdvance) {
+                    $additionalAmount = $newAdvance - $oldAdvance;
+                    $this->recordFinancialsForAdvance($staff, $additionalAmount);
+                }
+            }
+
+            if ($staff->advance_repayment_mode === 'Divide by Months') {
+                $existing = SalaryAdvanceDeduction::where('staff_id', $staff->id)->where('status', 'Pending')->first();
+                $months = $staff->advance_months ?: 1;
+                $monthlyDeduction = $staff->advance_amount / $months;
+
+                if ($existing) {
+                    $existing->update([
+                        'advance_amount' => $staff->advance_amount,
+                        'total_months' => $months,
+                        'monthly_deduction' => $monthlyDeduction,
+                        'remaining_amount' => $staff->advance_amount,
+                    ]);
+                } else {
+                    SalaryAdvanceDeduction::create([
+                        'staff_id' => $staff->id,
+                        'advance_amount' => $staff->advance_amount,
+                        'total_months' => $months,
+                        'monthly_deduction' => $monthlyDeduction,
+                        'remaining_amount' => $staff->advance_amount,
+                        'paid_amount' => 0,
+                        'status' => 'Pending'
+                    ]);
+                }
+            }
+        } else {
+            // If advance was enabled but now disabled, mark active deduction as Closed
+            if ($staff->getOriginal('advance_enabled')) {
+                SalaryAdvanceDeduction::where('staff_id', $staff->id)
+                    ->where('status', 'Pending')
+                    ->update(['status' => 'Closed']);
+            }
+        }
+
+        // Handle Trainer Commission History
+        if ($staff->commission_enabled && $request->has('commission_member_count')) {
+            $effectiveMonth = $request->input('apply_from') === 'next_month' 
+                ? Carbon::now()->addMonth()->format('Y-m') 
+                : Carbon::now()->format('Y-m');
+
+            TrainerCommission::updateOrCreate(
+                [
+                    'staff_id' => $staff->id,
+                    'effective_month' => $effectiveMonth
+                ],
+                [
+                    'member_count' => $request->input('commission_member_count'),
+                    'amount_per_head' => $request->input('commission_amount'),
+                    'total_amount' => $request->input('commission_member_count') * $request->input('commission_amount')
+                ]
+            );
+        }
+
+        return response()->json(['message' => 'Staff updated successfully', 'staff' => $staff]);
+    }
+
+    public function destroy($id)
+    {
+        $staff = Staff::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        $staff->delete();
+        
+        return response()->json(['message' => 'Staff deleted successfully']);
+    }
+
+    public function getPayments($id)
+    {
+        $staff = Staff::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        $payments = \App\Models\StaffPayment::where('staff_id', $id)->orderBy('payment_date', 'desc')->get();
+        return response()->json($payments);
+    }
+
+    public function storePayment(Request $request, $id)
+    {
+        $staff = Staff::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        
+        $validated = $request->validate([
+            'amount' => 'required|numeric',
+            'payment_date' => 'required|date',
+            'payment_type' => 'required|string',
+            'status' => 'required|string',
+            'remarks' => 'nullable|string'
+        ]);
+
+        $payment = \App\Models\StaffPayment::create(array_merge($validated, ['staff_id' => $id]));
+
+        // Log to Accounts as Debit
+        \App\Models\Account::create([
+            'date' => $validated['payment_date'],
+            'time' => \Carbon\Carbon::now()->toTimeString(),
+            'credit' => 0,
+            'debit' => $validated['amount'],
+            'type' => 'salary',
+            'accountable_id' => $payment->id,
+            'accountable_type' => \App\Models\StaffPayment::class,
+            'description' => "{$validated['payment_type']} for {$staff->full_name}"
+        ]);
+
+        return response()->json($payment, 201);
+    }
+
+    public function getSettlementDetails(Request $request, $id)
+    {
+        $staff = Staff::with('branch')->findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        $targetMonthKey = $request->query('month');
+        $branch = $staff->branch;
+        
+        if ($targetMonthKey) {
+            $nextSettlementMonth = Carbon::parse($targetMonthKey . '-01');
+            
+            // Verify if already paid
+            $existing = \App\Models\StaffPayment::where('staff_id', $id)
+                ->where('payment_type', 'Salary Settlement')
+                ->where('settlement_month', $targetMonthKey)
+                ->first();
+                
+            if ($existing) {
+                return response()->json([
+                    'can_settle' => false,
+                    'message' => "Salary for {$nextSettlementMonth->format('F Y')} is already settled.",
+                ]);
+            }
+        } else {
+            // Find the next unpaid month logically
+            $lastPayment = \App\Models\StaffPayment::where('staff_id', $id)
+                ->where('payment_type', 'Salary Settlement')
+                ->orderBy('settlement_month', 'desc')
+                ->first();
+
+            $joiningDate = Carbon::parse($staff->joining_date);
+            $currentMonth = Carbon::now()->startOfMonth();
+
+            if ($lastPayment) {
+                $nextSettlementMonth = Carbon::parse($lastPayment->settlement_month . '-01')->addMonth();
+            } else {
+                $nextSettlementMonth = $joiningDate->copy()->startOfMonth();
+            }
+
+            // Only allow settlement if the generation date for the month has arrived
+            $genDay = $branch->salary_generation_day ?? 2;
+            $generationDate = $nextSettlementMonth->copy()->addMonth()->day(min($genDay, $nextSettlementMonth->copy()->addMonth()->daysInMonth));
+            
+            if (Carbon::now()->lessThan($generationDate)) {
+                return response()->json([
+                    'can_settle' => false,
+                    'message' => "Salary for {$nextSettlementMonth->format('F Y')} will be available for settlement on " . $generationDate->format('jS F Y'),
+                ]);
+            }
+        }
+        
+        // Calculate Cycle and Pro-rata
+        $monthKey = $nextSettlementMonth->format('Y-m');
+        [$start, $end] = $this->getSalaryCycleRange($monthKey, $branch);
+        
+        $baseSalary = $staff->salary_amount ?: 0;
+        $proratedBase = $this->calculateProRatedSalary($baseSalary, $start, $end, $staff->joining_date);
+        
+        $commissionCount = $staff->commission_member_count ?: 0;
+        $commissionAmount = $staff->commission_amount ?: 0;
+        $totalCommission = $commissionCount * $commissionAmount;
+        
+        // Commission pro-rata logic (optional? User didn't specify, but usually commission is per head so no pro-rata)
+        
+        $advanceDeduction = 0;
+        $remainingAdvance = 0;
+        
+        // Find any pending deduction regardless of staff->advance_enabled
+        // This ensures repayments continue even if the feature toggle is flipped
+        $deduction = SalaryAdvanceDeduction::where('staff_id', $id)
+            ->where('status', 'Pending')
+            ->first();
+
+        if ($deduction) {
+            if ($staff->advance_repayment_mode === 'Full Next Month') {
+                $advanceDeduction = $deduction->remaining_amount;
+                $remainingAdvance = 0;
+            } else {
+                $advanceDeduction = min($deduction->monthly_deduction, $deduction->remaining_amount);
+                $remainingAdvance = $deduction->remaining_amount - $advanceDeduction;
+            }
+        }
+        
+        $netPayable = $proratedBase + $totalCommission - $advanceDeduction;
+        
+        return response()->json([
+            'can_settle' => true,
+            'staff_name' => $staff->full_name,
+            'period' => $nextSettlementMonth->format('F Y'),
+            'settlement_month' => $monthKey,
+            'cycle_range' => $start->format('j M') . ' - ' . $end->format('j M Y'),
+            'base_salary' => $baseSalary,
+            'prorated_base' => round($proratedBase, 2),
+            'is_prorated' => round($proratedBase, 2) < round($baseSalary, 2),
+            'salary_type' => $staff->salary_type,
+            'commission_count' => $commissionCount,
+            'commission_amount' => $commissionAmount,
+            'total_commission' => $totalCommission,
+            'advance_deduction' => $advanceDeduction,
+            'remaining_advance' => $remainingAdvance,
+            'net_payable' => round($netPayable, 2)
+        ]);
+    }
+
+    public function settleSalary(Request $request, $id)
+    {
+        $staff = Staff::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        $details = $this->getSettlementDetails($request, $id)->getData(true);
+        
+        if (!($details['can_settle'] ?? false)) {
+            return response()->json(['message' => $details['message'] ?? 'Cannot settle at this time'], 400);
+        }
+        
+        $settlementMonth = $details['settlement_month'];
+        $batchId = $request->input('batch_id');
+
+        // Double check for existing record
+        $exists = \App\Models\StaffPayment::where('staff_id', $id)
+            ->where('payment_type', 'Salary Settlement')
+            ->where('settlement_month', $settlementMonth)
+            ->exists();
+
+        if ($exists) {
+            return response()->json(['message' => 'Salary for this period is already settled'], 400);
+        }
+
+        $payment = \App\Models\StaffPayment::create([
+            'staff_id' => $id,
+            'amount' => $details['net_payable'],
+            'payment_date' => Carbon::now()->toDateString(),
+            'payment_type' => 'Salary Settlement',
+            'settlement_month' => $settlementMonth,
+            'status' => 'Paid',
+            'remarks' => $request->input('remarks') ?? "Salary settlement for {$details['period']}",
+            'batch_id' => $batchId
+        ]);
+
+        // Log to Accounts (Debit)
+        \App\Models\Account::create([
+            'date' => Carbon::now()->toDateString(),
+            'time' => Carbon::now()->toTimeString(),
+            'credit' => 0,
+            'debit' => $details['net_payable'],
+            'type' => 'salary',
+            'accountable_id' => $payment->id,
+            'accountable_type' => \App\Models\StaffPayment::class,
+            'description' => "Salary settlement for {$staff->full_name} ({$details['period']})"
+        ]);
+
+        // Log to General Expenses
+        $salaryCategory = \App\Models\ExpenseCategory::where('name', 'Salary')->first();
+        \App\Models\Expense::create([
+            'date' => Carbon::now()->toDateString(),
+            'branch_id' => $staff->branch_id,
+            'expense_category_id' => $salaryCategory ? $salaryCategory->id : 1,
+            'expense_type' => 'Account',
+            'amount' => $details['net_payable'],
+            'remarks' => "Salary payout for {$staff->full_name} ({$details['period']})" . ($batchId ? " (Batch: {$batchId})" : ""),
+            'batch_id' => $batchId
+        ]);
+
+        // Update Advance Deduction if applicable
+        $deduction = SalaryAdvanceDeduction::where('staff_id', $id)
+            ->where('status', 'Pending')
+            ->first();
+
+        if ($deduction) {
+            $newRemaining = $deduction->remaining_amount - $details['advance_deduction'];
+            $newPaid = ($deduction->paid_amount ?: 0) + $details['advance_deduction'];
+            $deduction->update([
+                'remaining_amount' => max(0, $newRemaining),
+                'paid_amount' => $newPaid,
+                'status' => $newRemaining <= 0.01 ? 'Closed' : 'Pending'
+            ]);
+            
+            if ($newRemaining <= 0.01) {
+                $staff->update(['advance_enabled' => false]);
+            }
+        }
+
+        return response()->json(['message' => 'Salary settled successfully', 'payment' => $payment]);
+    }
+
+    private function recordFinancialsForAdvance($staff, $amount)
+    {
+        if ($amount <= 0) return;
+
+        // Create a payment record for the advance
+        $payment = \App\Models\StaffPayment::create([
+            'staff_id' => $staff->id,
+            'amount' => $amount,
+            'payment_date' => Carbon::now()->toDateString(),
+            'payment_type' => 'Advance',
+            'status' => 'Paid',
+            'remarks' => "Salary advance issued"
+        ]);
+
+        // Log to Accounts (Debit)
+        \App\Models\Account::create([
+            'date' => Carbon::now()->toDateString(),
+            'time' => Carbon::now()->toTimeString(),
+            'credit' => 0,
+            'debit' => $amount,
+            'type' => 'salary',
+            'accountable_id' => $payment->id,
+            'accountable_type' => \App\Models\StaffPayment::class,
+            'description' => "Salary advance for {$staff->full_name}"
+        ]);
+
+        // Log to General Expenses
+        $advanceCategory = \App\Models\ExpenseCategory::where('name', 'Salary Advance')->first();
+        \App\Models\Expense::create([
+            'date' => Carbon::now()->toDateString(),
+            'branch_id' => $staff->branch_id,
+            'expense_category_id' => $advanceCategory ? $advanceCategory->id : 1,
+            'expense_type' => 'Account',
+            'amount' => $amount,
+            'remarks' => "Salary advance issued to {$staff->full_name}"
+        ]);
+    }
+
+    public function getPayrollStatus($id)
+    {
+        $staff = Staff::findOrFail($id);
+        $joiningDate = Carbon::parse($staff->joining_date)->startOfMonth();
+        $currentMonth = Carbon::now()->startOfMonth();
+        
+        $payroll = [];
+        $tempMonth = $joiningDate->copy();
+
+        // Get all settlements for this staff
+        $settlements = \App\Models\StaffPayment::where('staff_id', $id)
+            ->where('payment_type', 'Salary Settlement')
+            ->pluck('amount', 'settlement_month')
+            ->toArray();
+
+        while ($tempMonth->lessThan($currentMonth)) {
+            $monthKey = $tempMonth->format('Y-m');
+            $isPaid = isset($settlements[$monthKey]);
+            
+            if (!$isPaid) {
+                $payroll[] = [
+                    'month' => $tempMonth->format('F Y'),
+                    'month_key' => $monthKey,
+                    'status' => 'Unpaid',
+                    'amount' => null,
+                    'can_settle' => true
+                ];
+            }
+            
+            $tempMonth->addMonth();
+        }
+
+        return response()->json(array_reverse($payroll));
+    }
+
+    public function getCommissionHistory($id)
+    {
+        $staff = Staff::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        $history = TrainerCommission::where('staff_id', $id)
+            ->orderBy('effective_month', 'desc')
+            ->get();
+        return response()->json($history);
+    }
+
+    public function getAdvanceHistory($id)
+    {
+        $staff = Staff::findOrFail($id);
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        if ($user && $user->isReceptionist() && $staff->branch_id != $user->branch_id) {
+            return response()->json(['message' => 'Unauthorized'], 403);
+        }
+        $history = SalaryAdvanceDeduction::where('staff_id', $id)
+            ->orderBy('created_at', 'desc')
+            ->get();
+        return response()->json($history);
+    }
+
+    public function getAllPendingSalaries(Request $request)
+    {
+        $user = Auth::guard('web')->user() ?? Auth::guard('receptionist')->user();
+        $branchId = $user && $user->isReceptionist() ? $user->branch_id : $request->query('branch_id');
+        
+        $query = Staff::with('branch');
+        if ($branchId) {
+            $query->where('branch_id', $branchId);
+        }
+        $staffMembers = $query->get();
+        
+        $pending = [];
+
+        foreach ($staffMembers as $staff) {
+            $branch = $staff->branch;
+            $joiningDate = Carbon::parse($staff->joining_date)->startOfMonth();
+            $tempMonth = $joiningDate->copy();
+
+            // Get all settlements for this staff
+            $settlements = \App\Models\StaffPayment::where('staff_id', $staff->id)
+                ->where('payment_type', 'Salary Settlement')
+                ->pluck('amount', 'settlement_month')
+                ->toArray();
+
+            $staffMonths = [];
+            
+            // Loop while generation date for the month has passed
+            while (true) {
+                $monthKey = $tempMonth->format('Y-m');
+                
+                // Calculate generation date for this month
+                $genDay = $branch->salary_generation_day ?? 2;
+                $generationDate = $tempMonth->copy()->addMonth()->day(min($genDay, $tempMonth->copy()->addMonth()->daysInMonth));
+                
+                if (Carbon::now()->lessThan($generationDate)) {
+                    break;
+                }
+
+                if (!isset($settlements[$monthKey])) {
+                    // Calculate details for this month
+                    [$start, $end] = $this->getSalaryCycleRange($monthKey, $branch);
+                    
+                    $baseSalary = $staff->salary_amount ?: 0;
+                    $proratedBase = $this->calculateProRatedSalary($baseSalary, $start, $end, $staff->joining_date);
+                    
+                    // Commission for this month
+                    $commission = TrainerCommission::where('staff_id', $staff->id)
+                        ->where('effective_month', '<=', $monthKey)
+                        ->orderBy('effective_month', 'desc')
+                        ->first();
+                    $commissionAmount = $commission ? $commission->total_amount : 0;
+
+                    // Advance deduction
+                    $advanceDed = 0;
+                    if ($staff->advance_enabled) {
+                        if ($staff->advance_repayment_mode === 'Full Next Month') {
+                            $advanceDed = $staff->advance_amount;
+                        } else {
+                            $deduction = SalaryAdvanceDeduction::where('staff_id', $staff->id)->where('status', 'Pending')->first();
+                            $advanceDed = $deduction ? $deduction->monthly_deduction : 0;
+                        }
+                    }
+
+                    $netPayable = $proratedBase + $commissionAmount - $advanceDed;
+
+                    $staffMonths[] = [
+                        'month_key' => $monthKey,
+                        'month_name' => $tempMonth->format('F Y'),
+                        'cycle_range' => $start->format('j M') . ' - ' . $end->format('j M'),
+                        'base_salary' => $baseSalary,
+                        'prorated_base' => round($proratedBase, 2),
+                        'commission' => $commissionAmount,
+                        'advance_deduction' => $advanceDed,
+                        'net_payable' => round($netPayable, 2),
+                    ];
+                }
+                $tempMonth->addMonth();
+            }
+
+            if (!empty($staffMonths)) {
+                $totalNet = array_sum(array_column($staffMonths, 'net_payable'));
+                $totalBase = array_sum(array_column($staffMonths, 'prorated_base'));
+                $totalComm = array_sum(array_column($staffMonths, 'commission'));
+                $totalAdv = array_sum(array_column($staffMonths, 'advance_deduction'));
+
+                $pending[] = [
+                    'staff_id' => $staff->id,
+                    'staff_name' => $staff->full_name,
+                    'branch' => $staff->branch?->name ?? 'N/A',
+                    'role' => $staff->designation ?? 'Staff',
+                    'base_salary' => $totalBase,
+                    'commission' => $totalComm,
+                    'advance_ded' => $totalAdv,
+                    'net_payable' => $totalNet,
+                    'status' => 'Pending',
+                    'pending_months' => $staffMonths
+                ];
+            }
+        }
+
+        return response()->json($pending);
+    }
+
+    public function bulkSettleSalaries(Request $request)
+    {
+        $payload = $request->validate([
+            'settlements' => 'required|array',
+            'settlements.*.staff_id' => 'required|exists:staff,id',
+            'settlements.*.month_key' => 'required|string',
+            'remarks' => 'nullable|string'
+        ]);
+
+        $batchId = 'BATCH-' . strtoupper(bin2hex(random_bytes(4)));
+        $results = [];
+        foreach ($payload['settlements'] as $item) {
+            $settleReq = new Request();
+            $settleReq->merge([
+                'month' => $item['month_key'],
+                'batch_id' => $batchId,
+                'remarks' => $payload['remarks'] ?? 'Bulk salary release'
+            ]);
+            
+            try {
+                $resp = $this->settleSalary($settleReq, $item['staff_id']);
+                $results[] = [
+                    'staff_id' => $item['staff_id'],
+                    'month' => $item['month_key'],
+                    'status' => 'success'
+                ];
+            } catch (\Exception $e) {
+                Log::error("Bulk settle error for staff {$item['staff_id']}: " . $e->getMessage());
+                $results[] = [
+                    'staff_id' => $item['staff_id'],
+                    'month' => $item['month_key'],
+                    'status' => 'error',
+                    'message' => $e->getMessage()
+                ];
+            }
+        }
+
+        return response()->json(['results' => $results, 'batch_id' => $batchId]);
+    }
+    private function getSalaryCycleRange($monthKey, $branch)
+    {
+        $fromDay = $branch->payroll_from_day ?? 1;
+        $toDay = $branch->payroll_to_day ?? 28;
+        
+        $month = Carbon::parse($monthKey . '-01');
+        
+        if ($fromDay <= $toDay) {
+            // Same month cycle (e.g., 1st to 28th)
+            $start = $month->copy()->day($fromDay)->startOfDay();
+            $end = $month->copy()->day($toDay)->endOfDay();
+        } else {
+            // Cross-month cycle (e.g., 25th to 24th next month)
+            // If monthKey is Feb, cycle is Jan 25 to Feb 24
+            $end = $month->copy()->day($toDay)->endOfDay();
+            $start = $month->copy()->subMonth()->day($fromDay)->startOfDay();
+        }
+        
+        return [$start, $end];
+    }
+
+    private function calculateProRatedSalary($monthlySalary, $start, $end, $joiningDate)
+    {
+        $joining = Carbon::parse($joiningDate)->startOfDay();
+        
+        // If joined after the cycle ended, salary is 0
+        if ($joining->greaterThan($end)) return 0;
+        
+        // If joined before or on the start day, full salary
+        if ($joining->lessThanOrEqualTo($start)) return $monthlySalary;
+        
+        // Prorated calculation
+        $totalDaysInCycle = $start->diffInDays($end) + 1;
+        $workDays = $joining->diffInDays($end) + 1;
+        
+        return ($monthlySalary / $totalDaysInCycle) * $workDays;
+    }
+}
diff --git a/app/Models/Account.php b/app/Models/Account.php
new file mode 100644
index 0000000..b92f76b
--- /dev/null
+++ b/app/Models/Account.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Account extends Model
+{
+    protected $fillable = [
+        'date', 'time', 'credit', 'debit', 'type', 
+        'branch_id', 'accountable_id', 'accountable_type', 'description'
+    ];
+
+    public function branch()
+    {
+        return $this->belongsTo(Branch::class);
+    }
+
+    public function accountable()
+    {
+        return $this->morphTo();
+    }
+}
diff --git a/app/Models/Branch.php b/app/Models/Branch.php
new file mode 100644
index 0000000..0b692ce
--- /dev/null
+++ b/app/Models/Branch.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Branch extends Model
+{
+    protected $fillable = [
+        'name', 'location', 'manager_name', 'total_members', 'revenue', 'status', 'operational_start_date', 'next_salary_release',
+        'payroll_from_day', 'payroll_to_day', 'salary_generation_day'
+    ];
+
+    public function documents()
+    {
+        return $this->hasMany(BranchDocument::class);
+    }
+}
+
+class BranchDocument extends Model
+{
+    protected $fillable = [
+        'branch_id', 'name', 'document_number', 'path', 'expiry_date', 'reminder_days'
+    ];
+
+    public function branch()
+    {
+        return $this->belongsTo(Branch::class);
+    }
+}
diff --git a/app/Models/BranchDocument.php b/app/Models/BranchDocument.php
new file mode 100644
index 0000000..554e46f
--- /dev/null
+++ b/app/Models/BranchDocument.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class BranchDocument extends Model
+{
+    protected $fillable = [
+        'branch_id',
+        'name',
+        'path',
+        'document_number',
+        'expiry_date',
+        'reminder_days'
+    ];
+}
diff --git a/app/Models/Collection.php b/app/Models/Collection.php
new file mode 100644
index 0000000..b43db9f
--- /dev/null
+++ b/app/Models/Collection.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+class Collection extends Model
+{
+    protected $fillable = [
+        'date',
+        'branch_id',
+        'collection_type_id',
+        'payment_method',
+        'amount',
+        'remarks',
+        'transaction_id'
+    ];
+
+    public function branch(): BelongsTo
+    {
+        return $this->belongsTo(Branch::class);
+    }
+
+    public function type(): BelongsTo
+    {
+        return $this->belongsTo(CollectionType::class, 'collection_type_id');
+    }
+
+    public function items(): HasMany
+    {
+        return $this->hasMany(CollectionItem::class);
+    }
+}
diff --git a/app/Models/CollectionItem.php b/app/Models/CollectionItem.php
new file mode 100644
index 0000000..0706f75
--- /dev/null
+++ b/app/Models/CollectionItem.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class CollectionItem extends Model
+{
+    protected $fillable = [
+        'collection_id',
+        'product_id',
+        'quantity',
+        'unit_price',
+        'subtotal'
+    ];
+
+    public function collection(): BelongsTo
+    {
+        return $this->belongsTo(Collection::class);
+    }
+
+    public function product(): BelongsTo
+    {
+        return $this->belongsTo(Product::class);
+    }
+}
diff --git a/app/Models/CollectionType.php b/app/Models/CollectionType.php
new file mode 100644
index 0000000..4caec1c
--- /dev/null
+++ b/app/Models/CollectionType.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class CollectionType extends Model
+{
+    protected $fillable = ['name', 'status'];
+}
diff --git a/app/Models/Expense.php b/app/Models/Expense.php
new file mode 100644
index 0000000..e2afdbf
--- /dev/null
+++ b/app/Models/Expense.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Expense extends Model
+{
+    protected $fillable = [
+        'date', 'branch_id', 'expense_category_id', 'expense_type', 'amount', 'remarks', 'batch_id'
+    ];
+
+    public function branch()
+    {
+        return $this->belongsTo(Branch::class);
+    }
+
+    public function category()
+    {
+        return $this->belongsTo(ExpenseCategory::class, 'expense_category_id');
+    }
+
+    public function account()
+    {
+        return $this->morphOne(Account::class, 'accountable');
+    }
+}
diff --git a/app/Models/ExpenseCategory.php b/app/Models/ExpenseCategory.php
new file mode 100644
index 0000000..e8e1018
--- /dev/null
+++ b/app/Models/ExpenseCategory.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class ExpenseCategory extends Model
+{
+    protected $fillable = ['name', 'status'];
+}
diff --git a/app/Models/Investor.php b/app/Models/Investor.php
new file mode 100644
index 0000000..5b677a4
--- /dev/null
+++ b/app/Models/Investor.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Investor extends Model
+{
+    protected $fillable = [
+        'name',
+        'investment_date',
+        'investment_amount',
+        'applicable_to_all_branches',
+        'roi_type',
+        'roi_value',
+        'roi_period',
+        'security_proof_document'
+    ];
+
+    public function branches()
+    {
+        return $this->belongsToMany(Branch::class, 'investor_branch');
+    }
+}
diff --git a/app/Models/InvestorPayout.php b/app/Models/InvestorPayout.php
new file mode 100644
index 0000000..3065a28
--- /dev/null
+++ b/app/Models/InvestorPayout.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class InvestorPayout extends Model
+{
+    protected $fillable = [
+        'investor_id', 'amount', 'payout_date', 'payout_month', 'status', 'payment_method', 'remarks'
+    ];
+
+    public function investor()
+    {
+        return $this->belongsTo(Investor::class);
+    }
+}
diff --git a/app/Models/PaymentMethod.php b/app/Models/PaymentMethod.php
new file mode 100644
index 0000000..78060db
--- /dev/null
+++ b/app/Models/PaymentMethod.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class PaymentMethod extends Model
+{
+    protected $fillable = ['name', 'status'];
+}
diff --git a/app/Models/Product.php b/app/Models/Product.php
new file mode 100644
index 0000000..1170de8
--- /dev/null
+++ b/app/Models/Product.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+class Product extends Model
+{
+    protected $fillable = [
+        'name',
+        'sku',
+        'product_category_id',
+        'branch_id',
+        'cost_price',
+        'selling_price',
+        'current_stock',
+        'reorder_level',
+        'status',
+        'image'
+    ];
+
+    public function category(): BelongsTo
+    {
+        return $this->belongsTo(ProductCategory::class, 'product_category_id');
+    }
+
+    public function branch(): BelongsTo
+    {
+        return $this->belongsTo(Branch::class);
+    }
+
+    public function adjustments(): HasMany
+    {
+        return $this->hasMany(StockAdjustment::class);
+    }
+
+    public function saleItems(): HasMany
+    {
+        return $this->hasMany(ProductSaleItem::class);
+    }
+}
diff --git a/app/Models/ProductCategory.php b/app/Models/ProductCategory.php
new file mode 100644
index 0000000..fc54b7e
--- /dev/null
+++ b/app/Models/ProductCategory.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class ProductCategory extends Model
+{
+    protected $fillable = ['name', 'status'];
+}
diff --git a/app/Models/ProductSale.php b/app/Models/ProductSale.php
new file mode 100644
index 0000000..9355a6f
--- /dev/null
+++ b/app/Models/ProductSale.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+class ProductSale extends Model
+{
+    protected $fillable = [
+        'transaction_id',
+        'branch_id',
+        'subtotal_amount',
+        'vat_amount',
+        'total_amount',
+        'payment_method',
+        'date',
+        'remarks'
+    ];
+
+    public function branch(): BelongsTo
+    {
+        return $this->belongsTo(Branch::class);
+    }
+
+    public function items(): HasMany
+    {
+        return $this->hasMany(ProductSaleItem::class);
+    }
+}
diff --git a/app/Models/ProductSaleItem.php b/app/Models/ProductSaleItem.php
new file mode 100644
index 0000000..322ab86
--- /dev/null
+++ b/app/Models/ProductSaleItem.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class ProductSaleItem extends Model
+{
+    protected $fillable = [
+        'product_sale_id',
+        'product_id',
+        'quantity',
+        'unit_price',
+        'subtotal'
+    ];
+
+    public function sale(): BelongsTo
+    {
+        return $this->belongsTo(ProductSale::class, 'product_sale_id');
+    }
+
+    public function product(): BelongsTo
+    {
+        return $this->belongsTo(Product::class);
+    }
+}
diff --git a/app/Models/Receptionist.php b/app/Models/Receptionist.php
new file mode 100644
index 0000000..2f29ad3
--- /dev/null
+++ b/app/Models/Receptionist.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Foundation\Auth\User as Authenticatable;
+use Illuminate\Notifications\Notifiable;
+
+class Receptionist extends Authenticatable
+{
+    use HasFactory, Notifiable;
+
+    /**
+     * Check if the user is a receptionist.
+     */
+    public function isReceptionist(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Check if the user is an owner.
+     */
+    public function isOwner(): bool
+    {
+        return false;
+    }
+
+    protected $fillable = [
+        'name',
+        'email',
+        'password',
+        'branch_id',
+    ];
+
+    protected $hidden = [
+        'password',
+        'remember_token',
+    ];
+
+    protected function casts(): array
+    {
+        return [
+            'password' => 'hashed',
+        ];
+    }
+
+    public function branch()
+    {
+        return $this->belongsTo(Branch::class);
+    }
+}
diff --git a/app/Models/SalaryAdvanceDeduction.php b/app/Models/SalaryAdvanceDeduction.php
new file mode 100644
index 0000000..19c0110
--- /dev/null
+++ b/app/Models/SalaryAdvanceDeduction.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class SalaryAdvanceDeduction extends Model
+{
+    use \Illuminate\Database\Eloquent\Factories\HasFactory;
+
+    protected $fillable = [
+        'staff_id',
+        'advance_amount',
+        'total_months',
+        'monthly_deduction',
+        'remaining_amount',
+        'paid_amount',
+        'status'
+    ];
+
+    public function staff()
+    {
+        return $this->belongsTo(Staff::class);
+    }
+}
diff --git a/app/Models/Staff.php b/app/Models/Staff.php
new file mode 100644
index 0000000..f2f0262
--- /dev/null
+++ b/app/Models/Staff.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Staff extends Model
+{
+    protected $table = 'staff';
+
+    protected $fillable = [
+        'full_name',
+        'email',
+        'phone',
+        'designation',
+        'role',
+        'branch_id',
+        'joining_date',
+        'status',
+        'salary_type',
+        'salary_amount',
+        'salary_cycle',
+        'cycle_effective_date',
+        'advance_enabled',
+        'advance_amount',
+        'advance_repayment_mode',
+        'commission_enabled',
+        'commission_amount',
+        'commission_member_count',
+        'apply_from',
+        'advance_months',
+        'staff_id_code',
+        'emirates_id',
+        'emirates_id_expiry',
+        'family_member_name',
+        'family_member_relation',
+        'family_member_contact',
+        'salary_reminder_enabled',
+        'document_expiry_enabled',
+        'family_members',
+    ];
+
+    protected $casts = [
+        'family_members' => 'array',
+        'advance_enabled' => 'boolean',
+        'commission_enabled' => 'boolean',
+        'salary_reminder_enabled' => 'boolean',
+        'document_expiry_enabled' => 'boolean',
+    ];
+
+    public function branch()
+    {
+        return $this->belongsTo(Branch::class);
+    }
+
+    public function documents()
+    {
+        return $this->hasMany(StaffDocument::class);
+    }
+}
diff --git a/app/Models/StaffDocument.php b/app/Models/StaffDocument.php
new file mode 100644
index 0000000..a770045
--- /dev/null
+++ b/app/Models/StaffDocument.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class StaffDocument extends Model
+{
+    protected $table = 'staff_documents';
+
+    protected $fillable = [
+        'staff_id',
+        'name',
+        'document_number',
+        'expiry_date',
+        'path',
+        'reminder_days',
+    ];
+
+    public function staff()
+    {
+        return $this->belongsTo(Staff::class);
+    }
+}
diff --git a/app/Models/StaffPayment.php b/app/Models/StaffPayment.php
new file mode 100644
index 0000000..8bddfe6
--- /dev/null
+++ b/app/Models/StaffPayment.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class StaffPayment extends Model
+{
+    protected $fillable = [
+        'staff_id', 'amount', 'payment_date', 'payment_type', 'status', 'remarks', 'settlement_month', 'batch_id'
+    ];
+
+    public function staff()
+    {
+        return $this->belongsTo(Staff::class);
+    }
+}
diff --git a/app/Models/StockAdjustment.php b/app/Models/StockAdjustment.php
new file mode 100644
index 0000000..39b5201
--- /dev/null
+++ b/app/Models/StockAdjustment.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class StockAdjustment extends Model
+{
+    protected $fillable = [
+        'product_id',
+        'adjustment_qty',
+        'new_stock',
+        'adjustment_date',
+        'reason',
+        'remarks'
+    ];
+
+    public function product(): BelongsTo
+    {
+        return $this->belongsTo(Product::class);
+    }
+}
diff --git a/app/Models/TrainerCommission.php b/app/Models/TrainerCommission.php
new file mode 100644
index 0000000..814b65b
--- /dev/null
+++ b/app/Models/TrainerCommission.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class TrainerCommission extends Model
+{
+    protected $fillable = [
+        'staff_id',
+        'member_count',
+        'amount_per_head',
+        'total_amount',
+        'effective_month'
+    ];
+
+    public function staff()
+    {
+        return $this->belongsTo(Staff::class);
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
new file mode 100644
index 0000000..1315dc3
--- /dev/null
+++ b/app/Models/User.php
@@ -0,0 +1,62 @@
+<?php
+
+namespace App\Models;
+
+// use Illuminate\Contracts\Auth\MustVerifyEmail;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Foundation\Auth\User as Authenticatable;
+use Illuminate\Notifications\Notifiable;
+
+class User extends Authenticatable
+{
+    /** @use HasFactory<\Database\Factories\UserFactory> */
+    use HasFactory, Notifiable;
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var list<string>
+     */
+    protected $fillable = [
+        'name',
+        'email',
+        'password',
+        'role',
+    ];
+
+    public function isOwner(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Check if the user is a receptionist.
+     */
+    public function isReceptionist(): bool
+    {
+        return false;
+    }
+
+    /**
+     * The attributes that should be hidden for serialization.
+     *
+     * @var list<string>
+     */
+    protected $hidden = [
+        'password',
+        'remember_token',
+    ];
+
+    /**
+     * Get the attributes that should be cast.
+     *
+     * @return array<string, string>
+     */
+    protected function casts(): array
+    {
+        return [
+            'email_verified_at' => 'datetime',
+            'password' => 'hashed',
+        ];
+    }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
new file mode 100644
index 0000000..452e6b6
--- /dev/null
+++ b/app/Providers/AppServiceProvider.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+
+class AppServiceProvider extends ServiceProvider
+{
+    /**
+     * Register any application services.
+     */
+    public function register(): void
+    {
+        //
+    }
+
+    /**
+     * Bootstrap any application services.
+     */
+    public function boot(): void
+    {
+        //
+    }
+}
diff --git a/artisan b/artisan
new file mode 100644
index 0000000..c35e31d
--- /dev/null
+++ b/artisan
@@ -0,0 +1,18 @@
+#!/usr/bin/env php
+<?php
+
+use Illuminate\Foundation\Application;
+use Symfony\Component\Console\Input\ArgvInput;
+
+define('LARAVEL_START', microtime(true));
+
+// Register the Composer autoloader...
+require __DIR__.'/vendor/autoload.php';
+
+// Bootstrap Laravel and handle the command...
+/** @var Application $app */
+$app = require_once __DIR__.'/bootstrap/app.php';
+
+$status = $app->handleCommand(new ArgvInput);
+
+exit($status);
diff --git a/bootstrap/app.php b/bootstrap/app.php
new file mode 100644
index 0000000..c183276
--- /dev/null
+++ b/bootstrap/app.php
@@ -0,0 +1,18 @@
+<?php
+
+use Illuminate\Foundation\Application;
+use Illuminate\Foundation\Configuration\Exceptions;
+use Illuminate\Foundation\Configuration\Middleware;
+
+return Application::configure(basePath: dirname(__DIR__))
+    ->withRouting(
+        web: __DIR__.'/../routes/web.php',
+        commands: __DIR__.'/../routes/console.php',
+        health: '/up',
+    )
+    ->withMiddleware(function (Middleware $middleware): void {
+        //
+    })
+    ->withExceptions(function (Exceptions $exceptions): void {
+        //
+    })->create();
diff --git a/bootstrap/cache/.gitignore b/bootstrap/cache/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/bootstrap/cache/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/bootstrap/providers.php b/bootstrap/providers.php
new file mode 100644
index 0000000..38b258d
--- /dev/null
+++ b/bootstrap/providers.php
@@ -0,0 +1,5 @@
+<?php
+
+return [
+    App\Providers\AppServiceProvider::class,
+];
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..52a3a8a
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,86 @@
+{
+    "$schema": "https://getcomposer.org/schema.json",
+    "name": "laravel/laravel",
+    "type": "project",
+    "description": "The skeleton application for the Laravel framework.",
+    "keywords": ["laravel", "framework"],
+    "license": "MIT",
+    "require": {
+        "php": "^8.2",
+        "laravel/framework": "^12.0",
+        "laravel/tinker": "^2.10.1"
+    },
+    "require-dev": {
+        "fakerphp/faker": "^1.23",
+        "laravel/pail": "^1.2.2",
+        "laravel/pint": "^1.24",
+        "laravel/sail": "^1.41",
+        "mockery/mockery": "^1.6",
+        "nunomaduro/collision": "^8.6",
+        "phpunit/phpunit": "^11.5.3"
+    },
+    "autoload": {
+        "psr-4": {
+            "App\\": "app/",
+            "Database\\Factories\\": "database/factories/",
+            "Database\\Seeders\\": "database/seeders/"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Tests\\": "tests/"
+        }
+    },
+    "scripts": {
+        "setup": [
+            "composer install",
+            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"",
+            "@php artisan key:generate",
+            "@php artisan migrate --force",
+            "npm install",
+            "npm run build"
+        ],
+        "dev": [
+            "Composer\\Config::disableProcessTimeout",
+            "npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan queue:listen --tries=1 --timeout=0\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite --kill-others"
+        ],
+        "test": [
+            "@php artisan config:clear --ansi",
+            "@php artisan test"
+        ],
+        "post-autoload-dump": [
+            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
+            "@php artisan package:discover --ansi"
+        ],
+        "post-update-cmd": [
+            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
+        ],
+        "post-root-package-install": [
+            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
+        ],
+        "post-create-project-cmd": [
+            "@php artisan key:generate --ansi",
+            "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
+            "@php artisan migrate --graceful --ansi"
+        ],
+        "pre-package-uninstall": [
+            "Illuminate\\Foundation\\ComposerScripts::prePackageUninstall"
+        ]
+    },
+    "extra": {
+        "laravel": {
+            "dont-discover": []
+        }
+    },
+    "config": {
+        "optimize-autoloader": true,
+        "preferred-install": "dist",
+        "sort-packages": true,
+        "allow-plugins": {
+            "pestphp/pest-plugin": true,
+            "php-http/discovery": true
+        }
+    },
+    "minimum-stability": "stable",
+    "prefer-stable": true
+}
diff --git a/composer.lock b/composer.lock
new file mode 100644
index 0000000..fa94ac8
--- /dev/null
+++ b/composer.lock
@@ -0,0 +1,8400 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "c514d8f7b9fc5970bdd94287905ef584",
+    "packages": [
+        {
+            "name": "brick/math",
+            "version": "0.14.8",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/brick/math.git",
+                "reference": "63422359a44b7f06cae63c3b429b59e8efcc0629"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/brick/math/zipball/63422359a44b7f06cae63c3b429b59e8efcc0629",
+                "reference": "63422359a44b7f06cae63c3b429b59e8efcc0629",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.2"
+            },
+            "require-dev": {
+                "php-coveralls/php-coveralls": "^2.2",
+                "phpstan/phpstan": "2.1.22",
+                "phpunit/phpunit": "^11.5"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Brick\\Math\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "Arbitrary-precision arithmetic library",
+            "keywords": [
+                "Arbitrary-precision",
+                "BigInteger",
+                "BigRational",
+                "arithmetic",
+                "bigdecimal",
+                "bignum",
+                "bignumber",
+                "brick",
+                "decimal",
+                "integer",
+                "math",
+                "mathematics",
+                "rational"
+            ],
+            "support": {
+                "issues": "https://github.com/brick/math/issues",
+                "source": "https://github.com/brick/math/tree/0.14.8"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/BenMorel",
+                    "type": "github"
+                }
+            ],
+            "time": "2026-02-10T14:33:43+00:00"
+        },
+        {
+            "name": "carbonphp/carbon-doctrine-types",
+            "version": "3.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/CarbonPHP/carbon-doctrine-types.git",
+                "reference": "18ba5ddfec8976260ead6e866180bd5d2f71aa1d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/CarbonPHP/carbon-doctrine-types/zipball/18ba5ddfec8976260ead6e866180bd5d2f71aa1d",
+                "reference": "18ba5ddfec8976260ead6e866180bd5d2f71aa1d",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1"
+            },
+            "conflict": {
+                "doctrine/dbal": "<4.0.0 || >=5.0.0"
+            },
+            "require-dev": {
+                "doctrine/dbal": "^4.0.0",
+                "nesbot/carbon": "^2.71.0 || ^3.0.0",
+                "phpunit/phpunit": "^10.3"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Carbon\\Doctrine\\": "src/Carbon/Doctrine/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "KyleKatarn",
+                    "email": "kylekatarnls@gmail.com"
+                }
+            ],
+            "description": "Types to use Carbon in Doctrine",
+            "keywords": [
+                "carbon",
+                "date",
+                "datetime",
+                "doctrine",
+                "time"
+            ],
+            "support": {
+                "issues": "https://github.com/CarbonPHP/carbon-doctrine-types/issues",
+                "source": "https://github.com/CarbonPHP/carbon-doctrine-types/tree/3.2.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/kylekatarnls",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/Carbon",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/nesbot/carbon",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-02-09T16:56:22+00:00"
+        },
+        {
+            "name": "dflydev/dot-access-data",
+            "version": "v3.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dflydev/dflydev-dot-access-data.git",
+                "reference": "a23a2bf4f31d3518f3ecb38660c95715dfead60f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dflydev/dflydev-dot-access-data/zipball/a23a2bf4f31d3518f3ecb38660c95715dfead60f",
+                "reference": "a23a2bf4f31d3518f3ecb38660c95715dfead60f",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1 || ^8.0"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^0.12.42",
+                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.3",
+                "scrutinizer/ocular": "1.6.0",
+                "squizlabs/php_codesniffer": "^3.5",
+                "vimeo/psalm": "^4.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Dflydev\\DotAccessData\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Dragonfly Development Inc.",
+                    "email": "info@dflydev.com",
+                    "homepage": "http://dflydev.com"
+                },
+                {
+                    "name": "Beau Simensen",
+                    "email": "beau@dflydev.com",
+                    "homepage": "http://beausimensen.com"
+                },
+                {
+                    "name": "Carlos Frutos",
+                    "email": "carlos@kiwing.it",
+                    "homepage": "https://github.com/cfrutos"
+                },
+                {
+                    "name": "Colin O'Dell",
+                    "email": "colinodell@gmail.com",
+                    "homepage": "https://www.colinodell.com"
+                }
+            ],
+            "description": "Given a deep data structure, access data by dot notation.",
+            "homepage": "https://github.com/dflydev/dflydev-dot-access-data",
+            "keywords": [
+                "access",
+                "data",
+                "dot",
+                "notation"
+            ],
+            "support": {
+                "issues": "https://github.com/dflydev/dflydev-dot-access-data/issues",
+                "source": "https://github.com/dflydev/dflydev-dot-access-data/tree/v3.0.3"
+            },
+            "time": "2024-07-08T12:26:09+00:00"
+        },
+        {
+            "name": "doctrine/inflector",
+            "version": "2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/doctrine/inflector.git",
+                "reference": "6d6c96277ea252fc1304627204c3d5e6e15faa3b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doctrine/inflector/zipball/6d6c96277ea252fc1304627204c3d5e6e15faa3b",
+                "reference": "6d6c96277ea252fc1304627204c3d5e6e15faa3b",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2 || ^8.0"
+            },
+            "require-dev": {
+                "doctrine/coding-standard": "^12.0 || ^13.0",
+                "phpstan/phpstan": "^1.12 || ^2.0",
+                "phpstan/phpstan-phpunit": "^1.4 || ^2.0",
+                "phpstan/phpstan-strict-rules": "^1.6 || ^2.0",
+                "phpunit/phpunit": "^8.5 || ^12.2"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Doctrine\\Inflector\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
+                },
+                {
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Benjamin Eberlei",
+                    "email": "kontakt@beberlei.de"
+                },
+                {
+                    "name": "Jonathan Wage",
+                    "email": "jonwage@gmail.com"
+                },
+                {
+                    "name": "Johannes Schmitt",
+                    "email": "schmittjoh@gmail.com"
+                }
+            ],
+            "description": "PHP Doctrine Inflector is a small library that can perform string manipulations with regard to upper/lowercase and singular/plural forms of words.",
+            "homepage": "https://www.doctrine-project.org/projects/inflector.html",
+            "keywords": [
+                "inflection",
+                "inflector",
+                "lowercase",
+                "manipulation",
+                "php",
+                "plural",
+                "singular",
+                "strings",
+                "uppercase",
+                "words"
+            ],
+            "support": {
+                "issues": "https://github.com/doctrine/inflector/issues",
+                "source": "https://github.com/doctrine/inflector/tree/2.1.0"
+            },
+            "funding": [
+                {
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Finflector",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-10T19:31:58+00:00"
+        },
+        {
+            "name": "doctrine/lexer",
+            "version": "3.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/doctrine/lexer.git",
+                "reference": "31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doctrine/lexer/zipball/31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd",
+                "reference": "31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1"
+            },
+            "require-dev": {
+                "doctrine/coding-standard": "^12",
+                "phpstan/phpstan": "^1.10",
+                "phpunit/phpunit": "^10.5",
+                "psalm/plugin-phpunit": "^0.18.3",
+                "vimeo/psalm": "^5.21"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Doctrine\\Common\\Lexer\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
+                },
+                {
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Johannes Schmitt",
+                    "email": "schmittjoh@gmail.com"
+                }
+            ],
+            "description": "PHP Doctrine Lexer parser library that can be used in Top-Down, Recursive Descent Parsers.",
+            "homepage": "https://www.doctrine-project.org/projects/lexer.html",
+            "keywords": [
+                "annotations",
+                "docblock",
+                "lexer",
+                "parser",
+                "php"
+            ],
+            "support": {
+                "issues": "https://github.com/doctrine/lexer/issues",
+                "source": "https://github.com/doctrine/lexer/tree/3.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Flexer",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-02-05T11:56:58+00:00"
+        },
+        {
+            "name": "dragonmantank/cron-expression",
+            "version": "v3.6.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dragonmantank/cron-expression.git",
+                "reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/d61a8a9604ec1f8c3d150d09db6ce98b32675013",
+                "reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.2|^8.3|^8.4|^8.5"
+            },
+            "replace": {
+                "mtdowling/cron-expression": "^1.0"
+            },
+            "require-dev": {
+                "phpstan/extension-installer": "^1.4.3",
+                "phpstan/phpstan": "^1.12.32|^2.1.31",
+                "phpunit/phpunit": "^8.5.48|^9.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Cron\\": "src/Cron/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Chris Tankersley",
+                    "email": "chris@ctankersley.com",
+                    "homepage": "https://github.com/dragonmantank"
+                }
+            ],
+            "description": "CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due",
+            "keywords": [
+                "cron",
+                "schedule"
+            ],
+            "support": {
+                "issues": "https://github.com/dragonmantank/cron-expression/issues",
+                "source": "https://github.com/dragonmantank/cron-expression/tree/v3.6.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/dragonmantank",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-10-31T18:51:33+00:00"
+        },
+        {
+            "name": "egulias/email-validator",
+            "version": "4.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/egulias/EmailValidator.git",
+                "reference": "d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/egulias/EmailValidator/zipball/d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa",
+                "reference": "d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa",
+                "shasum": ""
+            },
+            "require": {
+                "doctrine/lexer": "^2.0 || ^3.0",
+                "php": ">=8.1",
+                "symfony/polyfill-intl-idn": "^1.26"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^10.2",
+                "vimeo/psalm": "^5.12"
+            },
+            "suggest": {
+                "ext-intl": "PHP Internationalization Libraries are required to use the SpoofChecking validation"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Egulias\\EmailValidator\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Eduardo Gulias Davis"
+                }
+            ],
+            "description": "A library for validating emails against several RFCs",
+            "homepage": "https://github.com/egulias/EmailValidator",
+            "keywords": [
+                "email",
+                "emailvalidation",
+                "emailvalidator",
+                "validation",
+                "validator"
+            ],
+            "support": {
+                "issues": "https://github.com/egulias/EmailValidator/issues",
+                "source": "https://github.com/egulias/EmailValidator/tree/4.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/egulias",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-03-06T22:45:56+00:00"
+        },
+        {
+            "name": "fruitcake/php-cors",
+            "version": "v1.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/fruitcake/php-cors.git",
+                "reference": "38aaa6c3fd4c157ffe2a4d10aa8b9b16ba8de379"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/fruitcake/php-cors/zipball/38aaa6c3fd4c157ffe2a4d10aa8b9b16ba8de379",
+                "reference": "38aaa6c3fd4c157ffe2a4d10aa8b9b16ba8de379",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1",
+                "symfony/http-foundation": "^5.4|^6.4|^7.3|^8"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^2",
+                "phpunit/phpunit": "^9",
+                "squizlabs/php_codesniffer": "^4"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.3-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Fruitcake\\Cors\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fruitcake",
+                    "homepage": "https://fruitcake.nl"
+                },
+                {
+                    "name": "Barryvdh",
+                    "email": "barryvdh@gmail.com"
+                }
+            ],
+            "description": "Cross-origin resource sharing library for the Symfony HttpFoundation",
+            "homepage": "https://github.com/fruitcake/php-cors",
+            "keywords": [
+                "cors",
+                "laravel",
+                "symfony"
+            ],
+            "support": {
+                "issues": "https://github.com/fruitcake/php-cors/issues",
+                "source": "https://github.com/fruitcake/php-cors/tree/v1.4.0"
+            },
+            "funding": [
+                {
+                    "url": "https://fruitcake.nl",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/barryvdh",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-12-03T09:33:47+00:00"
+        },
+        {
+            "name": "graham-campbell/result-type",
+            "version": "v1.1.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/GrahamCampbell/Result-Type.git",
+                "reference": "e01f4a821471308ba86aa202fed6698b6b695e3b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/GrahamCampbell/Result-Type/zipball/e01f4a821471308ba86aa202fed6698b6b695e3b",
+                "reference": "e01f4a821471308ba86aa202fed6698b6b695e3b",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0",
+                "phpoption/phpoption": "^1.9.5"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^8.5.41 || ^9.6.22 || ^10.5.45 || ^11.5.7"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "GrahamCampbell\\ResultType\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                }
+            ],
+            "description": "An Implementation Of The Result Type",
+            "keywords": [
+                "Graham Campbell",
+                "GrahamCampbell",
+                "Result Type",
+                "Result-Type",
+                "result"
+            ],
+            "support": {
+                "issues": "https://github.com/GrahamCampbell/Result-Type/issues",
+                "source": "https://github.com/GrahamCampbell/Result-Type/tree/v1.1.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/graham-campbell/result-type",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-12-27T19:43:20+00:00"
+        },
+        {
+            "name": "guzzlehttp/guzzle",
+            "version": "7.10.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/guzzle.git",
+                "reference": "b51ac707cfa420b7bfd4e4d5e510ba8008e822b4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/b51ac707cfa420b7bfd4e4d5e510ba8008e822b4",
+                "reference": "b51ac707cfa420b7bfd4e4d5e510ba8008e822b4",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "guzzlehttp/promises": "^2.3",
+                "guzzlehttp/psr7": "^2.8",
+                "php": "^7.2.5 || ^8.0",
+                "psr/http-client": "^1.0",
+                "symfony/deprecation-contracts": "^2.2 || ^3.0"
+            },
+            "provide": {
+                "psr/http-client-implementation": "1.0"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "ext-curl": "*",
+                "guzzle/client-integration-tests": "3.0.2",
+                "php-http/message-factory": "^1.1",
+                "phpunit/phpunit": "^8.5.39 || ^9.6.20",
+                "psr/log": "^1.1 || ^2.0 || ^3.0"
+            },
+            "suggest": {
+                "ext-curl": "Required for CURL handler support",
+                "ext-intl": "Required for Internationalized Domain Name (IDN) support",
+                "psr/log": "Required for using the Log middleware"
+            },
+            "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": false
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/functions_include.php"
+                ],
+                "psr-4": {
+                    "GuzzleHttp\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "Jeremy Lindblom",
+                    "email": "jeremeamia@gmail.com",
+                    "homepage": "https://github.com/jeremeamia"
+                },
+                {
+                    "name": "George Mponos",
+                    "email": "gmponos@gmail.com",
+                    "homepage": "https://github.com/gmponos"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://github.com/sagikazarmark"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
+                }
+            ],
+            "description": "Guzzle is a PHP HTTP client library",
+            "keywords": [
+                "client",
+                "curl",
+                "framework",
+                "http",
+                "http client",
+                "psr-18",
+                "psr-7",
+                "rest",
+                "web service"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/guzzle/issues",
+                "source": "https://github.com/guzzle/guzzle/tree/7.10.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/guzzle",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-23T22:36:01+00:00"
+        },
+        {
+            "name": "guzzlehttp/promises",
+            "version": "2.3.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/promises.git",
+                "reference": "481557b130ef3790cf82b713667b43030dc9c957"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/promises/zipball/481557b130ef3790cf82b713667b43030dc9c957",
+                "reference": "481557b130ef3790cf82b713667b43030dc9c957",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "phpunit/phpunit": "^8.5.44 || ^9.6.25"
+            },
+            "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": false
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "GuzzleHttp\\Promise\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
+                }
+            ],
+            "description": "Guzzle promises library",
+            "keywords": [
+                "promise"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/promises/issues",
+                "source": "https://github.com/guzzle/promises/tree/2.3.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/promises",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-22T14:34:08+00:00"
+        },
+        {
+            "name": "guzzlehttp/psr7",
+            "version": "2.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/psr7.git",
+                "reference": "21dc724a0583619cd1652f673303492272778051"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/21dc724a0583619cd1652f673303492272778051",
+                "reference": "21dc724a0583619cd1652f673303492272778051",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0",
+                "psr/http-factory": "^1.0",
+                "psr/http-message": "^1.1 || ^2.0",
+                "ralouphie/getallheaders": "^3.0"
+            },
+            "provide": {
+                "psr/http-factory-implementation": "1.0",
+                "psr/http-message-implementation": "1.0"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "http-interop/http-factory-tests": "0.9.0",
+                "phpunit/phpunit": "^8.5.44 || ^9.6.25"
+            },
+            "suggest": {
+                "laminas/laminas-httphandlerrunner": "Emit PSR-7 responses"
+            },
+            "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": false
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "GuzzleHttp\\Psr7\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "George Mponos",
+                    "email": "gmponos@gmail.com",
+                    "homepage": "https://github.com/gmponos"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://github.com/sagikazarmark"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://sagikazarmark.hu"
+                }
+            ],
+            "description": "PSR-7 message implementation that also provides common utility methods",
+            "keywords": [
+                "http",
+                "message",
+                "psr-7",
+                "request",
+                "response",
+                "stream",
+                "uri",
+                "url"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/psr7/issues",
+                "source": "https://github.com/guzzle/psr7/tree/2.8.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/psr7",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-23T21:21:41+00:00"
+        },
+        {
+            "name": "guzzlehttp/uri-template",
+            "version": "v1.0.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/uri-template.git",
+                "reference": "4f4bbd4e7172148801e76e3decc1e559bdee34e1"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/uri-template/zipball/4f4bbd4e7172148801e76e3decc1e559bdee34e1",
+                "reference": "4f4bbd4e7172148801e76e3decc1e559bdee34e1",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0",
+                "symfony/polyfill-php80": "^1.24"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "phpunit/phpunit": "^8.5.44 || ^9.6.25",
+                "uri-template/tests": "1.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": false
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "GuzzleHttp\\UriTemplate\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "George Mponos",
+                    "email": "gmponos@gmail.com",
+                    "homepage": "https://github.com/gmponos"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                }
+            ],
+            "description": "A polyfill class for uri_template of PHP",
+            "keywords": [
+                "guzzlehttp",
+                "uri-template"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/uri-template/issues",
+                "source": "https://github.com/guzzle/uri-template/tree/v1.0.5"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/uri-template",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-22T14:27:06+00:00"
+        },
+        {
+            "name": "laravel/framework",
+            "version": "v12.53.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/framework.git",
+                "reference": "f57f035c0d34503d9ff30be76159bb35a003cd1f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/f57f035c0d34503d9ff30be76159bb35a003cd1f",
+                "reference": "f57f035c0d34503d9ff30be76159bb35a003cd1f",
+                "shasum": ""
+            },
+            "require": {
+                "brick/math": "^0.11|^0.12|^0.13|^0.14",
+                "composer-runtime-api": "^2.2",
+                "doctrine/inflector": "^2.0.5",
+                "dragonmantank/cron-expression": "^3.4",
+                "egulias/email-validator": "^3.2.1|^4.0",
+                "ext-ctype": "*",
+                "ext-filter": "*",
+                "ext-hash": "*",
+                "ext-mbstring": "*",
+                "ext-openssl": "*",
+                "ext-session": "*",
+                "ext-tokenizer": "*",
+                "fruitcake/php-cors": "^1.3",
+                "guzzlehttp/guzzle": "^7.8.2",
+                "guzzlehttp/uri-template": "^1.0",
+                "laravel/prompts": "^0.3.0",
+                "laravel/serializable-closure": "^1.3|^2.0",
+                "league/commonmark": "^2.7",
+                "league/flysystem": "^3.25.1",
+                "league/flysystem-local": "^3.25.1",
+                "league/uri": "^7.5.1",
+                "monolog/monolog": "^3.0",
+                "nesbot/carbon": "^3.8.4",
+                "nunomaduro/termwind": "^2.0",
+                "php": "^8.2",
+                "psr/container": "^1.1.1|^2.0.1",
+                "psr/log": "^1.0|^2.0|^3.0",
+                "psr/simple-cache": "^1.0|^2.0|^3.0",
+                "ramsey/uuid": "^4.7",
+                "symfony/console": "^7.2.0",
+                "symfony/error-handler": "^7.2.0",
+                "symfony/finder": "^7.2.0",
+                "symfony/http-foundation": "^7.2.0",
+                "symfony/http-kernel": "^7.2.0",
+                "symfony/mailer": "^7.2.0",
+                "symfony/mime": "^7.2.0",
+                "symfony/polyfill-php83": "^1.33",
+                "symfony/polyfill-php84": "^1.33",
+                "symfony/polyfill-php85": "^1.33",
+                "symfony/process": "^7.2.0",
+                "symfony/routing": "^7.2.0",
+                "symfony/uid": "^7.2.0",
+                "symfony/var-dumper": "^7.2.0",
+                "tijsverkoyen/css-to-inline-styles": "^2.2.5",
+                "vlucas/phpdotenv": "^5.6.1",
+                "voku/portable-ascii": "^2.0.2"
+            },
+            "conflict": {
+                "tightenco/collect": "<5.5.33"
+            },
+            "provide": {
+                "psr/container-implementation": "1.1|2.0",
+                "psr/log-implementation": "1.0|2.0|3.0",
+                "psr/simple-cache-implementation": "1.0|2.0|3.0"
+            },
+            "replace": {
+                "illuminate/auth": "self.version",
+                "illuminate/broadcasting": "self.version",
+                "illuminate/bus": "self.version",
+                "illuminate/cache": "self.version",
+                "illuminate/collections": "self.version",
+                "illuminate/concurrency": "self.version",
+                "illuminate/conditionable": "self.version",
+                "illuminate/config": "self.version",
+                "illuminate/console": "self.version",
+                "illuminate/container": "self.version",
+                "illuminate/contracts": "self.version",
+                "illuminate/cookie": "self.version",
+                "illuminate/database": "self.version",
+                "illuminate/encryption": "self.version",
+                "illuminate/events": "self.version",
+                "illuminate/filesystem": "self.version",
+                "illuminate/hashing": "self.version",
+                "illuminate/http": "self.version",
+                "illuminate/json-schema": "self.version",
+                "illuminate/log": "self.version",
+                "illuminate/macroable": "self.version",
+                "illuminate/mail": "self.version",
+                "illuminate/notifications": "self.version",
+                "illuminate/pagination": "self.version",
+                "illuminate/pipeline": "self.version",
+                "illuminate/process": "self.version",
+                "illuminate/queue": "self.version",
+                "illuminate/redis": "self.version",
+                "illuminate/reflection": "self.version",
+                "illuminate/routing": "self.version",
+                "illuminate/session": "self.version",
+                "illuminate/support": "self.version",
+                "illuminate/testing": "self.version",
+                "illuminate/translation": "self.version",
+                "illuminate/validation": "self.version",
+                "illuminate/view": "self.version",
+                "spatie/once": "*"
+            },
+            "require-dev": {
+                "ably/ably-php": "^1.0",
+                "aws/aws-sdk-php": "^3.322.9",
+                "ext-gmp": "*",
+                "fakerphp/faker": "^1.24",
+                "guzzlehttp/promises": "^2.0.3",
+                "guzzlehttp/psr7": "^2.4",
+                "laravel/pint": "^1.18",
+                "league/flysystem-aws-s3-v3": "^3.25.1",
+                "league/flysystem-ftp": "^3.25.1",
+                "league/flysystem-path-prefixing": "^3.25.1",
+                "league/flysystem-read-only": "^3.25.1",
+                "league/flysystem-sftp-v3": "^3.25.1",
+                "mockery/mockery": "^1.6.10",
+                "opis/json-schema": "^2.4.1",
+                "orchestra/testbench-core": "^10.9.0",
+                "pda/pheanstalk": "^5.0.6|^7.0.0",
+                "php-http/discovery": "^1.15",
+                "phpstan/phpstan": "^2.0",
+                "phpunit/phpunit": "^10.5.35|^11.5.3|^12.0.1",
+                "predis/predis": "^2.3|^3.0",
+                "resend/resend-php": "^0.10.0|^1.0",
+                "symfony/cache": "^7.2.0",
+                "symfony/http-client": "^7.2.0",
+                "symfony/psr-http-message-bridge": "^7.2.0",
+                "symfony/translation": "^7.2.0"
+            },
+            "suggest": {
+                "ably/ably-php": "Required to use the Ably broadcast driver (^1.0).",
+                "aws/aws-sdk-php": "Required to use the SQS queue driver, DynamoDb failed job storage, and SES mail driver (^3.322.9).",
+                "brianium/paratest": "Required to run tests in parallel (^7.0|^8.0).",
+                "ext-apcu": "Required to use the APC cache driver.",
+                "ext-fileinfo": "Required to use the Filesystem class.",
+                "ext-ftp": "Required to use the Flysystem FTP driver.",
+                "ext-gd": "Required to use Illuminate\\Http\\Testing\\FileFactory::image().",
+                "ext-memcached": "Required to use the memcache cache driver.",
+                "ext-pcntl": "Required to use all features of the queue worker and console signal trapping.",
+                "ext-pdo": "Required to use all database features.",
+                "ext-posix": "Required to use all features of the queue worker.",
+                "ext-redis": "Required to use the Redis cache and queue drivers (^4.0|^5.0|^6.0).",
+                "fakerphp/faker": "Required to generate fake data using the fake() helper (^1.23).",
+                "filp/whoops": "Required for friendly error pages in development (^2.14.3).",
+                "laravel/tinker": "Required to use the tinker console command (^2.0).",
+                "league/flysystem-aws-s3-v3": "Required to use the Flysystem S3 driver (^3.25.1).",
+                "league/flysystem-ftp": "Required to use the Flysystem FTP driver (^3.25.1).",
+                "league/flysystem-path-prefixing": "Required to use the scoped driver (^3.25.1).",
+                "league/flysystem-read-only": "Required to use read-only disks (^3.25.1)",
+                "league/flysystem-sftp-v3": "Required to use the Flysystem SFTP driver (^3.25.1).",
+                "mockery/mockery": "Required to use mocking (^1.6).",
+                "pda/pheanstalk": "Required to use the beanstalk queue driver (^5.0).",
+                "php-http/discovery": "Required to use PSR-7 bridging features (^1.15).",
+                "phpunit/phpunit": "Required to use assertions and run tests (^10.5.35|^11.5.3|^12.0.1).",
+                "predis/predis": "Required to use the predis connector (^2.3|^3.0).",
+                "psr/http-message": "Required to allow Storage::put to accept a StreamInterface (^1.0).",
+                "pusher/pusher-php-server": "Required to use the Pusher broadcast driver (^6.0|^7.0).",
+                "resend/resend-php": "Required to enable support for the Resend mail transport (^0.10.0|^1.0).",
+                "symfony/cache": "Required to PSR-6 cache bridge (^7.2).",
+                "symfony/filesystem": "Required to enable support for relative symbolic links (^7.2).",
+                "symfony/http-client": "Required to enable support for the Symfony API mail transports (^7.2).",
+                "symfony/mailgun-mailer": "Required to enable support for the Mailgun mail transport (^7.2).",
+                "symfony/postmark-mailer": "Required to enable support for the Postmark mail transport (^7.2).",
+                "symfony/psr-http-message-bridge": "Required to use PSR-7 bridging features (^7.2)."
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "12.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/Illuminate/Collections/functions.php",
+                    "src/Illuminate/Collections/helpers.php",
+                    "src/Illuminate/Events/functions.php",
+                    "src/Illuminate/Filesystem/functions.php",
+                    "src/Illuminate/Foundation/helpers.php",
+                    "src/Illuminate/Log/functions.php",
+                    "src/Illuminate/Reflection/helpers.php",
+                    "src/Illuminate/Support/functions.php",
+                    "src/Illuminate/Support/helpers.php"
+                ],
+                "psr-4": {
+                    "Illuminate\\": "src/Illuminate/",
+                    "Illuminate\\Support\\": [
+                        "src/Illuminate/Macroable/",
+                        "src/Illuminate/Collections/",
+                        "src/Illuminate/Conditionable/",
+                        "src/Illuminate/Reflection/"
+                    ]
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                }
+            ],
+            "description": "The Laravel Framework.",
+            "homepage": "https://laravel.com",
+            "keywords": [
+                "framework",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/framework/issues",
+                "source": "https://github.com/laravel/framework"
+            },
+            "time": "2026-02-24T14:35:15+00:00"
+        },
+        {
+            "name": "laravel/prompts",
+            "version": "v0.3.13",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/prompts.git",
+                "reference": "ed8c466571b37e977532fb2fd3c272c784d7050d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/prompts/zipball/ed8c466571b37e977532fb2fd3c272c784d7050d",
+                "reference": "ed8c466571b37e977532fb2fd3c272c784d7050d",
+                "shasum": ""
+            },
+            "require": {
+                "composer-runtime-api": "^2.2",
+                "ext-mbstring": "*",
+                "php": "^8.1",
+                "symfony/console": "^6.2|^7.0|^8.0"
+            },
+            "conflict": {
+                "illuminate/console": ">=10.17.0 <10.25.0",
+                "laravel/framework": ">=10.17.0 <10.25.0"
+            },
+            "require-dev": {
+                "illuminate/collections": "^10.0|^11.0|^12.0|^13.0",
+                "mockery/mockery": "^1.5",
+                "pestphp/pest": "^2.3|^3.4|^4.0",
+                "phpstan/phpstan": "^1.12.28",
+                "phpstan/phpstan-mockery": "^1.1.3"
+            },
+            "suggest": {
+                "ext-pcntl": "Required for the spinner to be animated."
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "0.3.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "Laravel\\Prompts\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "Add beautiful and user-friendly forms to your command-line applications.",
+            "support": {
+                "issues": "https://github.com/laravel/prompts/issues",
+                "source": "https://github.com/laravel/prompts/tree/v0.3.13"
+            },
+            "time": "2026-02-06T12:17:10+00:00"
+        },
+        {
+            "name": "laravel/serializable-closure",
+            "version": "v2.0.10",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/serializable-closure.git",
+                "reference": "870fc81d2f879903dfc5b60bf8a0f94a1609e669"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/serializable-closure/zipball/870fc81d2f879903dfc5b60bf8a0f94a1609e669",
+                "reference": "870fc81d2f879903dfc5b60bf8a0f94a1609e669",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1"
+            },
+            "require-dev": {
+                "illuminate/support": "^10.0|^11.0|^12.0|^13.0",
+                "nesbot/carbon": "^2.67|^3.0",
+                "pestphp/pest": "^2.36|^3.0|^4.0",
+                "phpstan/phpstan": "^2.0",
+                "symfony/var-dumper": "^6.2.0|^7.0.0|^8.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\SerializableClosure\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                },
+                {
+                    "name": "Nuno Maduro",
+                    "email": "nuno@laravel.com"
+                }
+            ],
+            "description": "Laravel Serializable Closure provides an easy and secure way to serialize closures in PHP.",
+            "keywords": [
+                "closure",
+                "laravel",
+                "serializable"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/serializable-closure/issues",
+                "source": "https://github.com/laravel/serializable-closure"
+            },
+            "time": "2026-02-20T19:59:49+00:00"
+        },
+        {
+            "name": "laravel/tinker",
+            "version": "v2.11.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/tinker.git",
+                "reference": "c9f80cc835649b5c1842898fb043f8cc098dd741"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/tinker/zipball/c9f80cc835649b5c1842898fb043f8cc098dd741",
+                "reference": "c9f80cc835649b5c1842898fb043f8cc098dd741",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/console": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0",
+                "illuminate/contracts": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0",
+                "illuminate/support": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0",
+                "php": "^7.2.5|^8.0",
+                "psy/psysh": "^0.11.1|^0.12.0",
+                "symfony/var-dumper": "^4.3.4|^5.0|^6.0|^7.0|^8.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "~1.3.3|^1.4.2",
+                "phpstan/phpstan": "^1.10",
+                "phpunit/phpunit": "^8.5.8|^9.3.3|^10.0"
+            },
+            "suggest": {
+                "illuminate/database": "The Illuminate Database package (^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0)."
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Tinker\\TinkerServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Tinker\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                }
+            ],
+            "description": "Powerful REPL for the Laravel framework.",
+            "keywords": [
+                "REPL",
+                "Tinker",
+                "laravel",
+                "psysh"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/tinker/issues",
+                "source": "https://github.com/laravel/tinker/tree/v2.11.1"
+            },
+            "time": "2026-02-06T14:12:35+00:00"
+        },
+        {
+            "name": "league/commonmark",
+            "version": "2.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/commonmark.git",
+                "reference": "4efa10c1e56488e658d10adf7b7b7dcd19940bfb"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/4efa10c1e56488e658d10adf7b7b7dcd19940bfb",
+                "reference": "4efa10c1e56488e658d10adf7b7b7dcd19940bfb",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "league/config": "^1.1.1",
+                "php": "^7.4 || ^8.0",
+                "psr/event-dispatcher": "^1.0",
+                "symfony/deprecation-contracts": "^2.1 || ^3.0",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "require-dev": {
+                "cebe/markdown": "^1.0",
+                "commonmark/cmark": "0.31.1",
+                "commonmark/commonmark.js": "0.31.1",
+                "composer/package-versions-deprecated": "^1.8",
+                "embed/embed": "^4.4",
+                "erusev/parsedown": "^1.0",
+                "ext-json": "*",
+                "github/gfm": "0.29.0",
+                "michelf/php-markdown": "^1.4 || ^2.0",
+                "nyholm/psr7": "^1.5",
+                "phpstan/phpstan": "^1.8.2",
+                "phpunit/phpunit": "^9.5.21 || ^10.5.9 || ^11.0.0",
+                "scrutinizer/ocular": "^1.8.1",
+                "symfony/finder": "^5.3 | ^6.0 | ^7.0",
+                "symfony/process": "^5.4 | ^6.0 | ^7.0",
+                "symfony/yaml": "^2.3 | ^3.0 | ^4.0 | ^5.0 | ^6.0 | ^7.0",
+                "unleashedtech/php-coding-standard": "^3.1.1",
+                "vimeo/psalm": "^4.24.0 || ^5.0.0 || ^6.0.0"
+            },
+            "suggest": {
+                "symfony/yaml": "v2.3+ required if using the Front Matter extension"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.9-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "League\\CommonMark\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Colin O'Dell",
+                    "email": "colinodell@gmail.com",
+                    "homepage": "https://www.colinodell.com",
+                    "role": "Lead Developer"
+                }
+            ],
+            "description": "Highly-extensible PHP Markdown parser which fully supports the CommonMark spec and GitHub-Flavored Markdown (GFM)",
+            "homepage": "https://commonmark.thephpleague.com",
+            "keywords": [
+                "commonmark",
+                "flavored",
+                "gfm",
+                "github",
+                "github-flavored",
+                "markdown",
+                "md",
+                "parser"
+            ],
+            "support": {
+                "docs": "https://commonmark.thephpleague.com/",
+                "forum": "https://github.com/thephpleague/commonmark/discussions",
+                "issues": "https://github.com/thephpleague/commonmark/issues",
+                "rss": "https://github.com/thephpleague/commonmark/releases.atom",
+                "source": "https://github.com/thephpleague/commonmark"
+            },
+            "funding": [
+                {
+                    "url": "https://www.colinodell.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.paypal.me/colinpodell/10.00",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/colinodell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/league/commonmark",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-11-26T21:48:24+00:00"
+        },
+        {
+            "name": "league/config",
+            "version": "v1.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/config.git",
+                "reference": "754b3604fb2984c71f4af4a9cbe7b57f346ec1f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/config/zipball/754b3604fb2984c71f4af4a9cbe7b57f346ec1f3",
+                "reference": "754b3604fb2984c71f4af4a9cbe7b57f346ec1f3",
+                "shasum": ""
+            },
+            "require": {
+                "dflydev/dot-access-data": "^3.0.1",
+                "nette/schema": "^1.2",
+                "php": "^7.4 || ^8.0"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^1.8.2",
+                "phpunit/phpunit": "^9.5.5",
+                "scrutinizer/ocular": "^1.8.1",
+                "unleashedtech/php-coding-standard": "^3.1",
+                "vimeo/psalm": "^4.7.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.2-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "League\\Config\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Colin O'Dell",
+                    "email": "colinodell@gmail.com",
+                    "homepage": "https://www.colinodell.com",
+                    "role": "Lead Developer"
+                }
+            ],
+            "description": "Define configuration arrays with strict schemas and access values with dot notation",
+            "homepage": "https://config.thephpleague.com",
+            "keywords": [
+                "array",
+                "config",
+                "configuration",
+                "dot",
+                "dot-access",
+                "nested",
+                "schema"
+            ],
+            "support": {
+                "docs": "https://config.thephpleague.com/",
+                "issues": "https://github.com/thephpleague/config/issues",
+                "rss": "https://github.com/thephpleague/config/releases.atom",
+                "source": "https://github.com/thephpleague/config"
+            },
+            "funding": [
+                {
+                    "url": "https://www.colinodell.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.paypal.me/colinpodell/10.00",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/colinodell",
+                    "type": "github"
+                }
+            ],
+            "time": "2022-12-11T20:36:23+00:00"
+        },
+        {
+            "name": "league/flysystem",
+            "version": "3.32.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/flysystem.git",
+                "reference": "254b1595b16b22dbddaaef9ed6ca9fdac4956725"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/254b1595b16b22dbddaaef9ed6ca9fdac4956725",
+                "reference": "254b1595b16b22dbddaaef9ed6ca9fdac4956725",
+                "shasum": ""
+            },
+            "require": {
+                "league/flysystem-local": "^3.0.0",
+                "league/mime-type-detection": "^1.0.0",
+                "php": "^8.0.2"
+            },
+            "conflict": {
+                "async-aws/core": "<1.19.0",
+                "async-aws/s3": "<1.14.0",
+                "aws/aws-sdk-php": "3.209.31 || 3.210.0",
+                "guzzlehttp/guzzle": "<7.0",
+                "guzzlehttp/ringphp": "<1.1.1",
+                "phpseclib/phpseclib": "3.0.15",
+                "symfony/http-client": "<5.2"
+            },
+            "require-dev": {
+                "async-aws/s3": "^1.5 || ^2.0",
+                "async-aws/simple-s3": "^1.1 || ^2.0",
+                "aws/aws-sdk-php": "^3.295.10",
+                "composer/semver": "^3.0",
+                "ext-fileinfo": "*",
+                "ext-ftp": "*",
+                "ext-mongodb": "^1.3|^2",
+                "ext-zip": "*",
+                "friendsofphp/php-cs-fixer": "^3.5",
+                "google/cloud-storage": "^1.23",
+                "guzzlehttp/psr7": "^2.6",
+                "microsoft/azure-storage-blob": "^1.1",
+                "mongodb/mongodb": "^1.2|^2",
+                "phpseclib/phpseclib": "^3.0.36",
+                "phpstan/phpstan": "^1.10",
+                "phpunit/phpunit": "^9.5.11|^10.0",
+                "sabre/dav": "^4.6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "League\\Flysystem\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Frank de Jonge",
+                    "email": "info@frankdejonge.nl"
+                }
+            ],
+            "description": "File storage abstraction for PHP",
+            "keywords": [
+                "WebDAV",
+                "aws",
+                "cloud",
+                "file",
+                "files",
+                "filesystem",
+                "filesystems",
+                "ftp",
+                "s3",
+                "sftp",
+                "storage"
+            ],
+            "support": {
+                "issues": "https://github.com/thephpleague/flysystem/issues",
+                "source": "https://github.com/thephpleague/flysystem/tree/3.32.0"
+            },
+            "time": "2026-02-25T17:01:41+00:00"
+        },
+        {
+            "name": "league/flysystem-local",
+            "version": "3.31.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/flysystem-local.git",
+                "reference": "2f669db18a4c20c755c2bb7d3a7b0b2340488079"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/flysystem-local/zipball/2f669db18a4c20c755c2bb7d3a7b0b2340488079",
+                "reference": "2f669db18a4c20c755c2bb7d3a7b0b2340488079",
+                "shasum": ""
+            },
+            "require": {
+                "ext-fileinfo": "*",
+                "league/flysystem": "^3.0.0",
+                "league/mime-type-detection": "^1.0.0",
+                "php": "^8.0.2"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "League\\Flysystem\\Local\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Frank de Jonge",
+                    "email": "info@frankdejonge.nl"
+                }
+            ],
+            "description": "Local filesystem adapter for Flysystem.",
+            "keywords": [
+                "Flysystem",
+                "file",
+                "files",
+                "filesystem",
+                "local"
+            ],
+            "support": {
+                "source": "https://github.com/thephpleague/flysystem-local/tree/3.31.0"
+            },
+            "time": "2026-01-23T15:30:45+00:00"
+        },
+        {
+            "name": "league/mime-type-detection",
+            "version": "1.16.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/mime-type-detection.git",
+                "reference": "2d6702ff215bf922936ccc1ad31007edc76451b9"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/mime-type-detection/zipball/2d6702ff215bf922936ccc1ad31007edc76451b9",
+                "reference": "2d6702ff215bf922936ccc1ad31007edc76451b9",
+                "shasum": ""
+            },
+            "require": {
+                "ext-fileinfo": "*",
+                "php": "^7.4 || ^8.0"
+            },
+            "require-dev": {
+                "friendsofphp/php-cs-fixer": "^3.2",
+                "phpstan/phpstan": "^0.12.68",
+                "phpunit/phpunit": "^8.5.8 || ^9.3 || ^10.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "League\\MimeTypeDetection\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Frank de Jonge",
+                    "email": "info@frankdejonge.nl"
+                }
+            ],
+            "description": "Mime-type detection for Flysystem",
+            "support": {
+                "issues": "https://github.com/thephpleague/mime-type-detection/issues",
+                "source": "https://github.com/thephpleague/mime-type-detection/tree/1.16.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/frankdejonge",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/league/flysystem",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-09-21T08:32:55+00:00"
+        },
+        {
+            "name": "league/uri",
+            "version": "7.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/uri.git",
+                "reference": "4436c6ec8d458e4244448b069cc572d088230b76"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/uri/zipball/4436c6ec8d458e4244448b069cc572d088230b76",
+                "reference": "4436c6ec8d458e4244448b069cc572d088230b76",
+                "shasum": ""
+            },
+            "require": {
+                "league/uri-interfaces": "^7.8",
+                "php": "^8.1",
+                "psr/http-factory": "^1"
+            },
+            "conflict": {
+                "league/uri-schemes": "^1.0"
+            },
+            "suggest": {
+                "ext-bcmath": "to improve IPV4 host parsing",
+                "ext-dom": "to convert the URI into an HTML anchor tag",
+                "ext-fileinfo": "to create Data URI from file contennts",
+                "ext-gmp": "to improve IPV4 host parsing",
+                "ext-intl": "to handle IDN host with the best performance",
+                "ext-uri": "to use the PHP native URI class",
+                "jeremykendall/php-domain-parser": "to further parse the URI host and resolve its Public Suffix and Top Level Domain",
+                "league/uri-components": "to provide additional tools to manipulate URI objects components",
+                "league/uri-polyfill": "to backport the PHP URI extension for older versions of PHP",
+                "php-64bit": "to improve IPV4 host parsing",
+                "rowbot/url": "to handle URLs using the WHATWG URL Living Standard specification",
+                "symfony/polyfill-intl-idn": "to handle IDN host via the Symfony polyfill if ext-intl is not present"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "7.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "League\\Uri\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ignace Nyamagana Butera",
+                    "email": "nyamsprod@gmail.com",
+                    "homepage": "https://nyamsprod.com"
+                }
+            ],
+            "description": "URI manipulation library",
+            "homepage": "https://uri.thephpleague.com",
+            "keywords": [
+                "URN",
+                "data-uri",
+                "file-uri",
+                "ftp",
+                "hostname",
+                "http",
+                "https",
+                "middleware",
+                "parse_str",
+                "parse_url",
+                "psr-7",
+                "query-string",
+                "querystring",
+                "rfc2141",
+                "rfc3986",
+                "rfc3987",
+                "rfc6570",
+                "rfc8141",
+                "uri",
+                "uri-template",
+                "url",
+                "ws"
+            ],
+            "support": {
+                "docs": "https://uri.thephpleague.com",
+                "forum": "https://thephpleague.slack.com",
+                "issues": "https://github.com/thephpleague/uri-src/issues",
+                "source": "https://github.com/thephpleague/uri/tree/7.8.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/nyamsprod",
+                    "type": "github"
+                }
+            ],
+            "time": "2026-01-14T17:24:56+00:00"
+        },
+        {
+            "name": "league/uri-interfaces",
+            "version": "7.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/uri-interfaces.git",
+                "reference": "c5c5cd056110fc8afaba29fa6b72a43ced42acd4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/uri-interfaces/zipball/c5c5cd056110fc8afaba29fa6b72a43ced42acd4",
+                "reference": "c5c5cd056110fc8afaba29fa6b72a43ced42acd4",
+                "shasum": ""
+            },
+            "require": {
+                "ext-filter": "*",
+                "php": "^8.1",
+                "psr/http-message": "^1.1 || ^2.0"
+            },
+            "suggest": {
+                "ext-bcmath": "to improve IPV4 host parsing",
+                "ext-gmp": "to improve IPV4 host parsing",
+                "ext-intl": "to handle IDN host with the best performance",
+                "php-64bit": "to improve IPV4 host parsing",
+                "rowbot/url": "to handle URLs using the WHATWG URL Living Standard specification",
+                "symfony/polyfill-intl-idn": "to handle IDN host via the Symfony polyfill if ext-intl is not present"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "7.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "League\\Uri\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ignace Nyamagana Butera",
+                    "email": "nyamsprod@gmail.com",
+                    "homepage": "https://nyamsprod.com"
+                }
+            ],
+            "description": "Common tools for parsing and resolving RFC3987/RFC3986 URI",
+            "homepage": "https://uri.thephpleague.com",
+            "keywords": [
+                "data-uri",
+                "file-uri",
+                "ftp",
+                "hostname",
+                "http",
+                "https",
+                "parse_str",
+                "parse_url",
+                "psr-7",
+                "query-string",
+                "querystring",
+                "rfc3986",
+                "rfc3987",
+                "rfc6570",
+                "uri",
+                "url",
+                "ws"
+            ],
+            "support": {
+                "docs": "https://uri.thephpleague.com",
+                "forum": "https://thephpleague.slack.com",
+                "issues": "https://github.com/thephpleague/uri-src/issues",
+                "source": "https://github.com/thephpleague/uri-interfaces/tree/7.8.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/nyamsprod",
+                    "type": "github"
+                }
+            ],
+            "time": "2026-01-15T06:54:53+00:00"
+        },
+        {
+            "name": "monolog/monolog",
+            "version": "3.10.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Seldaek/monolog.git",
+                "reference": "b321dd6749f0bf7189444158a3ce785cc16d69b0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/b321dd6749f0bf7189444158a3ce785cc16d69b0",
+                "reference": "b321dd6749f0bf7189444158a3ce785cc16d69b0",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1",
+                "psr/log": "^2.0 || ^3.0"
+            },
+            "provide": {
+                "psr/log-implementation": "3.0.0"
+            },
+            "require-dev": {
+                "aws/aws-sdk-php": "^3.0",
+                "doctrine/couchdb": "~1.0@dev",
+                "elasticsearch/elasticsearch": "^7 || ^8",
+                "ext-json": "*",
+                "graylog2/gelf-php": "^1.4.2 || ^2.0",
+                "guzzlehttp/guzzle": "^7.4.5",
+                "guzzlehttp/psr7": "^2.2",
+                "mongodb/mongodb": "^1.8 || ^2.0",
+                "php-amqplib/php-amqplib": "~2.4 || ^3",
+                "php-console/php-console": "^3.1.8",
+                "phpstan/phpstan": "^2",
+                "phpstan/phpstan-deprecation-rules": "^2",
+                "phpstan/phpstan-strict-rules": "^2",
+                "phpunit/phpunit": "^10.5.17 || ^11.0.7",
+                "predis/predis": "^1.1 || ^2",
+                "rollbar/rollbar": "^4.0",
+                "ruflin/elastica": "^7 || ^8",
+                "symfony/mailer": "^5.4 || ^6",
+                "symfony/mime": "^5.4 || ^6"
+            },
+            "suggest": {
+                "aws/aws-sdk-php": "Allow sending log messages to AWS services like DynamoDB",
+                "doctrine/couchdb": "Allow sending log messages to a CouchDB server",
+                "elasticsearch/elasticsearch": "Allow sending log messages to an Elasticsearch server via official client",
+                "ext-amqp": "Allow sending log messages to an AMQP server (1.0+ required)",
+                "ext-curl": "Required to send log messages using the IFTTTHandler, the LogglyHandler, the SendGridHandler, the SlackWebhookHandler or the TelegramBotHandler",
+                "ext-mbstring": "Allow to work properly with unicode symbols",
+                "ext-mongodb": "Allow sending log messages to a MongoDB server (via driver)",
+                "ext-openssl": "Required to send log messages using SSL",
+                "ext-sockets": "Allow sending log messages to a Syslog server (via UDP driver)",
+                "graylog2/gelf-php": "Allow sending log messages to a GrayLog2 server",
+                "mongodb/mongodb": "Allow sending log messages to a MongoDB server (via library)",
+                "php-amqplib/php-amqplib": "Allow sending log messages to an AMQP server using php-amqplib",
+                "rollbar/rollbar": "Allow sending log messages to Rollbar",
+                "ruflin/elastica": "Allow sending log messages to an Elastic Search server"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Monolog\\": "src/Monolog"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Jordi Boggiano",
+                    "email": "j.boggiano@seld.be",
+                    "homepage": "https://seld.be"
+                }
+            ],
+            "description": "Sends your logs to files, sockets, inboxes, databases and various web services",
+            "homepage": "https://github.com/Seldaek/monolog",
+            "keywords": [
+                "log",
+                "logging",
+                "psr-3"
+            ],
+            "support": {
+                "issues": "https://github.com/Seldaek/monolog/issues",
+                "source": "https://github.com/Seldaek/monolog/tree/3.10.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/Seldaek",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/monolog/monolog",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-02T08:56:05+00:00"
+        },
+        {
+            "name": "nesbot/carbon",
+            "version": "3.11.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/CarbonPHP/carbon.git",
+                "reference": "f438fcc98f92babee98381d399c65336f3a3827f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/f438fcc98f92babee98381d399c65336f3a3827f",
+                "reference": "f438fcc98f92babee98381d399c65336f3a3827f",
+                "shasum": ""
+            },
+            "require": {
+                "carbonphp/carbon-doctrine-types": "<100.0",
+                "ext-json": "*",
+                "php": "^8.1",
+                "psr/clock": "^1.0",
+                "symfony/clock": "^6.3.12 || ^7.0 || ^8.0",
+                "symfony/polyfill-mbstring": "^1.0",
+                "symfony/translation": "^4.4.18 || ^5.2.1 || ^6.0 || ^7.0 || ^8.0"
+            },
+            "provide": {
+                "psr/clock-implementation": "1.0"
+            },
+            "require-dev": {
+                "doctrine/dbal": "^3.6.3 || ^4.0",
+                "doctrine/orm": "^2.15.2 || ^3.0",
+                "friendsofphp/php-cs-fixer": "^v3.87.1",
+                "kylekatarnls/multi-tester": "^2.5.3",
+                "phpmd/phpmd": "^2.15.0",
+                "phpstan/extension-installer": "^1.4.3",
+                "phpstan/phpstan": "^2.1.22",
+                "phpunit/phpunit": "^10.5.53",
+                "squizlabs/php_codesniffer": "^3.13.4 || ^4.0.0"
+            },
+            "bin": [
+                "bin/carbon"
+            ],
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Carbon\\Laravel\\ServiceProvider"
+                    ]
+                },
+                "phpstan": {
+                    "includes": [
+                        "extension.neon"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-2.x": "2.x-dev",
+                    "dev-master": "3.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Carbon\\": "src/Carbon/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Brian Nesbitt",
+                    "email": "brian@nesbot.com",
+                    "homepage": "https://markido.com"
+                },
+                {
+                    "name": "kylekatarnls",
+                    "homepage": "https://github.com/kylekatarnls"
+                }
+            ],
+            "description": "An API extension for DateTime that supports 281 different languages.",
+            "homepage": "https://carbonphp.github.io/carbon/",
+            "keywords": [
+                "date",
+                "datetime",
+                "time"
+            ],
+            "support": {
+                "docs": "https://carbonphp.github.io/carbon/guide/getting-started/introduction.html",
+                "issues": "https://github.com/CarbonPHP/carbon/issues",
+                "source": "https://github.com/CarbonPHP/carbon"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/kylekatarnls",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/Carbon#sponsor",
+                    "type": "opencollective"
+                },
+                {
+                    "url": "https://tidelift.com/subscription/pkg/packagist-nesbot-carbon?utm_source=packagist-nesbot-carbon&utm_medium=referral&utm_campaign=readme",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-29T09:26:29+00:00"
+        },
+        {
+            "name": "nette/schema",
+            "version": "v1.3.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/nette/schema.git",
+                "reference": "f0ab1a3cda782dbc5da270d28545236aa80c4002"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/nette/schema/zipball/f0ab1a3cda782dbc5da270d28545236aa80c4002",
+                "reference": "f0ab1a3cda782dbc5da270d28545236aa80c4002",
+                "shasum": ""
+            },
+            "require": {
+                "nette/utils": "^4.0",
+                "php": "8.1 - 8.5"
+            },
+            "require-dev": {
+                "nette/phpstan-rules": "^1.0",
+                "nette/tester": "^2.6",
+                "phpstan/extension-installer": "^1.4@stable",
+                "phpstan/phpstan": "^2.1.39@stable",
+                "tracy/tracy": "^2.8"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.3-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Nette\\": "src"
+                },
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause",
+                "GPL-2.0-only",
+                "GPL-3.0-only"
+            ],
+            "authors": [
+                {
+                    "name": "David Grudl",
+                    "homepage": "https://davidgrudl.com"
+                },
+                {
+                    "name": "Nette Community",
+                    "homepage": "https://nette.org/contributors"
+                }
+            ],
+            "description": "📐 Nette Schema: validating data structures against a given Schema.",
+            "homepage": "https://nette.org",
+            "keywords": [
+                "config",
+                "nette"
+            ],
+            "support": {
+                "issues": "https://github.com/nette/schema/issues",
+                "source": "https://github.com/nette/schema/tree/v1.3.5"
+            },
+            "time": "2026-02-23T03:47:12+00:00"
+        },
+        {
+            "name": "nette/utils",
+            "version": "v4.1.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/nette/utils.git",
+                "reference": "bb3ea637e3d131d72acc033cfc2746ee893349fe"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/nette/utils/zipball/bb3ea637e3d131d72acc033cfc2746ee893349fe",
+                "reference": "bb3ea637e3d131d72acc033cfc2746ee893349fe",
+                "shasum": ""
+            },
+            "require": {
+                "php": "8.2 - 8.5"
+            },
+            "conflict": {
+                "nette/finder": "<3",
+                "nette/schema": "<1.2.2"
+            },
+            "require-dev": {
+                "jetbrains/phpstorm-attributes": "^1.2",
+                "nette/phpstan-rules": "^1.0",
+                "nette/tester": "^2.5",
+                "phpstan/extension-installer": "^1.4@stable",
+                "phpstan/phpstan": "^2.1@stable",
+                "tracy/tracy": "^2.9"
+            },
+            "suggest": {
+                "ext-gd": "to use Image",
+                "ext-iconv": "to use Strings::webalize(), toAscii(), chr() and reverse()",
+                "ext-intl": "to use Strings::webalize(), toAscii(), normalize() and compare()",
+                "ext-json": "to use Nette\\Utils\\Json",
+                "ext-mbstring": "to use Strings::lower() etc...",
+                "ext-tokenizer": "to use Nette\\Utils\\Reflection::getUseStatements()"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.1-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Nette\\": "src"
+                },
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause",
+                "GPL-2.0-only",
+                "GPL-3.0-only"
+            ],
+            "authors": [
+                {
+                    "name": "David Grudl",
+                    "homepage": "https://davidgrudl.com"
+                },
+                {
+                    "name": "Nette Community",
+                    "homepage": "https://nette.org/contributors"
+                }
+            ],
+            "description": "🛠  Nette Utils: lightweight utilities for string & array manipulation, image handling, safe JSON encoding/decoding, validation, slug or strong password generating etc.",
+            "homepage": "https://nette.org",
+            "keywords": [
+                "array",
+                "core",
+                "datetime",
+                "images",
+                "json",
+                "nette",
+                "paginator",
+                "password",
+                "slugify",
+                "string",
+                "unicode",
+                "utf-8",
+                "utility",
+                "validation"
+            ],
+            "support": {
+                "issues": "https://github.com/nette/utils/issues",
+                "source": "https://github.com/nette/utils/tree/v4.1.3"
+            },
+            "time": "2026-02-13T03:05:33+00:00"
+        },
+        {
+            "name": "nikic/php-parser",
+            "version": "v5.7.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/nikic/PHP-Parser.git",
+                "reference": "dca41cd15c2ac9d055ad70dbfd011130757d1f82"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/dca41cd15c2ac9d055ad70dbfd011130757d1f82",
+                "reference": "dca41cd15c2ac9d055ad70dbfd011130757d1f82",
+                "shasum": ""
+            },
+            "require": {
+                "ext-ctype": "*",
+                "ext-json": "*",
+                "ext-tokenizer": "*",
+                "php": ">=7.4"
+            },
+            "require-dev": {
+                "ircmaxell/php-yacc": "^0.0.7",
+                "phpunit/phpunit": "^9.0"
+            },
+            "bin": [
+                "bin/php-parse"
+            ],
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "5.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "PhpParser\\": "lib/PhpParser"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Nikita Popov"
+                }
+            ],
+            "description": "A PHP parser written in PHP",
+            "keywords": [
+                "parser",
+                "php"
+            ],
+            "support": {
+                "issues": "https://github.com/nikic/PHP-Parser/issues",
+                "source": "https://github.com/nikic/PHP-Parser/tree/v5.7.0"
+            },
+            "time": "2025-12-06T11:56:16+00:00"
+        },
+        {
+            "name": "nunomaduro/termwind",
+            "version": "v2.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/nunomaduro/termwind.git",
+                "reference": "712a31b768f5daea284c2169a7d227031001b9a8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/nunomaduro/termwind/zipball/712a31b768f5daea284c2169a7d227031001b9a8",
+                "reference": "712a31b768f5daea284c2169a7d227031001b9a8",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "php": "^8.2",
+                "symfony/console": "^7.4.4 || ^8.0.4"
+            },
+            "require-dev": {
+                "illuminate/console": "^11.47.0",
+                "laravel/pint": "^1.27.1",
+                "mockery/mockery": "^1.6.12",
+                "pestphp/pest": "^2.36.0 || ^3.8.4 || ^4.3.2",
+                "phpstan/phpstan": "^1.12.32",
+                "phpstan/phpstan-strict-rules": "^1.6.2",
+                "symfony/var-dumper": "^7.3.5 || ^8.0.4",
+                "thecodingmachine/phpstan-strict-rules": "^1.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Termwind\\Laravel\\TermwindServiceProvider"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-2.x": "2.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/Functions.php"
+                ],
+                "psr-4": {
+                    "Termwind\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nuno Maduro",
+                    "email": "enunomaduro@gmail.com"
+                }
+            ],
+            "description": "It's like Tailwind CSS, but for the console.",
+            "keywords": [
+                "cli",
+                "console",
+                "css",
+                "package",
+                "php",
+                "style"
+            ],
+            "support": {
+                "issues": "https://github.com/nunomaduro/termwind/issues",
+                "source": "https://github.com/nunomaduro/termwind/tree/v2.4.0"
+            },
+            "funding": [
+                {
+                    "url": "https://www.paypal.com/paypalme/enunomaduro",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/nunomaduro",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/xiCO2k",
+                    "type": "github"
+                }
+            ],
+            "time": "2026-02-16T23:10:27+00:00"
+        },
+        {
+            "name": "phpoption/phpoption",
+            "version": "1.9.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/schmittjoh/php-option.git",
+                "reference": "75365b91986c2405cf5e1e012c5595cd487a98be"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/schmittjoh/php-option/zipball/75365b91986c2405cf5e1e012c5595cd487a98be",
+                "reference": "75365b91986c2405cf5e1e012c5595cd487a98be",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "phpunit/phpunit": "^8.5.44 || ^9.6.25 || ^10.5.53 || ^11.5.34"
+            },
+            "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": false
+                },
+                "branch-alias": {
+                    "dev-master": "1.9-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "PhpOption\\": "src/PhpOption/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "Apache-2.0"
+            ],
+            "authors": [
+                {
+                    "name": "Johannes M. Schmitt",
+                    "email": "schmittjoh@gmail.com",
+                    "homepage": "https://github.com/schmittjoh"
+                },
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                }
+            ],
+            "description": "Option Type for PHP",
+            "keywords": [
+                "language",
+                "option",
+                "php",
+                "type"
+            ],
+            "support": {
+                "issues": "https://github.com/schmittjoh/php-option/issues",
+                "source": "https://github.com/schmittjoh/php-option/tree/1.9.5"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/phpoption/phpoption",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-12-27T19:41:33+00:00"
+        },
+        {
+            "name": "psr/clock",
+            "version": "1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/clock.git",
+                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/clock/zipball/e41a24703d4560fd0acb709162f73b8adfc3aa0d",
+                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.0 || ^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Clock\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for reading the clock.",
+            "homepage": "https://github.com/php-fig/clock",
+            "keywords": [
+                "clock",
+                "now",
+                "psr",
+                "psr-20",
+                "time"
+            ],
+            "support": {
+                "issues": "https://github.com/php-fig/clock/issues",
+                "source": "https://github.com/php-fig/clock/tree/1.0.0"
+            },
+            "time": "2022-11-25T14:36:26+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "2.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "c71ecc56dfe541dbd90c5360474fbc405f8d5963"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/c71ecc56dfe541dbd90c5360474fbc405f8d5963",
+                "reference": "c71ecc56dfe541dbd90c5360474fbc405f8d5963",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.4.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "support": {
+                "issues": "https://github.com/php-fig/container/issues",
+                "source": "https://github.com/php-fig/container/tree/2.0.2"
+            },
+            "time": "2021-11-05T16:47:00+00:00"
+        },
+        {
+            "name": "psr/event-dispatcher",
+            "version": "1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/event-dispatcher.git",
+                "reference": "dbefd12671e8a14ec7f180cab83036ed26714bb0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/event-dispatcher/zipball/dbefd12671e8a14ec7f180cab83036ed26714bb0",
+                "reference": "dbefd12671e8a14ec7f180cab83036ed26714bb0",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\EventDispatcher\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "http://www.php-fig.org/"
+                }
+            ],
+            "description": "Standard interfaces for event handling.",
+            "keywords": [
+                "events",
+                "psr",
+                "psr-14"
+            ],
+            "support": {
+                "issues": "https://github.com/php-fig/event-dispatcher/issues",
+                "source": "https://github.com/php-fig/event-dispatcher/tree/1.0.0"
+            },
+            "time": "2019-01-08T18:20:26+00:00"
+        },
+        {
+            "name": "psr/http-client",
+            "version": "1.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-client.git",
+                "reference": "bb5906edc1c324c9a05aa0873d40117941e5fa90"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-client/zipball/bb5906edc1c324c9a05aa0873d40117941e5fa90",
+                "reference": "bb5906edc1c324c9a05aa0873d40117941e5fa90",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.0 || ^8.0",
+                "psr/http-message": "^1.0 || ^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Client\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for HTTP clients",
+            "homepage": "https://github.com/php-fig/http-client",
+            "keywords": [
+                "http",
+                "http-client",
+                "psr",
+                "psr-18"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/http-client"
+            },
+            "time": "2023-09-23T14:17:50+00:00"
+        },
+        {
+            "name": "psr/http-factory",
+            "version": "1.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-factory.git",
+                "reference": "2b4765fddfe3b508ac62f829e852b1501d3f6e8a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-factory/zipball/2b4765fddfe3b508ac62f829e852b1501d3f6e8a",
+                "reference": "2b4765fddfe3b508ac62f829e852b1501d3f6e8a",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1",
+                "psr/http-message": "^1.0 || ^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Message\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "PSR-17: Common interfaces for PSR-7 HTTP message factories",
+            "keywords": [
+                "factory",
+                "http",
+                "message",
+                "psr",
+                "psr-17",
+                "psr-7",
+                "request",
+                "response"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/http-factory"
+            },
+            "time": "2024-04-15T12:06:14+00:00"
+        },
+        {
+            "name": "psr/http-message",
+            "version": "2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-message.git",
+                "reference": "402d35bcb92c70c026d1a6a9883f06b2ead23d71"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-message/zipball/402d35bcb92c70c026d1a6a9883f06b2ead23d71",
+                "reference": "402d35bcb92c70c026d1a6a9883f06b2ead23d71",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2 || ^8.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Message\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for HTTP messages",
+            "homepage": "https://github.com/php-fig/http-message",
+            "keywords": [
+                "http",
+                "http-message",
+                "psr",
+                "psr-7",
+                "request",
+                "response"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/http-message/tree/2.0"
+            },
+            "time": "2023-04-04T09:54:51+00:00"
+        },
+        {
+            "name": "psr/log",
+            "version": "3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/log.git",
+                "reference": "f16e1d5863e37f8d8c2a01719f5b34baa2b714d3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/log/zipball/f16e1d5863e37f8d8c2a01719f5b34baa2b714d3",
+                "reference": "f16e1d5863e37f8d8c2a01719f5b34baa2b714d3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Log\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for logging libraries",
+            "homepage": "https://github.com/php-fig/log",
+            "keywords": [
+                "log",
+                "psr",
+                "psr-3"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/log/tree/3.0.2"
+            },
+            "time": "2024-09-11T13:17:53+00:00"
+        },
+        {
+            "name": "psr/simple-cache",
+            "version": "3.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/simple-cache.git",
+                "reference": "764e0b3939f5ca87cb904f570ef9be2d78a07865"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/simple-cache/zipball/764e0b3939f5ca87cb904f570ef9be2d78a07865",
+                "reference": "764e0b3939f5ca87cb904f570ef9be2d78a07865",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\SimpleCache\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interfaces for simple caching",
+            "keywords": [
+                "cache",
+                "caching",
+                "psr",
+                "psr-16",
+                "simple-cache"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/simple-cache/tree/3.0.0"
+            },
+            "time": "2021-10-29T13:26:27+00:00"
+        },
+        {
+            "name": "psy/psysh",
+            "version": "v0.12.20",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/bobthecow/psysh.git",
+                "reference": "19678eb6b952a03b8a1d96ecee9edba518bb0373"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/19678eb6b952a03b8a1d96ecee9edba518bb0373",
+                "reference": "19678eb6b952a03b8a1d96ecee9edba518bb0373",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "ext-tokenizer": "*",
+                "nikic/php-parser": "^5.0 || ^4.0",
+                "php": "^8.0 || ^7.4",
+                "symfony/console": "^8.0 || ^7.0 || ^6.0 || ^5.0 || ^4.0 || ^3.4",
+                "symfony/var-dumper": "^8.0 || ^7.0 || ^6.0 || ^5.0 || ^4.0 || ^3.4"
+            },
+            "conflict": {
+                "symfony/console": "4.4.37 || 5.3.14 || 5.3.15 || 5.4.3 || 5.4.4 || 6.0.3 || 6.0.4"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.2",
+                "composer/class-map-generator": "^1.6"
+            },
+            "suggest": {
+                "composer/class-map-generator": "Improved tab completion performance with better class discovery.",
+                "ext-pcntl": "Enabling the PCNTL extension makes PsySH a lot happier :)",
+                "ext-posix": "If you have PCNTL, you'll want the POSIX extension as well."
+            },
+            "bin": [
+                "bin/psysh"
+            ],
+            "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": false,
+                    "forward-command": false
+                },
+                "branch-alias": {
+                    "dev-main": "0.12.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/functions.php"
+                ],
+                "psr-4": {
+                    "Psy\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Justin Hileman",
+                    "email": "justin@justinhileman.info"
+                }
+            ],
+            "description": "An interactive shell for modern PHP.",
+            "homepage": "https://psysh.org",
+            "keywords": [
+                "REPL",
+                "console",
+                "interactive",
+                "shell"
+            ],
+            "support": {
+                "issues": "https://github.com/bobthecow/psysh/issues",
+                "source": "https://github.com/bobthecow/psysh/tree/v0.12.20"
+            },
+            "time": "2026-02-11T15:05:28+00:00"
+        },
+        {
+            "name": "ralouphie/getallheaders",
+            "version": "3.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/ralouphie/getallheaders.git",
+                "reference": "120b605dfeb996808c31b6477290a714d356e822"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/ralouphie/getallheaders/zipball/120b605dfeb996808c31b6477290a714d356e822",
+                "reference": "120b605dfeb996808c31b6477290a714d356e822",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6"
+            },
+            "require-dev": {
+                "php-coveralls/php-coveralls": "^2.1",
+                "phpunit/phpunit": "^5 || ^6.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/getallheaders.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ralph Khattar",
+                    "email": "ralph.khattar@gmail.com"
+                }
+            ],
+            "description": "A polyfill for getallheaders.",
+            "support": {
+                "issues": "https://github.com/ralouphie/getallheaders/issues",
+                "source": "https://github.com/ralouphie/getallheaders/tree/develop"
+            },
+            "time": "2019-03-08T08:55:37+00:00"
+        },
+        {
+            "name": "ramsey/collection",
+            "version": "2.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/ramsey/collection.git",
+                "reference": "344572933ad0181accbf4ba763e85a0306a8c5e2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/ramsey/collection/zipball/344572933ad0181accbf4ba763e85a0306a8c5e2",
+                "reference": "344572933ad0181accbf4ba763e85a0306a8c5e2",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1"
+            },
+            "require-dev": {
+                "captainhook/plugin-composer": "^5.3",
+                "ergebnis/composer-normalize": "^2.45",
+                "fakerphp/faker": "^1.24",
+                "hamcrest/hamcrest-php": "^2.0",
+                "jangregor/phpstan-prophecy": "^2.1",
+                "mockery/mockery": "^1.6",
+                "php-parallel-lint/php-console-highlighter": "^1.0",
+                "php-parallel-lint/php-parallel-lint": "^1.4",
+                "phpspec/prophecy-phpunit": "^2.3",
+                "phpstan/extension-installer": "^1.4",
+                "phpstan/phpstan": "^2.1",
+                "phpstan/phpstan-mockery": "^2.0",
+                "phpstan/phpstan-phpunit": "^2.0",
+                "phpunit/phpunit": "^10.5",
+                "ramsey/coding-standard": "^2.3",
+                "ramsey/conventional-commits": "^1.6",
+                "roave/security-advisories": "dev-latest"
+            },
+            "type": "library",
+            "extra": {
+                "captainhook": {
+                    "force-install": true
+                },
+                "ramsey/conventional-commits": {
+                    "configFile": "conventional-commits.json"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Ramsey\\Collection\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ben Ramsey",
+                    "email": "ben@benramsey.com",
+                    "homepage": "https://benramsey.com"
+                }
+            ],
+            "description": "A PHP library for representing and manipulating collections.",
+            "keywords": [
+                "array",
+                "collection",
+                "hash",
+                "map",
+                "queue",
+                "set"
+            ],
+            "support": {
+                "issues": "https://github.com/ramsey/collection/issues",
+                "source": "https://github.com/ramsey/collection/tree/2.1.1"
+            },
+            "time": "2025-03-22T05:38:12+00:00"
+        },
+        {
+            "name": "ramsey/uuid",
+            "version": "4.9.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/ramsey/uuid.git",
+                "reference": "8429c78ca35a09f27565311b98101e2826affde0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/ramsey/uuid/zipball/8429c78ca35a09f27565311b98101e2826affde0",
+                "reference": "8429c78ca35a09f27565311b98101e2826affde0",
+                "shasum": ""
+            },
+            "require": {
+                "brick/math": "^0.8.16 || ^0.9 || ^0.10 || ^0.11 || ^0.12 || ^0.13 || ^0.14",
+                "php": "^8.0",
+                "ramsey/collection": "^1.2 || ^2.0"
+            },
+            "replace": {
+                "rhumsaa/uuid": "self.version"
+            },
+            "require-dev": {
+                "captainhook/captainhook": "^5.25",
+                "captainhook/plugin-composer": "^5.3",
+                "dealerdirect/phpcodesniffer-composer-installer": "^1.0",
+                "ergebnis/composer-normalize": "^2.47",
+                "mockery/mockery": "^1.6",
+                "paragonie/random-lib": "^2",
+                "php-mock/php-mock": "^2.6",
+                "php-mock/php-mock-mockery": "^1.5",
+                "php-parallel-lint/php-parallel-lint": "^1.4.0",
+                "phpbench/phpbench": "^1.2.14",
+                "phpstan/extension-installer": "^1.4",
+                "phpstan/phpstan": "^2.1",
+                "phpstan/phpstan-mockery": "^2.0",
+                "phpstan/phpstan-phpunit": "^2.0",
+                "phpunit/phpunit": "^9.6",
+                "slevomat/coding-standard": "^8.18",
+                "squizlabs/php_codesniffer": "^3.13"
+            },
+            "suggest": {
+                "ext-bcmath": "Enables faster math with arbitrary-precision integers using BCMath.",
+                "ext-gmp": "Enables faster math with arbitrary-precision integers using GMP.",
+                "ext-uuid": "Enables the use of PeclUuidTimeGenerator and PeclUuidRandomGenerator.",
+                "paragonie/random-lib": "Provides RandomLib for use with the RandomLibAdapter",
+                "ramsey/uuid-doctrine": "Allows the use of Ramsey\\Uuid\\Uuid as Doctrine field type."
+            },
+            "type": "library",
+            "extra": {
+                "captainhook": {
+                    "force-install": true
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/functions.php"
+                ],
+                "psr-4": {
+                    "Ramsey\\Uuid\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "A PHP library for generating and working with universally unique identifiers (UUIDs).",
+            "keywords": [
+                "guid",
+                "identifier",
+                "uuid"
+            ],
+            "support": {
+                "issues": "https://github.com/ramsey/uuid/issues",
+                "source": "https://github.com/ramsey/uuid/tree/4.9.2"
+            },
+            "time": "2025-12-14T04:43:48+00:00"
+        },
+        {
+            "name": "symfony/clock",
+            "version": "v7.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/clock.git",
+                "reference": "9169f24776edde469914c1e7a1442a50f7a4e110"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/clock/zipball/9169f24776edde469914c1e7a1442a50f7a4e110",
+                "reference": "9169f24776edde469914c1e7a1442a50f7a4e110",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "psr/clock": "^1.0",
+                "symfony/polyfill-php83": "^1.28"
+            },
+            "provide": {
+                "psr/clock-implementation": "1.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/now.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\Clock\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Decouples applications from the system clock",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "clock",
+                "psr20",
+                "time"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/clock/tree/v7.4.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-11-12T15:39:26+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "6d643a93b47398599124022eb24d97c153c12f27"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/6d643a93b47398599124022eb24d97c153c12f27",
+                "reference": "6d643a93b47398599124022eb24d97c153c12f27",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/service-contracts": "^2.5|^3",
+                "symfony/string": "^7.2|^8.0"
+            },
+            "conflict": {
+                "symfony/dependency-injection": "<6.4",
+                "symfony/dotenv": "<6.4",
+                "symfony/event-dispatcher": "<6.4",
+                "symfony/lock": "<6.4",
+                "symfony/process": "<6.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0|3.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2|^3",
+                "symfony/config": "^6.4|^7.0|^8.0",
+                "symfony/dependency-injection": "^6.4|^7.0|^8.0",
+                "symfony/event-dispatcher": "^6.4|^7.0|^8.0",
+                "symfony/http-foundation": "^6.4|^7.0|^8.0",
+                "symfony/http-kernel": "^6.4|^7.0|^8.0",
+                "symfony/lock": "^6.4|^7.0|^8.0",
+                "symfony/messenger": "^6.4|^7.0|^8.0",
+                "symfony/process": "^6.4|^7.0|^8.0",
+                "symfony/stopwatch": "^6.4|^7.0|^8.0",
+                "symfony/var-dumper": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command-line",
+                "console",
+                "terminal"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/console/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-25T17:02:47+00:00"
+        },
+        {
+            "name": "symfony/css-selector",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/css-selector.git",
+                "reference": "2e7c52c647b406e2107dd867db424a4dbac91864"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/css-selector/zipball/2e7c52c647b406e2107dd867db424a4dbac91864",
+                "reference": "2e7c52c647b406e2107dd867db424a4dbac91864",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\CssSelector\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Jean-François Simon",
+                    "email": "jeanfrancois.simon@sensiolabs.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Converts CSS selectors to XPath expressions",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/css-selector/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-17T07:53:42+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "v3.6.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "63afe740e99a13ba87ec199bb07bbdee937a5b62"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/63afe740e99a13ba87ec199bb07bbdee937a5b62",
+                "reference": "63afe740e99a13ba87ec199bb07bbdee937a5b62",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/contracts",
+                    "name": "symfony/contracts"
+                },
+                "branch-alias": {
+                    "dev-main": "3.6-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/deprecation-contracts/tree/v3.6.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-09-25T14:21:43+00:00"
+        },
+        {
+            "name": "symfony/error-handler",
+            "version": "v7.4.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/error-handler.git",
+                "reference": "8da531f364ddfee53e36092a7eebbbd0b775f6b8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/error-handler/zipball/8da531f364ddfee53e36092a7eebbbd0b775f6b8",
+                "reference": "8da531f364ddfee53e36092a7eebbbd0b775f6b8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "psr/log": "^1|^2|^3",
+                "symfony/polyfill-php85": "^1.32",
+                "symfony/var-dumper": "^6.4|^7.0|^8.0"
+            },
+            "conflict": {
+                "symfony/deprecation-contracts": "<2.5",
+                "symfony/http-kernel": "<6.4"
+            },
+            "require-dev": {
+                "symfony/console": "^6.4|^7.0|^8.0",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/http-kernel": "^6.4|^7.0|^8.0",
+                "symfony/serializer": "^6.4|^7.0|^8.0",
+                "symfony/webpack-encore-bundle": "^1.0|^2.0"
+            },
+            "bin": [
+                "Resources/bin/patch-type-declarations"
+            ],
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\ErrorHandler\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides tools to manage errors and ease debugging PHP code",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/error-handler/tree/v7.4.4"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-20T16:42:42+00:00"
+        },
+        {
+            "name": "symfony/event-dispatcher",
+            "version": "v7.4.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/event-dispatcher.git",
+                "reference": "dc2c0eba1af673e736bb851d747d266108aea746"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/dc2c0eba1af673e736bb851d747d266108aea746",
+                "reference": "dc2c0eba1af673e736bb851d747d266108aea746",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/event-dispatcher-contracts": "^2.5|^3"
+            },
+            "conflict": {
+                "symfony/dependency-injection": "<6.4",
+                "symfony/service-contracts": "<2.5"
+            },
+            "provide": {
+                "psr/event-dispatcher-implementation": "1.0",
+                "symfony/event-dispatcher-implementation": "2.0|3.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2|^3",
+                "symfony/config": "^6.4|^7.0|^8.0",
+                "symfony/dependency-injection": "^6.4|^7.0|^8.0",
+                "symfony/error-handler": "^6.4|^7.0|^8.0",
+                "symfony/expression-language": "^6.4|^7.0|^8.0",
+                "symfony/framework-bundle": "^6.4|^7.0|^8.0",
+                "symfony/http-foundation": "^6.4|^7.0|^8.0",
+                "symfony/service-contracts": "^2.5|^3",
+                "symfony/stopwatch": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\EventDispatcher\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides tools that allow your application components to communicate with each other by dispatching events and listening to them",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/event-dispatcher/tree/v7.4.4"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-05T11:45:34+00:00"
+        },
+        {
+            "name": "symfony/event-dispatcher-contracts",
+            "version": "v3.6.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/event-dispatcher-contracts.git",
+                "reference": "59eb412e93815df44f05f342958efa9f46b1e586"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher-contracts/zipball/59eb412e93815df44f05f342958efa9f46b1e586",
+                "reference": "59eb412e93815df44f05f342958efa9f46b1e586",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1",
+                "psr/event-dispatcher": "^1"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/contracts",
+                    "name": "symfony/contracts"
+                },
+                "branch-alias": {
+                    "dev-main": "3.6-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\EventDispatcher\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to dispatching event",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/event-dispatcher-contracts/tree/v3.6.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-09-25T14:21:43+00:00"
+        },
+        {
+            "name": "symfony/finder",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/finder.git",
+                "reference": "8655bf1076b7a3a346cb11413ffdabff50c7ffcf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/finder/zipball/8655bf1076b7a3a346cb11413ffdabff50c7ffcf",
+                "reference": "8655bf1076b7a3a346cb11413ffdabff50c7ffcf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "symfony/filesystem": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Finder\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Finds files and directories via an intuitive fluent interface",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/finder/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-29T09:40:50+00:00"
+        },
+        {
+            "name": "symfony/http-foundation",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/http-foundation.git",
+                "reference": "fd97d5e926e988a363cef56fbbf88c5c528e9065"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/fd97d5e926e988a363cef56fbbf88c5c528e9065",
+                "reference": "fd97d5e926e988a363cef56fbbf88c5c528e9065",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/polyfill-mbstring": "^1.1"
+            },
+            "conflict": {
+                "doctrine/dbal": "<3.6",
+                "symfony/cache": "<6.4.12|>=7.0,<7.1.5"
+            },
+            "require-dev": {
+                "doctrine/dbal": "^3.6|^4",
+                "predis/predis": "^1.1|^2.0",
+                "symfony/cache": "^6.4.12|^7.1.5|^8.0",
+                "symfony/clock": "^6.4|^7.0|^8.0",
+                "symfony/dependency-injection": "^6.4|^7.0|^8.0",
+                "symfony/expression-language": "^6.4|^7.0|^8.0",
+                "symfony/http-kernel": "^6.4|^7.0|^8.0",
+                "symfony/mime": "^6.4|^7.0|^8.0",
+                "symfony/rate-limiter": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\HttpFoundation\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Defines an object-oriented layer for the HTTP specification",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/http-foundation/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-21T16:25:55+00:00"
+        },
+        {
+            "name": "symfony/http-kernel",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/http-kernel.git",
+                "reference": "002ac0cf4cd972a7fd0912dcd513a95e8a81ce83"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/002ac0cf4cd972a7fd0912dcd513a95e8a81ce83",
+                "reference": "002ac0cf4cd972a7fd0912dcd513a95e8a81ce83",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "psr/log": "^1|^2|^3",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/error-handler": "^6.4|^7.0|^8.0",
+                "symfony/event-dispatcher": "^7.3|^8.0",
+                "symfony/http-foundation": "^7.4|^8.0",
+                "symfony/polyfill-ctype": "^1.8"
+            },
+            "conflict": {
+                "symfony/browser-kit": "<6.4",
+                "symfony/cache": "<6.4",
+                "symfony/config": "<6.4",
+                "symfony/console": "<6.4",
+                "symfony/dependency-injection": "<6.4",
+                "symfony/doctrine-bridge": "<6.4",
+                "symfony/flex": "<2.10",
+                "symfony/form": "<6.4",
+                "symfony/http-client": "<6.4",
+                "symfony/http-client-contracts": "<2.5",
+                "symfony/mailer": "<6.4",
+                "symfony/messenger": "<6.4",
+                "symfony/translation": "<6.4",
+                "symfony/translation-contracts": "<2.5",
+                "symfony/twig-bridge": "<6.4",
+                "symfony/validator": "<6.4",
+                "symfony/var-dumper": "<6.4",
+                "twig/twig": "<3.12"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0|3.0"
+            },
+            "require-dev": {
+                "psr/cache": "^1.0|^2.0|^3.0",
+                "symfony/browser-kit": "^6.4|^7.0|^8.0",
+                "symfony/clock": "^6.4|^7.0|^8.0",
+                "symfony/config": "^6.4|^7.0|^8.0",
+                "symfony/console": "^6.4|^7.0|^8.0",
+                "symfony/css-selector": "^6.4|^7.0|^8.0",
+                "symfony/dependency-injection": "^6.4.1|^7.0.1|^8.0",
+                "symfony/dom-crawler": "^6.4|^7.0|^8.0",
+                "symfony/expression-language": "^6.4|^7.0|^8.0",
+                "symfony/finder": "^6.4|^7.0|^8.0",
+                "symfony/http-client-contracts": "^2.5|^3",
+                "symfony/process": "^6.4|^7.0|^8.0",
+                "symfony/property-access": "^7.1|^8.0",
+                "symfony/routing": "^6.4|^7.0|^8.0",
+                "symfony/serializer": "^7.1|^8.0",
+                "symfony/stopwatch": "^6.4|^7.0|^8.0",
+                "symfony/translation": "^6.4|^7.0|^8.0",
+                "symfony/translation-contracts": "^2.5|^3",
+                "symfony/uid": "^6.4|^7.0|^8.0",
+                "symfony/validator": "^6.4|^7.0|^8.0",
+                "symfony/var-dumper": "^6.4|^7.0|^8.0",
+                "symfony/var-exporter": "^6.4|^7.0|^8.0",
+                "twig/twig": "^3.12"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\HttpKernel\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides a structured process for converting a Request into a Response",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/http-kernel/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-26T08:30:57+00:00"
+        },
+        {
+            "name": "symfony/mailer",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/mailer.git",
+                "reference": "b02726f39a20bc65e30364f5c750c4ddbf1f58e9"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/mailer/zipball/b02726f39a20bc65e30364f5c750c4ddbf1f58e9",
+                "reference": "b02726f39a20bc65e30364f5c750c4ddbf1f58e9",
+                "shasum": ""
+            },
+            "require": {
+                "egulias/email-validator": "^2.1.10|^3|^4",
+                "php": ">=8.2",
+                "psr/event-dispatcher": "^1",
+                "psr/log": "^1|^2|^3",
+                "symfony/event-dispatcher": "^6.4|^7.0|^8.0",
+                "symfony/mime": "^7.2|^8.0",
+                "symfony/service-contracts": "^2.5|^3"
+            },
+            "conflict": {
+                "symfony/http-client-contracts": "<2.5",
+                "symfony/http-kernel": "<6.4",
+                "symfony/messenger": "<6.4",
+                "symfony/mime": "<6.4",
+                "symfony/twig-bridge": "<6.4"
+            },
+            "require-dev": {
+                "symfony/console": "^6.4|^7.0|^8.0",
+                "symfony/http-client": "^6.4|^7.0|^8.0",
+                "symfony/messenger": "^6.4|^7.0|^8.0",
+                "symfony/twig-bridge": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Mailer\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Helps sending emails",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/mailer/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-25T16:50:00+00:00"
+        },
+        {
+            "name": "symfony/mime",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/mime.git",
+                "reference": "9fc881d95feae4c6c48678cb6372bd8a7ba04f5f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/mime/zipball/9fc881d95feae4c6c48678cb6372bd8a7ba04f5f",
+                "reference": "9fc881d95feae4c6c48678cb6372bd8a7ba04f5f",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/polyfill-intl-idn": "^1.10",
+                "symfony/polyfill-mbstring": "^1.0"
+            },
+            "conflict": {
+                "egulias/email-validator": "~3.0.0",
+                "phpdocumentor/reflection-docblock": "<5.2|>=7",
+                "phpdocumentor/type-resolver": "<1.5.1",
+                "symfony/mailer": "<6.4",
+                "symfony/serializer": "<6.4.3|>7.0,<7.0.3"
+            },
+            "require-dev": {
+                "egulias/email-validator": "^2.1.10|^3.1|^4",
+                "league/html-to-markdown": "^5.0",
+                "phpdocumentor/reflection-docblock": "^5.2|^6.0",
+                "symfony/dependency-injection": "^6.4|^7.0|^8.0",
+                "symfony/process": "^6.4|^7.0|^8.0",
+                "symfony/property-access": "^6.4|^7.0|^8.0",
+                "symfony/property-info": "^6.4|^7.0|^8.0",
+                "symfony/serializer": "^6.4.3|^7.0.3|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Mime\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Allows manipulating MIME messages",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "mime",
+                "mime-type"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/mime/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-05T15:57:06+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "a3cc8b044a6ea513310cbd48ef7333b384945638"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/a3cc8b044a6ea513310cbd48ef7333b384945638",
+                "reference": "a3cc8b044a6ea513310cbd48ef7333b384945638",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-09-09T11:45:10+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "380872130d3a5dd3ace2f4010d95125fde5d5c70"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/380872130d3a5dd3ace2f4010d95125fde5d5c70",
+                "reference": "380872130d3a5dd3ace2f4010d95125fde5d5c70",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-06-27T09:58:17+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-idn",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-idn.git",
+                "reference": "9614ac4d8061dc257ecc64cba1b140873dce8ad3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/9614ac4d8061dc257ecc64cba1b140873dce8ad3",
+                "reference": "9614ac4d8061dc257ecc64cba1b140873dce8ad3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2",
+                "symfony/polyfill-intl-normalizer": "^1.10"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Idn\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Laurent Bassin",
+                    "email": "laurent@bassin.info"
+                },
+                {
+                    "name": "Trevor Rowbotham",
+                    "email": "trevor.rowbotham@pm.me"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's idn_to_ascii and idn_to_utf8 functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "idn",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-09-10T14:38:51+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "3833d7255cc303546435cb650316bff708a1c75c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/3833d7255cc303546435cb650316bff708a1c75c",
+                "reference": "3833d7255cc303546435cb650316bff708a1c75c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-09-09T11:45:10+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/6d857f4d76bd4b343eac26d6b539585d2bc56493",
+                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493",
+                "shasum": ""
+            },
+            "require": {
+                "ext-iconv": "*",
+                "php": ">=7.2"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-12-23T08:48:59+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "0cc9dd0f17f61d8131e7df6b84bd344899fe2608"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/0cc9dd0f17f61d8131e7df6b84bd344899fe2608",
+                "reference": "0cc9dd0f17f61d8131e7df6b84bd344899fe2608",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-php80/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-01-02T08:10:11+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php83",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php83.git",
+                "reference": "17f6f9a6b1735c0f163024d959f700cfbc5155e5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php83/zipball/17f6f9a6b1735c0f163024d959f700cfbc5155e5",
+                "reference": "17f6f9a6b1735c0f163024d959f700cfbc5155e5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php83\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-php83/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-07-08T02:45:35+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php84",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php84.git",
+                "reference": "d8ced4d875142b6a7426000426b8abc631d6b191"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php84/zipball/d8ced4d875142b6a7426000426b8abc631d6b191",
+                "reference": "d8ced4d875142b6a7426000426b8abc631d6b191",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php84\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.4+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-php84/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-06-24T13:30:11+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php85",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php85.git",
+                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php85/zipball/d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
+                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php85\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.5+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-php85/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-06-23T16:12:55+00:00"
+        },
+        {
+            "name": "symfony/polyfill-uuid",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-uuid.git",
+                "reference": "21533be36c24be3f4b1669c4725c7d1d2bab4ae2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-uuid/zipball/21533be36c24be3f4b1669c4725c7d1d2bab4ae2",
+                "reference": "21533be36c24be3f4b1669c4725c7d1d2bab4ae2",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "provide": {
+                "ext-uuid": "*"
+            },
+            "suggest": {
+                "ext-uuid": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Uuid\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Grégoire Pineau",
+                    "email": "lyrixx@lyrixx.info"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for uuid functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "uuid"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-09-09T11:45:10+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "v7.4.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "608476f4604102976d687c483ac63a79ba18cc97"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/608476f4604102976d687c483ac63a79ba18cc97",
+                "reference": "608476f4604102976d687c483ac63a79ba18cc97",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/process/tree/v7.4.5"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-26T15:07:59+00:00"
+        },
+        {
+            "name": "symfony/routing",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/routing.git",
+                "reference": "238d749c56b804b31a9bf3e26519d93b65a60938"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/routing/zipball/238d749c56b804b31a9bf3e26519d93b65a60938",
+                "reference": "238d749c56b804b31a9bf3e26519d93b65a60938",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3"
+            },
+            "conflict": {
+                "symfony/config": "<6.4",
+                "symfony/dependency-injection": "<6.4",
+                "symfony/yaml": "<6.4"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2|^3",
+                "symfony/config": "^6.4|^7.0|^8.0",
+                "symfony/dependency-injection": "^6.4|^7.0|^8.0",
+                "symfony/expression-language": "^6.4|^7.0|^8.0",
+                "symfony/http-foundation": "^6.4|^7.0|^8.0",
+                "symfony/yaml": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Routing\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Maps an HTTP request to a set of configuration variables",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "router",
+                "routing",
+                "uri",
+                "url"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/routing/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-25T16:50:00+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "v3.6.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "45112560a3ba2d715666a509a0bc9521d10b6c43"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/45112560a3ba2d715666a509a0bc9521d10b6c43",
+                "reference": "45112560a3ba2d715666a509a0bc9521d10b6c43",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1",
+                "psr/container": "^1.1|^2.0",
+                "symfony/deprecation-contracts": "^2.5|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/contracts",
+                    "name": "symfony/contracts"
+                },
+                "branch-alias": {
+                    "dev-main": "3.6-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Test/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/service-contracts/tree/v3.6.1"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-07-15T11:30:57+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "9f209231affa85aa930a5e46e6eb03381424b30b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/9f209231affa85aa930a5e46e6eb03381424b30b",
+                "reference": "9f209231affa85aa930a5e46e6eb03381424b30b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3.0",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.33",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0"
+            },
+            "conflict": {
+                "symfony/translation-contracts": "<2.5"
+            },
+            "require-dev": {
+                "symfony/emoji": "^7.1|^8.0",
+                "symfony/http-client": "^6.4|^7.0|^8.0",
+                "symfony/intl": "^6.4|^7.0|^8.0",
+                "symfony/translation-contracts": "^2.5|^3.0",
+                "symfony/var-exporter": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/string/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-09T09:33:46+00:00"
+        },
+        {
+            "name": "symfony/translation",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/translation.git",
+                "reference": "1888cf064399868af3784b9e043240f1d89d25ce"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/1888cf064399868af3784b9e043240f1d89d25ce",
+                "reference": "1888cf064399868af3784b9e043240f1d89d25ce",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/translation-contracts": "^2.5.3|^3.3"
+            },
+            "conflict": {
+                "nikic/php-parser": "<5.0",
+                "symfony/config": "<6.4",
+                "symfony/console": "<6.4",
+                "symfony/dependency-injection": "<6.4",
+                "symfony/http-client-contracts": "<2.5",
+                "symfony/http-kernel": "<6.4",
+                "symfony/service-contracts": "<2.5",
+                "symfony/twig-bundle": "<6.4",
+                "symfony/yaml": "<6.4"
+            },
+            "provide": {
+                "symfony/translation-implementation": "2.3|3.0"
+            },
+            "require-dev": {
+                "nikic/php-parser": "^5.0",
+                "psr/log": "^1|^2|^3",
+                "symfony/config": "^6.4|^7.0|^8.0",
+                "symfony/console": "^6.4|^7.0|^8.0",
+                "symfony/dependency-injection": "^6.4|^7.0|^8.0",
+                "symfony/finder": "^6.4|^7.0|^8.0",
+                "symfony/http-client-contracts": "^2.5|^3.0",
+                "symfony/http-kernel": "^6.4|^7.0|^8.0",
+                "symfony/intl": "^6.4|^7.0|^8.0",
+                "symfony/polyfill-intl-icu": "^1.21",
+                "symfony/routing": "^6.4|^7.0|^8.0",
+                "symfony/service-contracts": "^2.5|^3",
+                "symfony/yaml": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\Translation\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides tools to internationalize your application",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/translation/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-17T07:53:42+00:00"
+        },
+        {
+            "name": "symfony/translation-contracts",
+            "version": "v3.6.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/translation-contracts.git",
+                "reference": "65a8bc82080447fae78373aa10f8d13b38338977"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/translation-contracts/zipball/65a8bc82080447fae78373aa10f8d13b38338977",
+                "reference": "65a8bc82080447fae78373aa10f8d13b38338977",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/contracts",
+                    "name": "symfony/contracts"
+                },
+                "branch-alias": {
+                    "dev-main": "3.6-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Translation\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Test/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to translation",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/translation-contracts/tree/v3.6.1"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-07-15T13:41:35+00:00"
+        },
+        {
+            "name": "symfony/uid",
+            "version": "v7.4.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/uid.git",
+                "reference": "7719ce8aba76be93dfe249192f1fbfa52c588e36"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/uid/zipball/7719ce8aba76be93dfe249192f1fbfa52c588e36",
+                "reference": "7719ce8aba76be93dfe249192f1fbfa52c588e36",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/polyfill-uuid": "^1.15"
+            },
+            "require-dev": {
+                "symfony/console": "^6.4|^7.0|^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Uid\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Grégoire Pineau",
+                    "email": "lyrixx@lyrixx.info"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to generate and represent UIDs",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "UID",
+                "ulid",
+                "uuid"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/uid/tree/v7.4.4"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-03T23:30:35+00:00"
+        },
+        {
+            "name": "symfony/var-dumper",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/var-dumper.git",
+                "reference": "045321c440ac18347b136c63d2e9bf28a2dc0291"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/045321c440ac18347b136c63d2e9bf28a2dc0291",
+                "reference": "045321c440ac18347b136c63d2e9bf28a2dc0291",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/polyfill-mbstring": "~1.0"
+            },
+            "conflict": {
+                "symfony/console": "<6.4"
+            },
+            "require-dev": {
+                "symfony/console": "^6.4|^7.0|^8.0",
+                "symfony/http-kernel": "^6.4|^7.0|^8.0",
+                "symfony/process": "^6.4|^7.0|^8.0",
+                "symfony/uid": "^6.4|^7.0|^8.0",
+                "twig/twig": "^3.12"
+            },
+            "bin": [
+                "Resources/bin/var-dump-server"
+            ],
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions/dump.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\VarDumper\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides mechanisms for walking through any arbitrary PHP variable",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "debug",
+                "dump"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/var-dumper/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-15T10:53:20+00:00"
+        },
+        {
+            "name": "tijsverkoyen/css-to-inline-styles",
+            "version": "v2.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/tijsverkoyen/CssToInlineStyles.git",
+                "reference": "f0292ccf0ec75843d65027214426b6b163b48b41"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/tijsverkoyen/CssToInlineStyles/zipball/f0292ccf0ec75843d65027214426b6b163b48b41",
+                "reference": "f0292ccf0ec75843d65027214426b6b163b48b41",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-libxml": "*",
+                "php": "^7.4 || ^8.0",
+                "symfony/css-selector": "^5.4 || ^6.0 || ^7.0 || ^8.0"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^2.0",
+                "phpstan/phpstan-phpunit": "^2.0",
+                "phpunit/phpunit": "^8.5.21 || ^9.5.10"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "TijsVerkoyen\\CssToInlineStyles\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Tijs Verkoyen",
+                    "email": "css_to_inline_styles@verkoyen.eu",
+                    "role": "Developer"
+                }
+            ],
+            "description": "CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending emails.",
+            "homepage": "https://github.com/tijsverkoyen/CssToInlineStyles",
+            "support": {
+                "issues": "https://github.com/tijsverkoyen/CssToInlineStyles/issues",
+                "source": "https://github.com/tijsverkoyen/CssToInlineStyles/tree/v2.4.0"
+            },
+            "time": "2025-12-02T11:56:42+00:00"
+        },
+        {
+            "name": "vlucas/phpdotenv",
+            "version": "v5.6.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/vlucas/phpdotenv.git",
+                "reference": "955e7815d677a3eaa7075231212f2110983adecc"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/vlucas/phpdotenv/zipball/955e7815d677a3eaa7075231212f2110983adecc",
+                "reference": "955e7815d677a3eaa7075231212f2110983adecc",
+                "shasum": ""
+            },
+            "require": {
+                "ext-pcre": "*",
+                "graham-campbell/result-type": "^1.1.4",
+                "php": "^7.2.5 || ^8.0",
+                "phpoption/phpoption": "^1.9.5",
+                "symfony/polyfill-ctype": "^1.26",
+                "symfony/polyfill-mbstring": "^1.26",
+                "symfony/polyfill-php80": "^1.26"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "ext-filter": "*",
+                "phpunit/phpunit": "^8.5.34 || ^9.6.13 || ^10.4.2"
+            },
+            "suggest": {
+                "ext-filter": "Required to use the boolean validator."
+            },
+            "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": false
+                },
+                "branch-alias": {
+                    "dev-master": "5.6-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Dotenv\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Vance Lucas",
+                    "email": "vance@vancelucas.com",
+                    "homepage": "https://github.com/vlucas"
+                }
+            ],
+            "description": "Loads environment variables from `.env` to `getenv()`, `$_ENV` and `$_SERVER` automagically.",
+            "keywords": [
+                "dotenv",
+                "env",
+                "environment"
+            ],
+            "support": {
+                "issues": "https://github.com/vlucas/phpdotenv/issues",
+                "source": "https://github.com/vlucas/phpdotenv/tree/v5.6.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/vlucas/phpdotenv",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-12-27T19:49:13+00:00"
+        },
+        {
+            "name": "voku/portable-ascii",
+            "version": "2.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/voku/portable-ascii.git",
+                "reference": "b1d923f88091c6bf09699efcd7c8a1b1bfd7351d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/voku/portable-ascii/zipball/b1d923f88091c6bf09699efcd7c8a1b1bfd7351d",
+                "reference": "b1d923f88091c6bf09699efcd7c8a1b1bfd7351d",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.0.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "~6.0 || ~7.0 || ~9.0"
+            },
+            "suggest": {
+                "ext-intl": "Use Intl for transliterator_transliterate() support"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "voku\\": "src/voku/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Lars Moelleken",
+                    "homepage": "https://www.moelleken.org/"
+                }
+            ],
+            "description": "Portable ASCII library - performance optimized (ascii) string functions for php.",
+            "homepage": "https://github.com/voku/portable-ascii",
+            "keywords": [
+                "ascii",
+                "clean",
+                "php"
+            ],
+            "support": {
+                "issues": "https://github.com/voku/portable-ascii/issues",
+                "source": "https://github.com/voku/portable-ascii/tree/2.0.3"
+            },
+            "funding": [
+                {
+                    "url": "https://www.paypal.me/moelleken",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/voku",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/portable-ascii",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://www.patreon.com/voku",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/voku/portable-ascii",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2024-11-21T01:49:47+00:00"
+        }
+    ],
+    "packages-dev": [
+        {
+            "name": "fakerphp/faker",
+            "version": "v1.24.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/FakerPHP/Faker.git",
+                "reference": "e0ee18eb1e6dc3cda3ce9fd97e5a0689a88a64b5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/FakerPHP/Faker/zipball/e0ee18eb1e6dc3cda3ce9fd97e5a0689a88a64b5",
+                "reference": "e0ee18eb1e6dc3cda3ce9fd97e5a0689a88a64b5",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.4 || ^8.0",
+                "psr/container": "^1.0 || ^2.0",
+                "symfony/deprecation-contracts": "^2.2 || ^3.0"
+            },
+            "conflict": {
+                "fzaninotto/faker": "*"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.4.1",
+                "doctrine/persistence": "^1.3 || ^2.0",
+                "ext-intl": "*",
+                "phpunit/phpunit": "^9.5.26",
+                "symfony/phpunit-bridge": "^5.4.16"
+            },
+            "suggest": {
+                "doctrine/orm": "Required to use Faker\\ORM\\Doctrine",
+                "ext-curl": "Required by Faker\\Provider\\Image to download images.",
+                "ext-dom": "Required by Faker\\Provider\\HtmlLorem for generating random HTML.",
+                "ext-iconv": "Required by Faker\\Provider\\ru_RU\\Text::realText() for generating real Russian text.",
+                "ext-mbstring": "Required for multibyte Unicode string functionality."
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Faker\\": "src/Faker/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "François Zaninotto"
+                }
+            ],
+            "description": "Faker is a PHP library that generates fake data for you.",
+            "keywords": [
+                "data",
+                "faker",
+                "fixtures"
+            ],
+            "support": {
+                "issues": "https://github.com/FakerPHP/Faker/issues",
+                "source": "https://github.com/FakerPHP/Faker/tree/v1.24.1"
+            },
+            "time": "2024-11-21T13:46:39+00:00"
+        },
+        {
+            "name": "filp/whoops",
+            "version": "2.18.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/filp/whoops.git",
+                "reference": "d2102955e48b9fd9ab24280a7ad12ed552752c4d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/filp/whoops/zipball/d2102955e48b9fd9ab24280a7ad12ed552752c4d",
+                "reference": "d2102955e48b9fd9ab24280a7ad12ed552752c4d",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1 || ^8.0",
+                "psr/log": "^1.0.1 || ^2.0 || ^3.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "^1.0",
+                "phpunit/phpunit": "^7.5.20 || ^8.5.8 || ^9.3.3",
+                "symfony/var-dumper": "^4.0 || ^5.0"
+            },
+            "suggest": {
+                "symfony/var-dumper": "Pretty print complex values better with var-dumper available",
+                "whoops/soap": "Formats errors as SOAP responses"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.7-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Whoops\\": "src/Whoops/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Filipe Dobreira",
+                    "homepage": "https://github.com/filp",
+                    "role": "Developer"
+                }
+            ],
+            "description": "php error handling for cool kids",
+            "homepage": "https://filp.github.io/whoops/",
+            "keywords": [
+                "error",
+                "exception",
+                "handling",
+                "library",
+                "throwable",
+                "whoops"
+            ],
+            "support": {
+                "issues": "https://github.com/filp/whoops/issues",
+                "source": "https://github.com/filp/whoops/tree/2.18.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/denis-sokolov",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-08-08T12:00:00+00:00"
+        },
+        {
+            "name": "hamcrest/hamcrest-php",
+            "version": "v2.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/hamcrest/hamcrest-php.git",
+                "reference": "f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/hamcrest/hamcrest-php/zipball/f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487",
+                "reference": "f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.4|^8.0"
+            },
+            "replace": {
+                "cordoval/hamcrest-php": "*",
+                "davedevelopment/hamcrest-php": "*",
+                "kodova/hamcrest-php": "*"
+            },
+            "require-dev": {
+                "phpunit/php-file-iterator": "^1.4 || ^2.0 || ^3.0",
+                "phpunit/phpunit": "^4.8.36 || ^5.7 || ^6.5 || ^7.0 || ^8.0 || ^9.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.1-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "hamcrest"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "description": "This is the PHP port of Hamcrest Matchers",
+            "keywords": [
+                "test"
+            ],
+            "support": {
+                "issues": "https://github.com/hamcrest/hamcrest-php/issues",
+                "source": "https://github.com/hamcrest/hamcrest-php/tree/v2.1.1"
+            },
+            "time": "2025-04-30T06:54:44+00:00"
+        },
+        {
+            "name": "laravel/pail",
+            "version": "v1.2.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/pail.git",
+                "reference": "aa71a01c309e7f66bc2ec4fb1a59291b82eb4abf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/pail/zipball/aa71a01c309e7f66bc2ec4fb1a59291b82eb4abf",
+                "reference": "aa71a01c309e7f66bc2ec4fb1a59291b82eb4abf",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "illuminate/console": "^10.24|^11.0|^12.0|^13.0",
+                "illuminate/contracts": "^10.24|^11.0|^12.0|^13.0",
+                "illuminate/log": "^10.24|^11.0|^12.0|^13.0",
+                "illuminate/process": "^10.24|^11.0|^12.0|^13.0",
+                "illuminate/support": "^10.24|^11.0|^12.0|^13.0",
+                "nunomaduro/termwind": "^1.15|^2.0",
+                "php": "^8.2",
+                "symfony/console": "^6.0|^7.0|^8.0"
+            },
+            "require-dev": {
+                "laravel/framework": "^10.24|^11.0|^12.0|^13.0",
+                "laravel/pint": "^1.13",
+                "orchestra/testbench-core": "^8.13|^9.17|^10.8|^11.0",
+                "pestphp/pest": "^2.20|^3.0|^4.0",
+                "pestphp/pest-plugin-type-coverage": "^2.3|^3.0|^4.0",
+                "phpstan/phpstan": "^1.12.27",
+                "symfony/var-dumper": "^6.3|^7.0|^8.0",
+                "symfony/yaml": "^6.3|^7.0|^8.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Pail\\PailServiceProvider"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-main": "1.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Pail\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                },
+                {
+                    "name": "Nuno Maduro",
+                    "email": "enunomaduro@gmail.com"
+                }
+            ],
+            "description": "Easily delve into your Laravel application's log files directly from the command line.",
+            "homepage": "https://github.com/laravel/pail",
+            "keywords": [
+                "dev",
+                "laravel",
+                "logs",
+                "php",
+                "tail"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/pail/issues",
+                "source": "https://github.com/laravel/pail"
+            },
+            "time": "2026-02-09T13:44:54+00:00"
+        },
+        {
+            "name": "laravel/pint",
+            "version": "v1.27.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/pint.git",
+                "reference": "54cca2de13790570c7b6f0f94f37896bee4abcb5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/pint/zipball/54cca2de13790570c7b6f0f94f37896bee4abcb5",
+                "reference": "54cca2de13790570c7b6f0f94f37896bee4abcb5",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "ext-mbstring": "*",
+                "ext-tokenizer": "*",
+                "ext-xml": "*",
+                "php": "^8.2.0"
+            },
+            "require-dev": {
+                "friendsofphp/php-cs-fixer": "^3.93.1",
+                "illuminate/view": "^12.51.0",
+                "larastan/larastan": "^3.9.2",
+                "laravel-zero/framework": "^12.0.5",
+                "mockery/mockery": "^1.6.12",
+                "nunomaduro/termwind": "^2.3.3",
+                "pestphp/pest": "^3.8.5"
+            },
+            "bin": [
+                "builds/pint"
+            ],
+            "type": "project",
+            "autoload": {
+                "psr-4": {
+                    "App\\": "app/",
+                    "Database\\Seeders\\": "database/seeders/",
+                    "Database\\Factories\\": "database/factories/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nuno Maduro",
+                    "email": "enunomaduro@gmail.com"
+                }
+            ],
+            "description": "An opinionated code formatter for PHP.",
+            "homepage": "https://laravel.com",
+            "keywords": [
+                "dev",
+                "format",
+                "formatter",
+                "lint",
+                "linter",
+                "php"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/pint/issues",
+                "source": "https://github.com/laravel/pint"
+            },
+            "time": "2026-02-10T20:00:20+00:00"
+        },
+        {
+            "name": "laravel/sail",
+            "version": "v1.53.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/sail.git",
+                "reference": "e340eaa2bea9b99192570c48ed837155dbf24fbb"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/sail/zipball/e340eaa2bea9b99192570c48ed837155dbf24fbb",
+                "reference": "e340eaa2bea9b99192570c48ed837155dbf24fbb",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/console": "^9.52.16|^10.0|^11.0|^12.0|^13.0",
+                "illuminate/contracts": "^9.52.16|^10.0|^11.0|^12.0|^13.0",
+                "illuminate/support": "^9.52.16|^10.0|^11.0|^12.0|^13.0",
+                "php": "^8.0",
+                "symfony/console": "^6.0|^7.0|^8.0",
+                "symfony/yaml": "^6.0|^7.0|^8.0"
+            },
+            "require-dev": {
+                "orchestra/testbench": "^7.0|^8.0|^9.0|^10.0|^11.0",
+                "phpstan/phpstan": "^2.0"
+            },
+            "bin": [
+                "bin/sail"
+            ],
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Sail\\SailServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Sail\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                }
+            ],
+            "description": "Docker files for running a basic Laravel application.",
+            "keywords": [
+                "docker",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/sail/issues",
+                "source": "https://github.com/laravel/sail"
+            },
+            "time": "2026-02-06T12:16:02+00:00"
+        },
+        {
+            "name": "mockery/mockery",
+            "version": "1.6.12",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/mockery/mockery.git",
+                "reference": "1f4efdd7d3beafe9807b08156dfcb176d18f1699"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/mockery/mockery/zipball/1f4efdd7d3beafe9807b08156dfcb176d18f1699",
+                "reference": "1f4efdd7d3beafe9807b08156dfcb176d18f1699",
+                "shasum": ""
+            },
+            "require": {
+                "hamcrest/hamcrest-php": "^2.0.1",
+                "lib-pcre": ">=7.0",
+                "php": ">=7.3"
+            },
+            "conflict": {
+                "phpunit/phpunit": "<8.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^8.5 || ^9.6.17",
+                "symplify/easy-coding-standard": "^12.1.14"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "library/helpers.php",
+                    "library/Mockery.php"
+                ],
+                "psr-4": {
+                    "Mockery\\": "library/Mockery"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Pádraic Brady",
+                    "email": "padraic.brady@gmail.com",
+                    "homepage": "https://github.com/padraic",
+                    "role": "Author"
+                },
+                {
+                    "name": "Dave Marshall",
+                    "email": "dave.marshall@atstsolutions.co.uk",
+                    "homepage": "https://davedevelopment.co.uk",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Nathanael Esayeas",
+                    "email": "nathanael.esayeas@protonmail.com",
+                    "homepage": "https://github.com/ghostwriter",
+                    "role": "Lead Developer"
+                }
+            ],
+            "description": "Mockery is a simple yet flexible PHP mock object framework",
+            "homepage": "https://github.com/mockery/mockery",
+            "keywords": [
+                "BDD",
+                "TDD",
+                "library",
+                "mock",
+                "mock objects",
+                "mockery",
+                "stub",
+                "test",
+                "test double",
+                "testing"
+            ],
+            "support": {
+                "docs": "https://docs.mockery.io/",
+                "issues": "https://github.com/mockery/mockery/issues",
+                "rss": "https://github.com/mockery/mockery/releases.atom",
+                "security": "https://github.com/mockery/mockery/security/advisories",
+                "source": "https://github.com/mockery/mockery"
+            },
+            "time": "2024-05-16T03:13:13+00:00"
+        },
+        {
+            "name": "myclabs/deep-copy",
+            "version": "1.13.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/myclabs/DeepCopy.git",
+                "reference": "07d290f0c47959fd5eed98c95ee5602db07e0b6a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/07d290f0c47959fd5eed98c95ee5602db07e0b6a",
+                "reference": "07d290f0c47959fd5eed98c95ee5602db07e0b6a",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1 || ^8.0"
+            },
+            "conflict": {
+                "doctrine/collections": "<1.6.8",
+                "doctrine/common": "<2.13.3 || >=3 <3.2.2"
+            },
+            "require-dev": {
+                "doctrine/collections": "^1.6.8",
+                "doctrine/common": "^2.13.3 || ^3.2.2",
+                "phpspec/prophecy": "^1.10",
+                "phpunit/phpunit": "^7.5.20 || ^8.5.23 || ^9.5.13"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/DeepCopy/deep_copy.php"
+                ],
+                "psr-4": {
+                    "DeepCopy\\": "src/DeepCopy/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "Create deep copies (clones) of your objects",
+            "keywords": [
+                "clone",
+                "copy",
+                "duplicate",
+                "object",
+                "object graph"
+            ],
+            "support": {
+                "issues": "https://github.com/myclabs/DeepCopy/issues",
+                "source": "https://github.com/myclabs/DeepCopy/tree/1.13.4"
+            },
+            "funding": [
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/myclabs/deep-copy",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-01T08:46:24+00:00"
+        },
+        {
+            "name": "nunomaduro/collision",
+            "version": "v8.9.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/nunomaduro/collision.git",
+                "reference": "a1ed3fa530fd60bc515f9303e8520fcb7d4bd935"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/nunomaduro/collision/zipball/a1ed3fa530fd60bc515f9303e8520fcb7d4bd935",
+                "reference": "a1ed3fa530fd60bc515f9303e8520fcb7d4bd935",
+                "shasum": ""
+            },
+            "require": {
+                "filp/whoops": "^2.18.4",
+                "nunomaduro/termwind": "^2.4.0",
+                "php": "^8.2.0",
+                "symfony/console": "^7.4.4 || ^8.0.4"
+            },
+            "conflict": {
+                "laravel/framework": "<11.48.0 || >=14.0.0",
+                "phpunit/phpunit": "<11.5.50 || >=14.0.0"
+            },
+            "require-dev": {
+                "brianium/paratest": "^7.8.5",
+                "larastan/larastan": "^3.9.2",
+                "laravel/framework": "^11.48.0 || ^12.52.0",
+                "laravel/pint": "^1.27.1",
+                "orchestra/testbench-core": "^9.12.0 || ^10.9.0",
+                "pestphp/pest": "^3.8.5 || ^4.4.1 || ^5.0.0",
+                "sebastian/environment": "^7.2.1 || ^8.0.3 || ^9.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-8.x": "8.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "./src/Adapters/Phpunit/Autoload.php"
+                ],
+                "psr-4": {
+                    "NunoMaduro\\Collision\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nuno Maduro",
+                    "email": "enunomaduro@gmail.com"
+                }
+            ],
+            "description": "Cli error handling for console/command-line PHP applications.",
+            "keywords": [
+                "artisan",
+                "cli",
+                "command-line",
+                "console",
+                "dev",
+                "error",
+                "handling",
+                "laravel",
+                "laravel-zero",
+                "php",
+                "symfony"
+            ],
+            "support": {
+                "issues": "https://github.com/nunomaduro/collision/issues",
+                "source": "https://github.com/nunomaduro/collision"
+            },
+            "funding": [
+                {
+                    "url": "https://www.paypal.com/paypalme/enunomaduro",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/nunomaduro",
+                    "type": "github"
+                },
+                {
+                    "url": "https://www.patreon.com/nunomaduro",
+                    "type": "patreon"
+                }
+            ],
+            "time": "2026-02-17T17:33:08+00:00"
+        },
+        {
+            "name": "phar-io/manifest",
+            "version": "2.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/phar-io/manifest.git",
+                "reference": "54750ef60c58e43759730615a392c31c80e23176"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phar-io/manifest/zipball/54750ef60c58e43759730615a392c31c80e23176",
+                "reference": "54750ef60c58e43759730615a392c31c80e23176",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-libxml": "*",
+                "ext-phar": "*",
+                "ext-xmlwriter": "*",
+                "phar-io/version": "^3.0.1",
+                "php": "^7.2 || ^8.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0.x-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Arne Blankerts",
+                    "email": "arne@blankerts.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Heuer",
+                    "email": "sebastian@phpeople.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Component for reading phar.io manifest information from a PHP Archive (PHAR)",
+            "support": {
+                "issues": "https://github.com/phar-io/manifest/issues",
+                "source": "https://github.com/phar-io/manifest/tree/2.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/theseer",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-03-03T12:33:53+00:00"
+        },
+        {
+            "name": "phar-io/version",
+            "version": "3.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/phar-io/version.git",
+                "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phar-io/version/zipball/4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
+                "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2 || ^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Arne Blankerts",
+                    "email": "arne@blankerts.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Heuer",
+                    "email": "sebastian@phpeople.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Library for handling version information and constraints",
+            "support": {
+                "issues": "https://github.com/phar-io/version/issues",
+                "source": "https://github.com/phar-io/version/tree/3.2.1"
+            },
+            "time": "2022-02-21T01:04:05+00:00"
+        },
+        {
+            "name": "phpunit/php-code-coverage",
+            "version": "11.0.12",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
+                "reference": "2c1ed04922802c15e1de5d7447b4856de949cf56"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/2c1ed04922802c15e1de5d7447b4856de949cf56",
+                "reference": "2c1ed04922802c15e1de5d7447b4856de949cf56",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-libxml": "*",
+                "ext-xmlwriter": "*",
+                "nikic/php-parser": "^5.7.0",
+                "php": ">=8.2",
+                "phpunit/php-file-iterator": "^5.1.0",
+                "phpunit/php-text-template": "^4.0.1",
+                "sebastian/code-unit-reverse-lookup": "^4.0.1",
+                "sebastian/complexity": "^4.0.1",
+                "sebastian/environment": "^7.2.1",
+                "sebastian/lines-of-code": "^3.0.1",
+                "sebastian/version": "^5.0.2",
+                "theseer/tokenizer": "^1.3.1"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.5.46"
+            },
+            "suggest": {
+                "ext-pcov": "PHP extension that provides line coverage",
+                "ext-xdebug": "PHP extension that provides line coverage as well as branch and path coverage"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "11.0.x-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library that provides collection, processing, and rendering functionality for PHP code coverage information.",
+            "homepage": "https://github.com/sebastianbergmann/php-code-coverage",
+            "keywords": [
+                "coverage",
+                "testing",
+                "xunit"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
+                "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/11.0.12"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/phpunit/php-code-coverage",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-12-24T07:01:01+00:00"
+        },
+        {
+            "name": "phpunit/php-file-iterator",
+            "version": "5.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
+                "reference": "2f3a64888c814fc235386b7387dd5b5ed92ad903"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/2f3a64888c814fc235386b7387dd5b5ed92ad903",
+                "reference": "2f3a64888c814fc235386b7387dd5b5ed92ad903",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "5.1-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "FilterIterator implementation that filters files based on a list of suffixes.",
+            "homepage": "https://github.com/sebastianbergmann/php-file-iterator/",
+            "keywords": [
+                "filesystem",
+                "iterator"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
+                "security": "https://github.com/sebastianbergmann/php-file-iterator/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/5.1.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/phpunit/php-file-iterator",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-02T13:52:54+00:00"
+        },
+        {
+            "name": "phpunit/php-invoker",
+            "version": "5.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-invoker.git",
+                "reference": "c1ca3814734c07492b3d4c5f794f4b0995333da2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-invoker/zipball/c1ca3814734c07492b3d4c5f794f4b0995333da2",
+                "reference": "c1ca3814734c07492b3d4c5f794f4b0995333da2",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "ext-pcntl": "*",
+                "phpunit/phpunit": "^11.0"
+            },
+            "suggest": {
+                "ext-pcntl": "*"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "5.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Invoke callables with a timeout",
+            "homepage": "https://github.com/sebastianbergmann/php-invoker/",
+            "keywords": [
+                "process"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-invoker/issues",
+                "security": "https://github.com/sebastianbergmann/php-invoker/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-invoker/tree/5.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T05:07:44+00:00"
+        },
+        {
+            "name": "phpunit/php-text-template",
+            "version": "4.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-text-template.git",
+                "reference": "3e0404dc6b300e6bf56415467ebcb3fe4f33e964"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/3e0404dc6b300e6bf56415467ebcb3fe4f33e964",
+                "reference": "3e0404dc6b300e6bf56415467ebcb3fe4f33e964",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Simple template engine.",
+            "homepage": "https://github.com/sebastianbergmann/php-text-template/",
+            "keywords": [
+                "template"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-text-template/issues",
+                "security": "https://github.com/sebastianbergmann/php-text-template/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-text-template/tree/4.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T05:08:43+00:00"
+        },
+        {
+            "name": "phpunit/php-timer",
+            "version": "7.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-timer.git",
+                "reference": "3b415def83fbcb41f991d9ebf16ae4ad8b7837b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/3b415def83fbcb41f991d9ebf16ae4ad8b7837b3",
+                "reference": "3b415def83fbcb41f991d9ebf16ae4ad8b7837b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "7.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Utility class for timing",
+            "homepage": "https://github.com/sebastianbergmann/php-timer/",
+            "keywords": [
+                "timer"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-timer/issues",
+                "security": "https://github.com/sebastianbergmann/php-timer/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-timer/tree/7.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T05:09:35+00:00"
+        },
+        {
+            "name": "phpunit/phpunit",
+            "version": "11.5.55",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/phpunit.git",
+                "reference": "adc7262fccc12de2b30f12a8aa0b33775d814f00"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/adc7262fccc12de2b30f12a8aa0b33775d814f00",
+                "reference": "adc7262fccc12de2b30f12a8aa0b33775d814f00",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-json": "*",
+                "ext-libxml": "*",
+                "ext-mbstring": "*",
+                "ext-xml": "*",
+                "ext-xmlwriter": "*",
+                "myclabs/deep-copy": "^1.13.4",
+                "phar-io/manifest": "^2.0.4",
+                "phar-io/version": "^3.2.1",
+                "php": ">=8.2",
+                "phpunit/php-code-coverage": "^11.0.12",
+                "phpunit/php-file-iterator": "^5.1.1",
+                "phpunit/php-invoker": "^5.0.1",
+                "phpunit/php-text-template": "^4.0.1",
+                "phpunit/php-timer": "^7.0.1",
+                "sebastian/cli-parser": "^3.0.2",
+                "sebastian/code-unit": "^3.0.3",
+                "sebastian/comparator": "^6.3.3",
+                "sebastian/diff": "^6.0.2",
+                "sebastian/environment": "^7.2.1",
+                "sebastian/exporter": "^6.3.2",
+                "sebastian/global-state": "^7.0.2",
+                "sebastian/object-enumerator": "^6.0.1",
+                "sebastian/recursion-context": "^6.0.3",
+                "sebastian/type": "^5.1.3",
+                "sebastian/version": "^5.0.2",
+                "staabm/side-effects-detector": "^1.0.5"
+            },
+            "suggest": {
+                "ext-soap": "To be able to generate mocks based on WSDL files"
+            },
+            "bin": [
+                "phpunit"
+            ],
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "11.5-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/Framework/Assert/Functions.php"
+                ],
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "The PHP Unit Testing framework.",
+            "homepage": "https://phpunit.de/",
+            "keywords": [
+                "phpunit",
+                "testing",
+                "xunit"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/phpunit/issues",
+                "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.55"
+            },
+            "funding": [
+                {
+                    "url": "https://phpunit.de/sponsors.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/phpunit/phpunit",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-18T12:37:06+00:00"
+        },
+        {
+            "name": "sebastian/cli-parser",
+            "version": "3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/cli-parser.git",
+                "reference": "15c5dd40dc4f38794d383bb95465193f5e0ae180"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/cli-parser/zipball/15c5dd40dc4f38794d383bb95465193f5e0ae180",
+                "reference": "15c5dd40dc4f38794d383bb95465193f5e0ae180",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library for parsing CLI options",
+            "homepage": "https://github.com/sebastianbergmann/cli-parser",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/cli-parser/issues",
+                "security": "https://github.com/sebastianbergmann/cli-parser/security/policy",
+                "source": "https://github.com/sebastianbergmann/cli-parser/tree/3.0.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T04:41:36+00:00"
+        },
+        {
+            "name": "sebastian/code-unit",
+            "version": "3.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/code-unit.git",
+                "reference": "54391c61e4af8078e5b276ab082b6d3c54c9ad64"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/code-unit/zipball/54391c61e4af8078e5b276ab082b6d3c54c9ad64",
+                "reference": "54391c61e4af8078e5b276ab082b6d3c54c9ad64",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.5"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Collection of value objects that represent the PHP code units",
+            "homepage": "https://github.com/sebastianbergmann/code-unit",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/code-unit/issues",
+                "security": "https://github.com/sebastianbergmann/code-unit/security/policy",
+                "source": "https://github.com/sebastianbergmann/code-unit/tree/3.0.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-03-19T07:56:08+00:00"
+        },
+        {
+            "name": "sebastian/code-unit-reverse-lookup",
+            "version": "4.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/code-unit-reverse-lookup.git",
+                "reference": "183a9b2632194febd219bb9246eee421dad8d45e"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/code-unit-reverse-lookup/zipball/183a9b2632194febd219bb9246eee421dad8d45e",
+                "reference": "183a9b2632194febd219bb9246eee421dad8d45e",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Looks up which function or method a line of code belongs to",
+            "homepage": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/issues",
+                "security": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/security/policy",
+                "source": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/tree/4.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T04:45:54+00:00"
+        },
+        {
+            "name": "sebastian/comparator",
+            "version": "6.3.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/comparator.git",
+                "reference": "2c95e1e86cb8dd41beb8d502057d1081ccc8eca9"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/2c95e1e86cb8dd41beb8d502057d1081ccc8eca9",
+                "reference": "2c95e1e86cb8dd41beb8d502057d1081ccc8eca9",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-mbstring": "*",
+                "php": ">=8.2",
+                "sebastian/diff": "^6.0",
+                "sebastian/exporter": "^6.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.4"
+            },
+            "suggest": {
+                "ext-bcmath": "For comparing BcMath\\Number objects"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "6.3-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Jeff Welch",
+                    "email": "whatthejeff@gmail.com"
+                },
+                {
+                    "name": "Volker Dusch",
+                    "email": "github@wallbash.com"
+                },
+                {
+                    "name": "Bernhard Schussek",
+                    "email": "bschussek@2bepublished.at"
+                }
+            ],
+            "description": "Provides the functionality to compare PHP values for equality",
+            "homepage": "https://github.com/sebastianbergmann/comparator",
+            "keywords": [
+                "comparator",
+                "compare",
+                "equality"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/comparator/issues",
+                "security": "https://github.com/sebastianbergmann/comparator/security/policy",
+                "source": "https://github.com/sebastianbergmann/comparator/tree/6.3.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/comparator",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-24T09:26:40+00:00"
+        },
+        {
+            "name": "sebastian/complexity",
+            "version": "4.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/complexity.git",
+                "reference": "ee41d384ab1906c68852636b6de493846e13e5a0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/ee41d384ab1906c68852636b6de493846e13e5a0",
+                "reference": "ee41d384ab1906c68852636b6de493846e13e5a0",
+                "shasum": ""
+            },
+            "require": {
+                "nikic/php-parser": "^5.0",
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library for calculating the complexity of PHP code units",
+            "homepage": "https://github.com/sebastianbergmann/complexity",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/complexity/issues",
+                "security": "https://github.com/sebastianbergmann/complexity/security/policy",
+                "source": "https://github.com/sebastianbergmann/complexity/tree/4.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T04:49:50+00:00"
+        },
+        {
+            "name": "sebastian/diff",
+            "version": "6.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/diff.git",
+                "reference": "b4ccd857127db5d41a5b676f24b51371d76d8544"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/b4ccd857127db5d41a5b676f24b51371d76d8544",
+                "reference": "b4ccd857127db5d41a5b676f24b51371d76d8544",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0",
+                "symfony/process": "^4.2 || ^5"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "6.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Kore Nordmann",
+                    "email": "mail@kore-nordmann.de"
+                }
+            ],
+            "description": "Diff implementation",
+            "homepage": "https://github.com/sebastianbergmann/diff",
+            "keywords": [
+                "diff",
+                "udiff",
+                "unidiff",
+                "unified diff"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/diff/issues",
+                "security": "https://github.com/sebastianbergmann/diff/security/policy",
+                "source": "https://github.com/sebastianbergmann/diff/tree/6.0.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T04:53:05+00:00"
+        },
+        {
+            "name": "sebastian/environment",
+            "version": "7.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/environment.git",
+                "reference": "a5c75038693ad2e8d4b6c15ba2403532647830c4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/a5c75038693ad2e8d4b6c15ba2403532647830c4",
+                "reference": "a5c75038693ad2e8d4b6c15ba2403532647830c4",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.3"
+            },
+            "suggest": {
+                "ext-posix": "*"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "7.2-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Provides functionality to handle HHVM/PHP environments",
+            "homepage": "https://github.com/sebastianbergmann/environment",
+            "keywords": [
+                "Xdebug",
+                "environment",
+                "hhvm"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/environment/issues",
+                "security": "https://github.com/sebastianbergmann/environment/security/policy",
+                "source": "https://github.com/sebastianbergmann/environment/tree/7.2.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/environment",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-05-21T11:55:47+00:00"
+        },
+        {
+            "name": "sebastian/exporter",
+            "version": "6.3.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/exporter.git",
+                "reference": "70a298763b40b213ec087c51c739efcaa90bcd74"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/70a298763b40b213ec087c51c739efcaa90bcd74",
+                "reference": "70a298763b40b213ec087c51c739efcaa90bcd74",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "php": ">=8.2",
+                "sebastian/recursion-context": "^6.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "6.3-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Jeff Welch",
+                    "email": "whatthejeff@gmail.com"
+                },
+                {
+                    "name": "Volker Dusch",
+                    "email": "github@wallbash.com"
+                },
+                {
+                    "name": "Adam Harvey",
+                    "email": "aharvey@php.net"
+                },
+                {
+                    "name": "Bernhard Schussek",
+                    "email": "bschussek@gmail.com"
+                }
+            ],
+            "description": "Provides the functionality to export PHP variables for visualization",
+            "homepage": "https://www.github.com/sebastianbergmann/exporter",
+            "keywords": [
+                "export",
+                "exporter"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/exporter/issues",
+                "security": "https://github.com/sebastianbergmann/exporter/security/policy",
+                "source": "https://github.com/sebastianbergmann/exporter/tree/6.3.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/exporter",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-09-24T06:12:51+00:00"
+        },
+        {
+            "name": "sebastian/global-state",
+            "version": "7.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/global-state.git",
+                "reference": "3be331570a721f9a4b5917f4209773de17f747d7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/3be331570a721f9a4b5917f4209773de17f747d7",
+                "reference": "3be331570a721f9a4b5917f4209773de17f747d7",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "sebastian/object-reflector": "^4.0",
+                "sebastian/recursion-context": "^6.0"
+            },
+            "require-dev": {
+                "ext-dom": "*",
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "7.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Snapshotting of global state",
+            "homepage": "https://www.github.com/sebastianbergmann/global-state",
+            "keywords": [
+                "global state"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/global-state/issues",
+                "security": "https://github.com/sebastianbergmann/global-state/security/policy",
+                "source": "https://github.com/sebastianbergmann/global-state/tree/7.0.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T04:57:36+00:00"
+        },
+        {
+            "name": "sebastian/lines-of-code",
+            "version": "3.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/lines-of-code.git",
+                "reference": "d36ad0d782e5756913e42ad87cb2890f4ffe467a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/d36ad0d782e5756913e42ad87cb2890f4ffe467a",
+                "reference": "d36ad0d782e5756913e42ad87cb2890f4ffe467a",
+                "shasum": ""
+            },
+            "require": {
+                "nikic/php-parser": "^5.0",
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library for counting the lines of code in PHP source code",
+            "homepage": "https://github.com/sebastianbergmann/lines-of-code",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/lines-of-code/issues",
+                "security": "https://github.com/sebastianbergmann/lines-of-code/security/policy",
+                "source": "https://github.com/sebastianbergmann/lines-of-code/tree/3.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T04:58:38+00:00"
+        },
+        {
+            "name": "sebastian/object-enumerator",
+            "version": "6.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/object-enumerator.git",
+                "reference": "f5b498e631a74204185071eb41f33f38d64608aa"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/object-enumerator/zipball/f5b498e631a74204185071eb41f33f38d64608aa",
+                "reference": "f5b498e631a74204185071eb41f33f38d64608aa",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "sebastian/object-reflector": "^4.0",
+                "sebastian/recursion-context": "^6.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "6.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Traverses array structures and object graphs to enumerate all referenced objects",
+            "homepage": "https://github.com/sebastianbergmann/object-enumerator/",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/object-enumerator/issues",
+                "security": "https://github.com/sebastianbergmann/object-enumerator/security/policy",
+                "source": "https://github.com/sebastianbergmann/object-enumerator/tree/6.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T05:00:13+00:00"
+        },
+        {
+            "name": "sebastian/object-reflector",
+            "version": "4.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/object-reflector.git",
+                "reference": "6e1a43b411b2ad34146dee7524cb13a068bb35f9"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/object-reflector/zipball/6e1a43b411b2ad34146dee7524cb13a068bb35f9",
+                "reference": "6e1a43b411b2ad34146dee7524cb13a068bb35f9",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Allows reflection of object attributes, including inherited and non-public ones",
+            "homepage": "https://github.com/sebastianbergmann/object-reflector/",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/object-reflector/issues",
+                "security": "https://github.com/sebastianbergmann/object-reflector/security/policy",
+                "source": "https://github.com/sebastianbergmann/object-reflector/tree/4.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-07-03T05:01:32+00:00"
+        },
+        {
+            "name": "sebastian/recursion-context",
+            "version": "6.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/recursion-context.git",
+                "reference": "f6458abbf32a6c8174f8f26261475dc133b3d9dc"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/f6458abbf32a6c8174f8f26261475dc133b3d9dc",
+                "reference": "f6458abbf32a6c8174f8f26261475dc133b3d9dc",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "6.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Jeff Welch",
+                    "email": "whatthejeff@gmail.com"
+                },
+                {
+                    "name": "Adam Harvey",
+                    "email": "aharvey@php.net"
+                }
+            ],
+            "description": "Provides functionality to recursively process PHP variables",
+            "homepage": "https://github.com/sebastianbergmann/recursion-context",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/recursion-context/issues",
+                "security": "https://github.com/sebastianbergmann/recursion-context/security/policy",
+                "source": "https://github.com/sebastianbergmann/recursion-context/tree/6.0.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/recursion-context",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-13T04:42:22+00:00"
+        },
+        {
+            "name": "sebastian/type",
+            "version": "5.1.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/type.git",
+                "reference": "f77d2d4e78738c98d9a68d2596fe5e8fa380f449"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/type/zipball/f77d2d4e78738c98d9a68d2596fe5e8fa380f449",
+                "reference": "f77d2d4e78738c98d9a68d2596fe5e8fa380f449",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^11.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "5.1-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Collection of value objects that represent the types of the PHP type system",
+            "homepage": "https://github.com/sebastianbergmann/type",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/type/issues",
+                "security": "https://github.com/sebastianbergmann/type/security/policy",
+                "source": "https://github.com/sebastianbergmann/type/tree/5.1.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/type",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-09T06:55:48+00:00"
+        },
+        {
+            "name": "sebastian/version",
+            "version": "5.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/version.git",
+                "reference": "c687e3387b99f5b03b6caa64c74b63e2936ff874"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/c687e3387b99f5b03b6caa64c74b63e2936ff874",
+                "reference": "c687e3387b99f5b03b6caa64c74b63e2936ff874",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "5.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library that helps with managing the version number of Git-hosted PHP projects",
+            "homepage": "https://github.com/sebastianbergmann/version",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/version/issues",
+                "security": "https://github.com/sebastianbergmann/version/security/policy",
+                "source": "https://github.com/sebastianbergmann/version/tree/5.0.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-10-09T05:16:32+00:00"
+        },
+        {
+            "name": "staabm/side-effects-detector",
+            "version": "1.0.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/staabm/side-effects-detector.git",
+                "reference": "d8334211a140ce329c13726d4a715adbddd0a163"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/staabm/side-effects-detector/zipball/d8334211a140ce329c13726d4a715adbddd0a163",
+                "reference": "d8334211a140ce329c13726d4a715adbddd0a163",
+                "shasum": ""
+            },
+            "require": {
+                "ext-tokenizer": "*",
+                "php": "^7.4 || ^8.0"
+            },
+            "require-dev": {
+                "phpstan/extension-installer": "^1.4.3",
+                "phpstan/phpstan": "^1.12.6",
+                "phpunit/phpunit": "^9.6.21",
+                "symfony/var-dumper": "^5.4.43",
+                "tomasvotruba/type-coverage": "1.0.0",
+                "tomasvotruba/unused-public": "1.0.0"
+            },
+            "type": "library",
+            "autoload": {
+                "classmap": [
+                    "lib/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "A static analysis tool to detect side effects in PHP code",
+            "keywords": [
+                "static analysis"
+            ],
+            "support": {
+                "issues": "https://github.com/staabm/side-effects-detector/issues",
+                "source": "https://github.com/staabm/side-effects-detector/tree/1.0.5"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/staabm",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-10-20T05:08:20+00:00"
+        },
+        {
+            "name": "symfony/yaml",
+            "version": "v7.4.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/yaml.git",
+                "reference": "58751048de17bae71c5aa0d13cb19d79bca26391"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/yaml/zipball/58751048de17bae71c5aa0d13cb19d79bca26391",
+                "reference": "58751048de17bae71c5aa0d13cb19d79bca26391",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/polyfill-ctype": "^1.8"
+            },
+            "conflict": {
+                "symfony/console": "<6.4"
+            },
+            "require-dev": {
+                "symfony/console": "^6.4|^7.0|^8.0"
+            },
+            "bin": [
+                "Resources/bin/yaml-lint"
+            ],
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Yaml\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Loads and dumps YAML files",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/yaml/tree/v7.4.6"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-02-09T09:33:46+00:00"
+        },
+        {
+            "name": "theseer/tokenizer",
+            "version": "1.3.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/theseer/tokenizer.git",
+                "reference": "b7489ce515e168639d17feec34b8847c326b0b3c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/theseer/tokenizer/zipball/b7489ce515e168639d17feec34b8847c326b0b3c",
+                "reference": "b7489ce515e168639d17feec34b8847c326b0b3c",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-tokenizer": "*",
+                "ext-xmlwriter": "*",
+                "php": "^7.2 || ^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Arne Blankerts",
+                    "email": "arne@blankerts.de",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A small library for converting tokenized PHP source code into XML and potentially other formats",
+            "support": {
+                "issues": "https://github.com/theseer/tokenizer/issues",
+                "source": "https://github.com/theseer/tokenizer/tree/1.3.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/theseer",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-11-17T20:03:58+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "stable",
+    "stability-flags": {},
+    "prefer-stable": true,
+    "prefer-lowest": false,
+    "platform": {
+        "php": "^8.2"
+    },
+    "platform-dev": {},
+    "platform-overrides": {
+        "php": "8.2.30"
+    },
+    "plugin-api-version": "2.9.0"
+}
diff --git a/config/app.php b/config/app.php
new file mode 100644
index 0000000..423eed5
--- /dev/null
+++ b/config/app.php
@@ -0,0 +1,126 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Name
+    |--------------------------------------------------------------------------
+    |
+    | This value is the name of your application, which will be used when the
+    | framework needs to place the application's name in a notification or
+    | other UI elements where an application name needs to be displayed.
+    |
+    */
+
+    'name' => env('APP_NAME', 'Laravel'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Environment
+    |--------------------------------------------------------------------------
+    |
+    | This value determines the "environment" your application is currently
+    | running in. This may determine how you prefer to configure various
+    | services the application utilizes. Set this in your ".env" file.
+    |
+    */
+
+    'env' => env('APP_ENV', 'production'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Debug Mode
+    |--------------------------------------------------------------------------
+    |
+    | When your application is in debug mode, detailed error messages with
+    | stack traces will be shown on every error that occurs within your
+    | application. If disabled, a simple generic error page is shown.
+    |
+    */
+
+    'debug' => (bool) env('APP_DEBUG', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application URL
+    |--------------------------------------------------------------------------
+    |
+    | This URL is used by the console to properly generate URLs when using
+    | the Artisan command line tool. You should set this to the root of
+    | the application so that it's available within Artisan commands.
+    |
+    */
+
+    'url' => env('APP_URL', 'http://localhost'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Timezone
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default timezone for your application, which
+    | will be used by the PHP date and date-time functions. The timezone
+    | is set to "UTC" by default as it is suitable for most use cases.
+    |
+    */
+
+    'timezone' => 'UTC',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Locale Configuration
+    |--------------------------------------------------------------------------
+    |
+    | The application locale determines the default locale that will be used
+    | by Laravel's translation / localization methods. This option can be
+    | set to any locale for which you plan to have translation strings.
+    |
+    */
+
+    'locale' => env('APP_LOCALE', 'en'),
+
+    'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
+
+    'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Encryption Key
+    |--------------------------------------------------------------------------
+    |
+    | This key is utilized by Laravel's encryption services and should be set
+    | to a random, 32 character string to ensure that all encrypted values
+    | are secure. You should do this prior to deploying the application.
+    |
+    */
+
+    'cipher' => 'AES-256-CBC',
+
+    'key' => env('APP_KEY'),
+
+    'previous_keys' => [
+        ...array_filter(
+            explode(',', (string) env('APP_PREVIOUS_KEYS', ''))
+        ),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Maintenance Mode Driver
+    |--------------------------------------------------------------------------
+    |
+    | These configuration options determine the driver used to determine and
+    | manage Laravel's "maintenance mode" status. The "cache" driver will
+    | allow maintenance mode to be controlled across multiple machines.
+    |
+    | Supported drivers: "file", "cache"
+    |
+    */
+
+    'maintenance' => [
+        'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
+        'store' => env('APP_MAINTENANCE_STORE', 'database'),
+    ],
+
+];
diff --git a/config/auth.php b/config/auth.php
new file mode 100644
index 0000000..bd2f405
--- /dev/null
+++ b/config/auth.php
@@ -0,0 +1,123 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Defaults
+    |--------------------------------------------------------------------------
+    |
+    | This option defines the default authentication "guard" and password
+    | reset "broker" for your application. You may change these values
+    | as required, but they're a perfect start for most applications.
+    |
+    */
+
+    'defaults' => [
+        'guard' => env('AUTH_GUARD', 'web'),
+        'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Guards
+    |--------------------------------------------------------------------------
+    |
+    | Next, you may define every authentication guard for your application.
+    | Of course, a great default configuration has been defined for you
+    | which utilizes session storage plus the Eloquent user provider.
+    |
+    | All authentication guards have a user provider, which defines how the
+    | users are actually retrieved out of your database or other storage
+    | system used by the application. Typically, Eloquent is utilized.
+    |
+    | Supported: "session"
+    |
+    */
+
+    'guards' => [
+        'web' => [
+            'driver' => 'session',
+            'provider' => 'users',
+        ],
+        'receptionist' => [
+            'driver' => 'session',
+            'provider' => 'receptionists',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | User Providers
+    |--------------------------------------------------------------------------
+    |
+    | All authentication guards have a user provider, which defines how the
+    | users are actually retrieved out of your database or other storage
+    | system used by the application. Typically, Eloquent is utilized.
+    |
+    | If you have multiple user tables or models you may configure multiple
+    | providers to represent the model / table. These providers may then
+    | be assigned to any extra authentication guards you have defined.
+    |
+    | Supported: "database", "eloquent"
+    |
+    */
+
+    'providers' => [
+        'users' => [
+            'driver' => 'eloquent',
+            'model' => env('AUTH_MODEL', App\Models\User::class),
+        ],
+        'receptionists' => [
+            'driver' => 'eloquent',
+            'model' => App\Models\Receptionist::class,
+        ],
+
+        // 'users' => [
+        //     'driver' => 'database',
+        //     'table' => 'users',
+        // ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Resetting Passwords
+    |--------------------------------------------------------------------------
+    |
+    | These configuration options specify the behavior of Laravel's password
+    | reset functionality, including the table utilized for token storage
+    | and the user provider that is invoked to actually retrieve users.
+    |
+    | The expiry time is the number of minutes that each reset token will be
+    | considered valid. This security feature keeps tokens short-lived so
+    | they have less time to be guessed. You may change this as needed.
+    |
+    | The throttle setting is the number of seconds a user must wait before
+    | generating more password reset tokens. This prevents the user from
+    | quickly generating a very large amount of password reset tokens.
+    |
+    */
+
+    'passwords' => [
+        'users' => [
+            'provider' => 'users',
+            'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
+            'expire' => 60,
+            'throttle' => 60,
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Password Confirmation Timeout
+    |--------------------------------------------------------------------------
+    |
+    | Here you may define the number of seconds before a password confirmation
+    | window expires and users are asked to re-enter their password via the
+    | confirmation screen. By default, the timeout lasts for three hours.
+    |
+    */
+
+    'password_timeout' => env('AUTH_PASSWORD_TIMEOUT', 10800),
+
+];
diff --git a/config/cache.php b/config/cache.php
new file mode 100644
index 0000000..b32aead
--- /dev/null
+++ b/config/cache.php
@@ -0,0 +1,117 @@
+<?php
+
+use Illuminate\Support\Str;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Cache Store
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default cache store that will be used by the
+    | framework. This connection is utilized if another isn't explicitly
+    | specified when running a cache operation inside the application.
+    |
+    */
+
+    'default' => env('CACHE_STORE', 'database'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cache Stores
+    |--------------------------------------------------------------------------
+    |
+    | Here you may define all of the cache "stores" for your application as
+    | well as their drivers. You may even define multiple stores for the
+    | same cache driver to group types of items stored in your caches.
+    |
+    | Supported drivers: "array", "database", "file", "memcached",
+    |                    "redis", "dynamodb", "octane",
+    |                    "failover", "null"
+    |
+    */
+
+    'stores' => [
+
+        'array' => [
+            'driver' => 'array',
+            'serialize' => false,
+        ],
+
+        'database' => [
+            'driver' => 'database',
+            'connection' => env('DB_CACHE_CONNECTION'),
+            'table' => env('DB_CACHE_TABLE', 'cache'),
+            'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
+            'lock_table' => env('DB_CACHE_LOCK_TABLE'),
+        ],
+
+        'file' => [
+            'driver' => 'file',
+            'path' => storage_path('framework/cache/data'),
+            'lock_path' => storage_path('framework/cache/data'),
+        ],
+
+        'memcached' => [
+            'driver' => 'memcached',
+            'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
+            'sasl' => [
+                env('MEMCACHED_USERNAME'),
+                env('MEMCACHED_PASSWORD'),
+            ],
+            'options' => [
+                // Memcached::OPT_CONNECT_TIMEOUT => 2000,
+            ],
+            'servers' => [
+                [
+                    'host' => env('MEMCACHED_HOST', '127.0.0.1'),
+                    'port' => env('MEMCACHED_PORT', 11211),
+                    'weight' => 100,
+                ],
+            ],
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => env('REDIS_CACHE_CONNECTION', 'cache'),
+            'lock_connection' => env('REDIS_CACHE_LOCK_CONNECTION', 'default'),
+        ],
+
+        'dynamodb' => [
+            'driver' => 'dynamodb',
+            'key' => env('AWS_ACCESS_KEY_ID'),
+            'secret' => env('AWS_SECRET_ACCESS_KEY'),
+            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+            'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
+            'endpoint' => env('DYNAMODB_ENDPOINT'),
+        ],
+
+        'octane' => [
+            'driver' => 'octane',
+        ],
+
+        'failover' => [
+            'driver' => 'failover',
+            'stores' => [
+                'database',
+                'array',
+            ],
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cache Key Prefix
+    |--------------------------------------------------------------------------
+    |
+    | When utilizing the APC, database, memcached, Redis, and DynamoDB cache
+    | stores, there might be other applications using the same cache. For
+    | that reason, you may prefix every cache key to avoid collisions.
+    |
+    */
+
+    'prefix' => env('CACHE_PREFIX', Str::slug((string) env('APP_NAME', 'laravel')).'-cache-'),
+
+];
diff --git a/config/database.php b/config/database.php
new file mode 100644
index 0000000..df933e7
--- /dev/null
+++ b/config/database.php
@@ -0,0 +1,183 @@
+<?php
+
+use Illuminate\Support\Str;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Database Connection Name
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which of the database connections below you wish
+    | to use as your default connection for database operations. This is
+    | the connection which will be utilized unless another connection
+    | is explicitly specified when you execute a query / statement.
+    |
+    */
+
+    'default' => env('DB_CONNECTION', 'sqlite'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Database Connections
+    |--------------------------------------------------------------------------
+    |
+    | Below are all of the database connections defined for your application.
+    | An example configuration is provided for each database system which
+    | is supported by Laravel. You're free to add / remove connections.
+    |
+    */
+
+    'connections' => [
+
+        'sqlite' => [
+            'driver' => 'sqlite',
+            'url' => env('DB_URL'),
+            'database' => env('DB_DATABASE', database_path('database.sqlite')),
+            'prefix' => '',
+            'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
+            'busy_timeout' => null,
+            'journal_mode' => null,
+            'synchronous' => null,
+            'transaction_mode' => 'DEFERRED',
+        ],
+
+        'mysql' => [
+            'driver' => 'mysql',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '3306'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'unix_socket' => env('DB_SOCKET', ''),
+            'charset' => env('DB_CHARSET', 'utf8mb4'),
+            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            'strict' => true,
+            'engine' => null,
+            'options' => extension_loaded('pdo_mysql') ? array_filter([
+                (PHP_VERSION_ID >= 80500 ? \Pdo\Mysql::ATTR_SSL_CA : \PDO::MYSQL_ATTR_SSL_CA) => env('MYSQL_ATTR_SSL_CA'),
+            ]) : [],
+        ],
+
+        'mariadb' => [
+            'driver' => 'mariadb',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '3306'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'unix_socket' => env('DB_SOCKET', ''),
+            'charset' => env('DB_CHARSET', 'utf8mb4'),
+            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            'strict' => true,
+            'engine' => null,
+            'options' => extension_loaded('pdo_mysql') ? array_filter([
+                (PHP_VERSION_ID >= 80500 ? \Pdo\Mysql::ATTR_SSL_CA : \PDO::MYSQL_ATTR_SSL_CA) => env('MYSQL_ATTR_SSL_CA'),
+            ]) : [],
+        ],
+
+        'pgsql' => [
+            'driver' => 'pgsql',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '5432'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'charset' => env('DB_CHARSET', 'utf8'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            'search_path' => 'public',
+            'sslmode' => env('DB_SSLMODE', 'prefer'),
+        ],
+
+        'sqlsrv' => [
+            'driver' => 'sqlsrv',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', 'localhost'),
+            'port' => env('DB_PORT', '1433'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'charset' => env('DB_CHARSET', 'utf8'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            // 'encrypt' => env('DB_ENCRYPT', 'yes'),
+            // 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Migration Repository Table
+    |--------------------------------------------------------------------------
+    |
+    | This table keeps track of all the migrations that have already run for
+    | your application. Using this information, we can determine which of
+    | the migrations on disk haven't actually been run on the database.
+    |
+    */
+
+    'migrations' => [
+        'table' => 'migrations',
+        'update_date_on_publish' => true,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Redis Databases
+    |--------------------------------------------------------------------------
+    |
+    | Redis is an open source, fast, and advanced key-value store that also
+    | provides a richer body of commands than a typical key-value system
+    | such as Memcached. You may define your connection settings here.
+    |
+    */
+
+    'redis' => [
+
+        'client' => env('REDIS_CLIENT', 'phpredis'),
+
+        'options' => [
+            'cluster' => env('REDIS_CLUSTER', 'redis'),
+            'prefix' => env('REDIS_PREFIX', Str::slug((string) env('APP_NAME', 'laravel')).'-database-'),
+            'persistent' => env('REDIS_PERSISTENT', false),
+        ],
+
+        'default' => [
+            'url' => env('REDIS_URL'),
+            'host' => env('REDIS_HOST', '127.0.0.1'),
+            'username' => env('REDIS_USERNAME'),
+            'password' => env('REDIS_PASSWORD'),
+            'port' => env('REDIS_PORT', '6379'),
+            'database' => env('REDIS_DB', '0'),
+            'max_retries' => env('REDIS_MAX_RETRIES', 3),
+            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
+            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
+            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
+        ],
+
+        'cache' => [
+            'url' => env('REDIS_URL'),
+            'host' => env('REDIS_HOST', '127.0.0.1'),
+            'username' => env('REDIS_USERNAME'),
+            'password' => env('REDIS_PASSWORD'),
+            'port' => env('REDIS_PORT', '6379'),
+            'database' => env('REDIS_CACHE_DB', '1'),
+            'max_retries' => env('REDIS_MAX_RETRIES', 3),
+            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
+            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
+            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
+        ],
+
+    ],
+
+];
diff --git a/config/filesystems.php b/config/filesystems.php
new file mode 100644
index 0000000..37d8fca
--- /dev/null
+++ b/config/filesystems.php
@@ -0,0 +1,80 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Filesystem Disk
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default filesystem disk that should be used
+    | by the framework. The "local" disk, as well as a variety of cloud
+    | based disks are available to your application for file storage.
+    |
+    */
+
+    'default' => env('FILESYSTEM_DISK', 'local'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Filesystem Disks
+    |--------------------------------------------------------------------------
+    |
+    | Below you may configure as many filesystem disks as necessary, and you
+    | may even configure multiple disks for the same driver. Examples for
+    | most supported storage drivers are configured here for reference.
+    |
+    | Supported drivers: "local", "ftp", "sftp", "s3"
+    |
+    */
+
+    'disks' => [
+
+        'local' => [
+            'driver' => 'local',
+            'root' => storage_path('app/private'),
+            'serve' => true,
+            'throw' => false,
+            'report' => false,
+        ],
+
+        'public' => [
+            'driver' => 'local',
+            'root' => storage_path('app/public'),
+            'url' => rtrim(env('APP_URL', 'http://localhost'), '/').'/storage',
+            'visibility' => 'public',
+            'throw' => false,
+            'report' => false,
+        ],
+
+        's3' => [
+            'driver' => 's3',
+            'key' => env('AWS_ACCESS_KEY_ID'),
+            'secret' => env('AWS_SECRET_ACCESS_KEY'),
+            'region' => env('AWS_DEFAULT_REGION'),
+            'bucket' => env('AWS_BUCKET'),
+            'url' => env('AWS_URL'),
+            'endpoint' => env('AWS_ENDPOINT'),
+            'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
+            'throw' => false,
+            'report' => false,
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Symbolic Links
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the symbolic links that will be created when the
+    | `storage:link` Artisan command is executed. The array keys should be
+    | the locations of the links and the values should be their targets.
+    |
+    */
+
+    'links' => [
+        public_path('storage') => storage_path('app/public'),
+    ],
+
+];
diff --git a/config/logging.php b/config/logging.php
new file mode 100644
index 0000000..9e998a4
--- /dev/null
+++ b/config/logging.php
@@ -0,0 +1,132 @@
+<?php
+
+use Monolog\Handler\NullHandler;
+use Monolog\Handler\StreamHandler;
+use Monolog\Handler\SyslogUdpHandler;
+use Monolog\Processor\PsrLogMessageProcessor;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Log Channel
+    |--------------------------------------------------------------------------
+    |
+    | This option defines the default log channel that is utilized to write
+    | messages to your logs. The value provided here should match one of
+    | the channels present in the list of "channels" configured below.
+    |
+    */
+
+    'default' => env('LOG_CHANNEL', 'stack'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Deprecations Log Channel
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the log channel that should be used to log warnings
+    | regarding deprecated PHP and library features. This allows you to get
+    | your application ready for upcoming major versions of dependencies.
+    |
+    */
+
+    'deprecations' => [
+        'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
+        'trace' => env('LOG_DEPRECATIONS_TRACE', false),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Log Channels
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the log channels for your application. Laravel
+    | utilizes the Monolog PHP logging library, which includes a variety
+    | of powerful log handlers and formatters that you're free to use.
+    |
+    | Available drivers: "single", "daily", "slack", "syslog",
+    |                    "errorlog", "monolog", "custom", "stack"
+    |
+    */
+
+    'channels' => [
+
+        'stack' => [
+            'driver' => 'stack',
+            'channels' => explode(',', (string) env('LOG_STACK', 'single')),
+            'ignore_exceptions' => false,
+        ],
+
+        'single' => [
+            'driver' => 'single',
+            'path' => storage_path('logs/laravel.log'),
+            'level' => env('LOG_LEVEL', 'debug'),
+            'replace_placeholders' => true,
+        ],
+
+        'daily' => [
+            'driver' => 'daily',
+            'path' => storage_path('logs/laravel.log'),
+            'level' => env('LOG_LEVEL', 'debug'),
+            'days' => env('LOG_DAILY_DAYS', 14),
+            'replace_placeholders' => true,
+        ],
+
+        'slack' => [
+            'driver' => 'slack',
+            'url' => env('LOG_SLACK_WEBHOOK_URL'),
+            'username' => env('LOG_SLACK_USERNAME', 'Laravel Log'),
+            'emoji' => env('LOG_SLACK_EMOJI', ':boom:'),
+            'level' => env('LOG_LEVEL', 'critical'),
+            'replace_placeholders' => true,
+        ],
+
+        'papertrail' => [
+            'driver' => 'monolog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'handler' => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
+            'handler_with' => [
+                'host' => env('PAPERTRAIL_URL'),
+                'port' => env('PAPERTRAIL_PORT'),
+                'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
+            ],
+            'processors' => [PsrLogMessageProcessor::class],
+        ],
+
+        'stderr' => [
+            'driver' => 'monolog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'handler' => StreamHandler::class,
+            'handler_with' => [
+                'stream' => 'php://stderr',
+            ],
+            'formatter' => env('LOG_STDERR_FORMATTER'),
+            'processors' => [PsrLogMessageProcessor::class],
+        ],
+
+        'syslog' => [
+            'driver' => 'syslog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'facility' => env('LOG_SYSLOG_FACILITY', LOG_USER),
+            'replace_placeholders' => true,
+        ],
+
+        'errorlog' => [
+            'driver' => 'errorlog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'replace_placeholders' => true,
+        ],
+
+        'null' => [
+            'driver' => 'monolog',
+            'handler' => NullHandler::class,
+        ],
+
+        'emergency' => [
+            'path' => storage_path('logs/laravel.log'),
+        ],
+
+    ],
+
+];
diff --git a/config/mail.php b/config/mail.php
new file mode 100644
index 0000000..522b284
--- /dev/null
+++ b/config/mail.php
@@ -0,0 +1,118 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Mailer
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default mailer that is used to send all email
+    | messages unless another mailer is explicitly specified when sending
+    | the message. All additional mailers can be configured within the
+    | "mailers" array. Examples of each type of mailer are provided.
+    |
+    */
+
+    'default' => env('MAIL_MAILER', 'log'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Mailer Configurations
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure all of the mailers used by your application plus
+    | their respective settings. Several examples have been configured for
+    | you and you are free to add your own as your application requires.
+    |
+    | Laravel supports a variety of mail "transport" drivers that can be used
+    | when delivering an email. You may specify which one you're using for
+    | your mailers below. You may also add additional mailers if needed.
+    |
+    | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
+    |            "postmark", "resend", "log", "array",
+    |            "failover", "roundrobin"
+    |
+    */
+
+    'mailers' => [
+
+        'smtp' => [
+            'transport' => 'smtp',
+            'scheme' => env('MAIL_SCHEME'),
+            'url' => env('MAIL_URL'),
+            'host' => env('MAIL_HOST', '127.0.0.1'),
+            'port' => env('MAIL_PORT', 2525),
+            'username' => env('MAIL_USERNAME'),
+            'password' => env('MAIL_PASSWORD'),
+            'timeout' => null,
+            'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url((string) env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
+        ],
+
+        'ses' => [
+            'transport' => 'ses',
+        ],
+
+        'postmark' => [
+            'transport' => 'postmark',
+            // 'message_stream_id' => env('POSTMARK_MESSAGE_STREAM_ID'),
+            // 'client' => [
+            //     'timeout' => 5,
+            // ],
+        ],
+
+        'resend' => [
+            'transport' => 'resend',
+        ],
+
+        'sendmail' => [
+            'transport' => 'sendmail',
+            'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
+        ],
+
+        'log' => [
+            'transport' => 'log',
+            'channel' => env('MAIL_LOG_CHANNEL'),
+        ],
+
+        'array' => [
+            'transport' => 'array',
+        ],
+
+        'failover' => [
+            'transport' => 'failover',
+            'mailers' => [
+                'smtp',
+                'log',
+            ],
+            'retry_after' => 60,
+        ],
+
+        'roundrobin' => [
+            'transport' => 'roundrobin',
+            'mailers' => [
+                'ses',
+                'postmark',
+            ],
+            'retry_after' => 60,
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Global "From" Address
+    |--------------------------------------------------------------------------
+    |
+    | You may wish for all emails sent by your application to be sent from
+    | the same address. Here you may specify a name and address that is
+    | used globally for all emails that are sent by your application.
+    |
+    */
+
+    'from' => [
+        'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
+        'name' => env('MAIL_FROM_NAME', 'Example'),
+    ],
+
+];
diff --git a/config/queue.php b/config/queue.php
new file mode 100644
index 0000000..79c2c0a
--- /dev/null
+++ b/config/queue.php
@@ -0,0 +1,129 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Queue Connection Name
+    |--------------------------------------------------------------------------
+    |
+    | Laravel's queue supports a variety of backends via a single, unified
+    | API, giving you convenient access to each backend using identical
+    | syntax for each. The default queue connection is defined below.
+    |
+    */
+
+    'default' => env('QUEUE_CONNECTION', 'database'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Queue Connections
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the connection options for every queue backend
+    | used by your application. An example configuration is provided for
+    | each backend supported by Laravel. You're also free to add more.
+    |
+    | Drivers: "sync", "database", "beanstalkd", "sqs", "redis",
+    |          "deferred", "background", "failover", "null"
+    |
+    */
+
+    'connections' => [
+
+        'sync' => [
+            'driver' => 'sync',
+        ],
+
+        'database' => [
+            'driver' => 'database',
+            'connection' => env('DB_QUEUE_CONNECTION'),
+            'table' => env('DB_QUEUE_TABLE', 'jobs'),
+            'queue' => env('DB_QUEUE', 'default'),
+            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
+            'after_commit' => false,
+        ],
+
+        'beanstalkd' => [
+            'driver' => 'beanstalkd',
+            'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
+            'queue' => env('BEANSTALKD_QUEUE', 'default'),
+            'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
+            'block_for' => 0,
+            'after_commit' => false,
+        ],
+
+        'sqs' => [
+            'driver' => 'sqs',
+            'key' => env('AWS_ACCESS_KEY_ID'),
+            'secret' => env('AWS_SECRET_ACCESS_KEY'),
+            'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
+            'queue' => env('SQS_QUEUE', 'default'),
+            'suffix' => env('SQS_SUFFIX'),
+            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+            'after_commit' => false,
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
+            'queue' => env('REDIS_QUEUE', 'default'),
+            'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
+            'block_for' => null,
+            'after_commit' => false,
+        ],
+
+        'deferred' => [
+            'driver' => 'deferred',
+        ],
+
+        'background' => [
+            'driver' => 'background',
+        ],
+
+        'failover' => [
+            'driver' => 'failover',
+            'connections' => [
+                'database',
+                'deferred',
+            ],
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Job Batching
+    |--------------------------------------------------------------------------
+    |
+    | The following options configure the database and table that store job
+    | batching information. These options can be updated to any database
+    | connection and table which has been defined by your application.
+    |
+    */
+
+    'batching' => [
+        'database' => env('DB_CONNECTION', 'sqlite'),
+        'table' => 'job_batches',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Failed Queue Jobs
+    |--------------------------------------------------------------------------
+    |
+    | These options configure the behavior of failed queue job logging so you
+    | can control how and where failed jobs are stored. Laravel ships with
+    | support for storing failed jobs in a simple file or in a database.
+    |
+    | Supported drivers: "database-uuids", "dynamodb", "file", "null"
+    |
+    */
+
+    'failed' => [
+        'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
+        'database' => env('DB_CONNECTION', 'sqlite'),
+        'table' => 'failed_jobs',
+    ],
+
+];
diff --git a/config/services.php b/config/services.php
new file mode 100644
index 0000000..6a90eb8
--- /dev/null
+++ b/config/services.php
@@ -0,0 +1,38 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Third Party Services
+    |--------------------------------------------------------------------------
+    |
+    | This file is for storing the credentials for third party services such
+    | as Mailgun, Postmark, AWS and more. This file provides the de facto
+    | location for this type of information, allowing packages to have
+    | a conventional file to locate the various service credentials.
+    |
+    */
+
+    'postmark' => [
+        'key' => env('POSTMARK_API_KEY'),
+    ],
+
+    'resend' => [
+        'key' => env('RESEND_API_KEY'),
+    ],
+
+    'ses' => [
+        'key' => env('AWS_ACCESS_KEY_ID'),
+        'secret' => env('AWS_SECRET_ACCESS_KEY'),
+        'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+    ],
+
+    'slack' => [
+        'notifications' => [
+            'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
+            'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
+        ],
+    ],
+
+];
diff --git a/config/session.php b/config/session.php
new file mode 100644
index 0000000..5b541b7
--- /dev/null
+++ b/config/session.php
@@ -0,0 +1,217 @@
+<?php
+
+use Illuminate\Support\Str;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Session Driver
+    |--------------------------------------------------------------------------
+    |
+    | This option determines the default session driver that is utilized for
+    | incoming requests. Laravel supports a variety of storage options to
+    | persist session data. Database storage is a great default choice.
+    |
+    | Supported: "file", "cookie", "database", "memcached",
+    |            "redis", "dynamodb", "array"
+    |
+    */
+
+    'driver' => env('SESSION_DRIVER', 'database'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Lifetime
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the number of minutes that you wish the session
+    | to be allowed to remain idle before it expires. If you want them
+    | to expire immediately when the browser is closed then you may
+    | indicate that via the expire_on_close configuration option.
+    |
+    */
+
+    'lifetime' => (int) env('SESSION_LIFETIME', 120),
+
+    'expire_on_close' => env('SESSION_EXPIRE_ON_CLOSE', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Encryption
+    |--------------------------------------------------------------------------
+    |
+    | This option allows you to easily specify that all of your session data
+    | should be encrypted before it's stored. All encryption is performed
+    | automatically by Laravel and you may use the session like normal.
+    |
+    */
+
+    'encrypt' => env('SESSION_ENCRYPT', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session File Location
+    |--------------------------------------------------------------------------
+    |
+    | When utilizing the "file" session driver, the session files are placed
+    | on disk. The default storage location is defined here; however, you
+    | are free to provide another location where they should be stored.
+    |
+    */
+
+    'files' => storage_path('framework/sessions'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Database Connection
+    |--------------------------------------------------------------------------
+    |
+    | When using the "database" or "redis" session drivers, you may specify a
+    | connection that should be used to manage these sessions. This should
+    | correspond to a connection in your database configuration options.
+    |
+    */
+
+    'connection' => env('SESSION_CONNECTION'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Database Table
+    |--------------------------------------------------------------------------
+    |
+    | When using the "database" session driver, you may specify the table to
+    | be used to store sessions. Of course, a sensible default is defined
+    | for you; however, you're welcome to change this to another table.
+    |
+    */
+
+    'table' => env('SESSION_TABLE', 'sessions'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cache Store
+    |--------------------------------------------------------------------------
+    |
+    | When using one of the framework's cache driven session backends, you may
+    | define the cache store which should be used to store the session data
+    | between requests. This must match one of your defined cache stores.
+    |
+    | Affects: "dynamodb", "memcached", "redis"
+    |
+    */
+
+    'store' => env('SESSION_STORE'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Sweeping Lottery
+    |--------------------------------------------------------------------------
+    |
+    | Some session drivers must manually sweep their storage location to get
+    | rid of old sessions from storage. Here are the chances that it will
+    | happen on a given request. By default, the odds are 2 out of 100.
+    |
+    */
+
+    'lottery' => [2, 100],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Name
+    |--------------------------------------------------------------------------
+    |
+    | Here you may change the name of the session cookie that is created by
+    | the framework. Typically, you should not need to change this value
+    | since doing so does not grant a meaningful security improvement.
+    |
+    */
+
+    'cookie' => env(
+        'SESSION_COOKIE',
+        Str::slug((string) env('APP_NAME', 'laravel')).'-session'
+    ),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Path
+    |--------------------------------------------------------------------------
+    |
+    | The session cookie path determines the path for which the cookie will
+    | be regarded as available. Typically, this will be the root path of
+    | your application, but you're free to change this when necessary.
+    |
+    */
+
+    'path' => env('SESSION_PATH', '/'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Domain
+    |--------------------------------------------------------------------------
+    |
+    | This value determines the domain and subdomains the session cookie is
+    | available to. By default, the cookie will be available to the root
+    | domain without subdomains. Typically, this shouldn't be changed.
+    |
+    */
+
+    'domain' => env('SESSION_DOMAIN'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | HTTPS Only Cookies
+    |--------------------------------------------------------------------------
+    |
+    | By setting this option to true, session cookies will only be sent back
+    | to the server if the browser has a HTTPS connection. This will keep
+    | the cookie from being sent to you when it can't be done securely.
+    |
+    */
+
+    'secure' => env('SESSION_SECURE_COOKIE'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | HTTP Access Only
+    |--------------------------------------------------------------------------
+    |
+    | Setting this value to true will prevent JavaScript from accessing the
+    | value of the cookie and the cookie will only be accessible through
+    | the HTTP protocol. It's unlikely you should disable this option.
+    |
+    */
+
+    'http_only' => env('SESSION_HTTP_ONLY', true),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Same-Site Cookies
+    |--------------------------------------------------------------------------
+    |
+    | This option determines how your cookies behave when cross-site requests
+    | take place, and can be used to mitigate CSRF attacks. By default, we
+    | will set this value to "lax" to permit secure cross-site requests.
+    |
+    | See: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
+    |
+    | Supported: "lax", "strict", "none", null
+    |
+    */
+
+    'same_site' => env('SESSION_SAME_SITE', 'lax'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Partitioned Cookies
+    |--------------------------------------------------------------------------
+    |
+    | Setting this value to true will tie the cookie to the top-level site for
+    | a cross-site context. Partitioned cookies are accepted by the browser
+    | when flagged "secure" and the Same-Site attribute is set to "none".
+    |
+    */
+
+    'partitioned' => env('SESSION_PARTITIONED_COOKIE', false),
+
+];
diff --git a/database/.gitignore b/database/.gitignore
new file mode 100644
index 0000000..9b19b93
--- /dev/null
+++ b/database/.gitignore
@@ -0,0 +1 @@
+*.sqlite*
diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php
new file mode 100644
index 0000000..584104c
--- /dev/null
+++ b/database/factories/UserFactory.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Database\Factories;
+
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Str;
+
+/**
+ * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\User>
+ */
+class UserFactory extends Factory
+{
+    /**
+     * The current password being used by the factory.
+     */
+    protected static ?string $password;
+
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'name' => fake()->name(),
+            'email' => fake()->unique()->safeEmail(),
+            'email_verified_at' => now(),
+            'password' => static::$password ??= Hash::make('password'),
+            'remember_token' => Str::random(10),
+        ];
+    }
+
+    /**
+     * Indicate that the model's email address should be unverified.
+     */
+    public function unverified(): static
+    {
+        return $this->state(fn (array $attributes) => [
+            'email_verified_at' => null,
+        ]);
+    }
+}
diff --git a/database/migrations/0001_01_01_000000_create_users_table.php b/database/migrations/0001_01_01_000000_create_users_table.php
new file mode 100644
index 0000000..05fb5d9
--- /dev/null
+++ b/database/migrations/0001_01_01_000000_create_users_table.php
@@ -0,0 +1,49 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('users', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('email')->unique();
+            $table->timestamp('email_verified_at')->nullable();
+            $table->string('password');
+            $table->rememberToken();
+            $table->timestamps();
+        });
+
+        Schema::create('password_reset_tokens', function (Blueprint $table) {
+            $table->string('email')->primary();
+            $table->string('token');
+            $table->timestamp('created_at')->nullable();
+        });
+
+        Schema::create('sessions', function (Blueprint $table) {
+            $table->string('id')->primary();
+            $table->foreignId('user_id')->nullable()->index();
+            $table->string('ip_address', 45)->nullable();
+            $table->text('user_agent')->nullable();
+            $table->longText('payload');
+            $table->integer('last_activity')->index();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('users');
+        Schema::dropIfExists('password_reset_tokens');
+        Schema::dropIfExists('sessions');
+    }
+};
diff --git a/database/migrations/0001_01_01_000001_create_cache_table.php b/database/migrations/0001_01_01_000001_create_cache_table.php
new file mode 100644
index 0000000..ed758bd
--- /dev/null
+++ b/database/migrations/0001_01_01_000001_create_cache_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('cache', function (Blueprint $table) {
+            $table->string('key')->primary();
+            $table->mediumText('value');
+            $table->integer('expiration')->index();
+        });
+
+        Schema::create('cache_locks', function (Blueprint $table) {
+            $table->string('key')->primary();
+            $table->string('owner');
+            $table->integer('expiration')->index();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('cache');
+        Schema::dropIfExists('cache_locks');
+    }
+};
diff --git a/database/migrations/0001_01_01_000002_create_jobs_table.php b/database/migrations/0001_01_01_000002_create_jobs_table.php
new file mode 100644
index 0000000..425e705
--- /dev/null
+++ b/database/migrations/0001_01_01_000002_create_jobs_table.php
@@ -0,0 +1,57 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('jobs', function (Blueprint $table) {
+            $table->id();
+            $table->string('queue')->index();
+            $table->longText('payload');
+            $table->unsignedTinyInteger('attempts');
+            $table->unsignedInteger('reserved_at')->nullable();
+            $table->unsignedInteger('available_at');
+            $table->unsignedInteger('created_at');
+        });
+
+        Schema::create('job_batches', function (Blueprint $table) {
+            $table->string('id')->primary();
+            $table->string('name');
+            $table->integer('total_jobs');
+            $table->integer('pending_jobs');
+            $table->integer('failed_jobs');
+            $table->longText('failed_job_ids');
+            $table->mediumText('options')->nullable();
+            $table->integer('cancelled_at')->nullable();
+            $table->integer('created_at');
+            $table->integer('finished_at')->nullable();
+        });
+
+        Schema::create('failed_jobs', function (Blueprint $table) {
+            $table->id();
+            $table->string('uuid')->unique();
+            $table->text('connection');
+            $table->text('queue');
+            $table->longText('payload');
+            $table->longText('exception');
+            $table->timestamp('failed_at')->useCurrent();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('jobs');
+        Schema::dropIfExists('job_batches');
+        Schema::dropIfExists('failed_jobs');
+    }
+};
diff --git a/database/migrations/2026_03_02_073817_add_role_to_users_table.php b/database/migrations/2026_03_02_073817_add_role_to_users_table.php
new file mode 100644
index 0000000..55d1487
--- /dev/null
+++ b/database/migrations/2026_03_02_073817_add_role_to_users_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->string('role')->after('password')->default('owner'); // roles: owner, receptionist
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn('role');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_02_080721_create_branches_table.php b/database/migrations/2026_03_02_080721_create_branches_table.php
new file mode 100644
index 0000000..ffa8294
--- /dev/null
+++ b/database/migrations/2026_03_02_080721_create_branches_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('branches', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('location');
+            $table->string('manager_name');
+            $table->integer('total_members')->default(0);
+            $table->decimal('revenue', 15, 2)->default(0);
+            $table->string('status')->default('Active');
+            $table->date('operational_start_date');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('branches');
+    }
+};
diff --git a/database/migrations/2026_03_02_080722_create_branch_documents_table.php b/database/migrations/2026_03_02_080722_create_branch_documents_table.php
new file mode 100644
index 0000000..5bc3f33
--- /dev/null
+++ b/database/migrations/2026_03_02_080722_create_branch_documents_table.php
@@ -0,0 +1,31 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('branch_documents', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('branch_id')->constrained()->onDelete('cascade');
+            $table->string('name');
+            $table->string('path');
+            $table->date('expiry_date');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('branch_documents');
+    }
+};
diff --git a/database/migrations/2026_03_03_100112_create_staff_table.php b/database/migrations/2026_03_03_100112_create_staff_table.php
new file mode 100644
index 0000000..b856eef
--- /dev/null
+++ b/database/migrations/2026_03_03_100112_create_staff_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('staff', function (Blueprint $table) {
+            $table->id();
+            $table->string('full_name');
+            $table->string('email')->unique();
+            $table->string('phone')->nullable();
+            $table->string('designation')->nullable();
+            $table->string('role');
+            $table->foreignId('branch_id')->nullable()->constrained('branches')->nullOnDelete();
+            $table->date('joining_date');
+            $table->string('status')->default('Active');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('staff');
+    }
+};
diff --git a/database/migrations/2026_03_03_111229_add_salary_details_to_staff_table.php b/database/migrations/2026_03_03_111229_add_salary_details_to_staff_table.php
new file mode 100644
index 0000000..02148be
--- /dev/null
+++ b/database/migrations/2026_03_03_111229_add_salary_details_to_staff_table.php
@@ -0,0 +1,42 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->string('salary_type')->nullable()->after('status');
+            $table->decimal('salary_amount', 10, 2)->nullable()->after('salary_type');
+            $table->string('salary_cycle')->nullable()->after('salary_amount');
+            $table->date('cycle_effective_date')->nullable()->after('salary_cycle');
+            
+            $table->boolean('advance_enabled')->default(false)->after('cycle_effective_date');
+            $table->decimal('advance_amount', 10, 2)->nullable()->after('advance_enabled');
+            $table->string('advance_repayment_mode')->nullable()->after('advance_amount');
+            
+            $table->boolean('commission_enabled')->default(false)->after('advance_repayment_mode');
+            $table->decimal('commission_amount', 10, 2)->nullable()->after('commission_enabled');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->dropColumn([
+                'salary_type', 'salary_amount', 'salary_cycle', 'cycle_effective_date',
+                'advance_enabled', 'advance_amount', 'advance_repayment_mode',
+                'commission_enabled', 'commission_amount'
+            ]);
+        });
+    }
+};
diff --git a/database/migrations/2026_03_03_112136_create_investors_table.php b/database/migrations/2026_03_03_112136_create_investors_table.php
new file mode 100644
index 0000000..52bf7e5
--- /dev/null
+++ b/database/migrations/2026_03_03_112136_create_investors_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('investors', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->date('investment_date');
+            $table->decimal('investment_amount', 15, 2);
+            $table->boolean('applicable_to_all_branches')->default(false);
+            $table->string('roi_type')->default('Percentage'); // 'Percentage', 'Fixed Amount'
+            $table->decimal('roi_value', 15, 2)->nullable();
+            $table->string('roi_period')->nullable(); // Monthly, Yearly, etc.
+            $table->string('security_proof_document')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('investors');
+    }
+};
diff --git a/database/migrations/2026_03_03_112155_create_investor_branch_table.php b/database/migrations/2026_03_03_112155_create_investor_branch_table.php
new file mode 100644
index 0000000..e4ea340
--- /dev/null
+++ b/database/migrations/2026_03_03_112155_create_investor_branch_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('investor_branch', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('investor_id')->constrained()->onDelete('cascade');
+            $table->foreignId('branch_id')->constrained()->onDelete('cascade');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('investor_branch');
+    }
+};
diff --git a/database/migrations/2026_03_03_114157_make_staff_fields_nullable.php b/database/migrations/2026_03_03_114157_make_staff_fields_nullable.php
new file mode 100644
index 0000000..2a9407c
--- /dev/null
+++ b/database/migrations/2026_03_03_114157_make_staff_fields_nullable.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->string('full_name')->nullable()->change();
+            $table->string('email')->nullable()->change();
+            $table->string('role')->nullable()->change();
+            $table->date('joining_date')->nullable()->change();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->string('full_name')->nullable(false)->change();
+            $table->string('email')->nullable(false)->change();
+            $table->string('role')->nullable(false)->change();
+            $table->date('joining_date')->nullable(false)->change();
+        });
+    }
+};
diff --git a/database/migrations/2026_03_03_120436_create_master_tables.php b/database/migrations/2026_03_03_120436_create_master_tables.php
new file mode 100644
index 0000000..46106c6
--- /dev/null
+++ b/database/migrations/2026_03_03_120436_create_master_tables.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('collection_types', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('status')->default('Active');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('collection_types');
+    }
+};
diff --git a/database/migrations/2026_03_03_120521_create_expense_categories_table.php b/database/migrations/2026_03_03_120521_create_expense_categories_table.php
new file mode 100644
index 0000000..be0e4f2
--- /dev/null
+++ b/database/migrations/2026_03_03_120521_create_expense_categories_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('expense_categories', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('status')->default('Active');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('expense_categories');
+    }
+};
diff --git a/database/migrations/2026_03_03_120521_create_product_categories_table.php b/database/migrations/2026_03_03_120521_create_product_categories_table.php
new file mode 100644
index 0000000..ed100ab
--- /dev/null
+++ b/database/migrations/2026_03_03_120521_create_product_categories_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('product_categories', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('status')->default('Active');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('product_categories');
+    }
+};
diff --git a/database/migrations/2026_03_03_124335_add_extended_profile_to_staff_table.php b/database/migrations/2026_03_03_124335_add_extended_profile_to_staff_table.php
new file mode 100644
index 0000000..d9ade3a
--- /dev/null
+++ b/database/migrations/2026_03_03_124335_add_extended_profile_to_staff_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->string('staff_id_code')->nullable()->after('id');
+            $table->string('emirates_id')->nullable()->after('phone');
+            $table->date('emirates_id_expiry')->nullable()->after('emirates_id');
+            $table->string('family_member_name')->nullable();
+            $table->string('family_member_relation')->nullable();
+            $table->string('family_member_contact')->nullable();
+            $table->boolean('salary_reminder_enabled')->default(true);
+            $table->boolean('document_expiry_enabled')->default(true);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            //
+        });
+    }
+};
diff --git a/database/migrations/2026_03_03_140500_create_accounts_table.php b/database/migrations/2026_03_03_140500_create_accounts_table.php
new file mode 100644
index 0000000..a6a3c89
--- /dev/null
+++ b/database/migrations/2026_03_03_140500_create_accounts_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('accounts', function (Blueprint $table) {
+            $table->id();
+            $table->date('date');
+            $table->time('time');
+            $table->decimal('credit', 15, 2)->default(0);
+            $table->decimal('debit', 15, 2)->default(0);
+            $table->string('type'); // investor, salary, expense, etc.
+            $table->nullableMorphs('accountable'); // Link to Investor, Staff, etc.
+            $table->text('description')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('accounts');
+    }
+};
diff --git a/database/migrations/2026_03_03_140501_create_staff_payments_table.php b/database/migrations/2026_03_03_140501_create_staff_payments_table.php
new file mode 100644
index 0000000..99e55d6
--- /dev/null
+++ b/database/migrations/2026_03_03_140501_create_staff_payments_table.php
@@ -0,0 +1,33 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('staff_payments', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('staff_id')->constrained('staff')->onDelete('cascade');
+            $table->decimal('amount', 15, 2);
+            $table->date('payment_date');
+            $table->string('payment_type'); // Salary, Advance, Commission
+            $table->string('status')->default('Paid');
+            $table->text('remarks')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('staff_payments');
+    }
+};
diff --git a/database/migrations/2026_03_03_142236_create_investor_payouts_table.php b/database/migrations/2026_03_03_142236_create_investor_payouts_table.php
new file mode 100644
index 0000000..023da10
--- /dev/null
+++ b/database/migrations/2026_03_03_142236_create_investor_payouts_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('investor_payouts', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('investor_id')->constrained('investors')->onDelete('cascade');
+            $table->decimal('amount', 15, 2);
+            $table->date('payout_date');
+            $table->string('payout_month'); // e.g. "March 2026"
+            $table->string('status')->default('Paid');
+            $table->string('payment_method')->nullable();
+            $table->text('remarks')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('investor_payouts');
+    }
+};
diff --git a/database/migrations/2026_03_03_202000_create_expenses_table.php b/database/migrations/2026_03_03_202000_create_expenses_table.php
new file mode 100644
index 0000000..5726599
--- /dev/null
+++ b/database/migrations/2026_03_03_202000_create_expenses_table.php
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('expenses', function (Blueprint $row) {
+            $row->id();
+            $row->date('date');
+            $row->foreignId('branch_id')->constrained()->onDelete('cascade');
+            $row->foreignId('expense_category_id')->constrained()->onDelete('cascade');
+            $row->string('expense_type'); // Account, Petty Cash
+            $row->decimal('amount', 15, 2);
+            $row->text('remarks')->nullable();
+            $row->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('expenses');
+    }
+};
diff --git a/database/migrations/2026_03_04_075803_create_trainer_commissions_table.php b/database/migrations/2026_03_04_075803_create_trainer_commissions_table.php
new file mode 100644
index 0000000..703235e
--- /dev/null
+++ b/database/migrations/2026_03_04_075803_create_trainer_commissions_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('trainer_commissions', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('staff_id')->constrained('staff')->onDelete('cascade');
+            $table->integer('member_count');
+            $table->decimal('amount_per_head', 10, 2);
+            $table->decimal('total_amount', 10, 2);
+            $table->string('effective_month'); // Format: YYYY-MM
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('trainer_commissions');
+    }
+};
diff --git a/database/migrations/2026_03_04_075926_add_commission_member_count_to_staff_table.php b/database/migrations/2026_03_04_075926_add_commission_member_count_to_staff_table.php
new file mode 100644
index 0000000..49444bc
--- /dev/null
+++ b/database/migrations/2026_03_04_075926_add_commission_member_count_to_staff_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->integer('commission_member_count')->nullable()->after('commission_amount');
+            $table->string('apply_from')->nullable()->after('commission_member_count');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            //
+        });
+    }
+};
diff --git a/database/migrations/2026_03_04_082003_create_salary_advance_deductions_table.php b/database/migrations/2026_03_04_082003_create_salary_advance_deductions_table.php
new file mode 100644
index 0000000..7c8ffc4
--- /dev/null
+++ b/database/migrations/2026_03_04_082003_create_salary_advance_deductions_table.php
@@ -0,0 +1,33 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('salary_advance_deductions', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('staff_id')->constrained()->onDelete('cascade');
+            $table->decimal('advance_amount', 10, 2);
+            $table->integer('total_months');
+            $table->decimal('monthly_deduction', 10, 2);
+            $table->decimal('remaining_amount', 10, 2);
+            $table->string('status')->default('Pending'); // Pending, Paid
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('salary_advance_deductions');
+    }
+};
diff --git a/database/migrations/2026_03_04_082034_add_advance_months_to_staff_table.php b/database/migrations/2026_03_04_082034_add_advance_months_to_staff_table.php
new file mode 100644
index 0000000..19ff1b6
--- /dev/null
+++ b/database/migrations/2026_03_04_082034_add_advance_months_to_staff_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->integer('advance_months')->nullable()->after('advance_repayment_mode');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            //
+        });
+    }
+};
diff --git a/database/migrations/2026_03_04_090000_update_staff_payments_table.php b/database/migrations/2026_03_04_090000_update_staff_payments_table.php
new file mode 100644
index 0000000..70899cc
--- /dev/null
+++ b/database/migrations/2026_03_04_090000_update_staff_payments_table.php
@@ -0,0 +1,45 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Support\Facades\DB;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        // Add settlement_month to staff_payments
+        if (!Schema::hasColumn('staff_payments', 'settlement_month')) {
+            Schema::table('staff_payments', function (Blueprint $table) {
+                $table->string('settlement_month', 7)->nullable()->after('payment_type'); // YYYY-MM
+                $table->unique(['staff_id', 'settlement_month', 'payment_type'], 'staff_payment_month_unique');
+            });
+        }
+
+        // Ensure "Salary" expense category exists (Global)
+        DB::table('expense_categories')->updateOrInsert(
+            ['name' => 'Salary'],
+            ['created_at' => now(), 'updated_at' => now()]
+        );
+        
+        DB::table('expense_categories')->updateOrInsert(
+            ['name' => 'Salary Advance'],
+            ['created_at' => now(), 'updated_at' => now()]
+        );
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff_payments', function (Blueprint $table) {
+            $table->dropUnique('staff_payment_month_unique');
+            $table->dropColumn('settlement_month');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_04_100000_add_sample_staff_data.php b/database/migrations/2026_03_04_100000_add_sample_staff_data.php
new file mode 100644
index 0000000..1e9ccdf
--- /dev/null
+++ b/database/migrations/2026_03_04_100000_add_sample_staff_data.php
@@ -0,0 +1,72 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Support\Facades\DB;
+use Carbon\Carbon;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        // Ensure owner exists
+        DB::table('users')->updateOrInsert(
+            ['email' => 'owner@gympro.com'],
+            [
+                'name' => 'Gym Owner',
+                'password' => \Illuminate\Support\Facades\Hash::make('password'),
+                'role' => 'owner',
+                'created_at' => now(),
+                'updated_at' => now()
+            ]
+        );
+
+        // Add a sample branch if none exists
+        $branchId = DB::table('branches')->first()?->id;
+        if (!$branchId) {
+            $branchId = DB::table('branches')->insertGetId([
+                'name' => 'Test Branch',
+                'location' => '123 Test Street',
+                'manager_name' => 'Test Manager',
+                'total_members' => 0,
+                'revenue' => 0.00,
+                'status' => 'Active',
+                'operational_start_date' => now()->format('Y-m-d'),
+                'created_at' => now(),
+                'updated_at' => now()
+            ]);
+        }
+
+        // Add a sample staff joined 1 month ago
+        DB::table('staff')->insert([
+            'staff_id_code' => 'TEST001',
+            'full_name' => 'John Test Doe',
+            'email' => 'john.test@example.com',
+            'phone' => '0501234567',
+            'joining_date' => Carbon::now()->subMonth()->startOfMonth()->toDateString(),
+            'role' => 'Trainer',
+            'status' => 'Active',
+            'salary_type' => 'Monthly',
+            'salary_amount' => 5000,
+            'salary_cycle' => 'Monthly',
+            'commission_enabled' => true,
+            'commission_amount' => 50,
+            'commission_member_count' => 10,
+            'branch_id' => $branchId,
+            'created_at' => now(),
+            'updated_at' => now()
+        ]);
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        DB::table('staff')->where('staff_id_code', 'TEST001')->delete();
+    }
+};
diff --git a/database/migrations/2026_03_04_121229_add_batch_id_to_payments_and_expenses.php b/database/migrations/2026_03_04_121229_add_batch_id_to_payments_and_expenses.php
new file mode 100644
index 0000000..7764d66
--- /dev/null
+++ b/database/migrations/2026_03_04_121229_add_batch_id_to_payments_and_expenses.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff_payments', function (Blueprint $table) {
+            $table->string('batch_id')->nullable()->after('settlement_month');
+        });
+
+        Schema::table('expenses', function (Blueprint $table) {
+            $table->string('batch_id')->nullable()->after('remarks');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff_payments', function (Blueprint $table) {
+            $table->dropColumn('batch_id');
+        });
+
+        Schema::table('expenses', function (Blueprint $table) {
+            $table->dropColumn('batch_id');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_04_121229_add_payroll_config_to_branches.php b/database/migrations/2026_03_04_121229_add_payroll_config_to_branches.php
new file mode 100644
index 0000000..53542dc
--- /dev/null
+++ b/database/migrations/2026_03_04_121229_add_payroll_config_to_branches.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('branches', function (Blueprint $table) {
+            $table->integer('payroll_from_day')->default(1);
+            $table->integer('payroll_to_day')->default(28);
+            $table->integer('salary_generation_day')->default(2);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('branches', function (Blueprint $table) {
+            $table->dropColumn(['payroll_from_day', 'payroll_to_day', 'salary_generation_day']);
+        });
+    }
+};
diff --git a/database/migrations/2026_03_04_181700_add_reminder_days_to_documents.php b/database/migrations/2026_03_04_181700_add_reminder_days_to_documents.php
new file mode 100644
index 0000000..64317f1
--- /dev/null
+++ b/database/migrations/2026_03_04_181700_add_reminder_days_to_documents.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->integer('emirates_id_reminder_days')->default(30)->after('emirates_id_expiry');
+        });
+
+        Schema::table('branch_documents', function (Blueprint $table) {
+            $table->integer('reminder_days')->default(30)->after('expiry_date');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->dropColumn('emirates_id_reminder_days');
+        });
+
+        Schema::table('branch_documents', function (Blueprint $table) {
+            $table->dropColumn('reminder_days');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_04_200000_create_staff_documents_table.php b/database/migrations/2026_03_04_200000_create_staff_documents_table.php
new file mode 100644
index 0000000..7d93651
--- /dev/null
+++ b/database/migrations/2026_03_04_200000_create_staff_documents_table.php
@@ -0,0 +1,33 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('staff_documents', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('staff_id')->constrained()->onDelete('cascade');
+            $table->string('name');
+            $table->string('document_number')->nullable();
+            $table->date('expiry_date');
+            $table->string('path');
+            $table->integer('reminder_days')->default(30);
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('staff_documents');
+    }
+};
diff --git a/database/migrations/2026_03_04_201000_add_doc_number_to_branch_documents.php b/database/migrations/2026_03_04_201000_add_doc_number_to_branch_documents.php
new file mode 100644
index 0000000..5abc94c
--- /dev/null
+++ b/database/migrations/2026_03_04_201000_add_doc_number_to_branch_documents.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('branch_documents', function (Blueprint $table) {
+            if (!Schema::hasColumn('branch_documents', 'document_number')) {
+                $table->string('document_number')->nullable()->after('name');
+            }
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('branch_documents', function (Blueprint $table) {
+            $table->dropColumn('document_number');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_05_000000_create_inventory_tables.php b/database/migrations/2026_03_05_000000_create_inventory_tables.php
new file mode 100644
index 0000000..f542ce9
--- /dev/null
+++ b/database/migrations/2026_03_05_000000_create_inventory_tables.php
@@ -0,0 +1,66 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('products', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('sku')->unique()->nullable();
+            $table->foreignId('product_category_id')->constrained()->onDelete('cascade');
+            $table->foreignId('branch_id')->constrained()->onDelete('cascade');
+            $table->decimal('cost_price', 15, 2)->default(0);
+            $table->decimal('selling_price', 15, 2)->default(0);
+            $table->integer('current_stock')->default(0);
+            $table->integer('reorder_level')->default(10);
+            $table->string('status')->default('In Stock'); // In Stock, Low Stock, Out of Stock
+            $table->string('image')->nullable();
+            $table->timestamps();
+        });
+
+        Schema::create('stock_adjustments', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('product_id')->constrained()->onDelete('cascade');
+            $table->integer('adjustment_qty');
+            $table->integer('new_stock');
+            $table->date('adjustment_date');
+            $table->string('reason'); // Purchase, Sale, Adjustment, Initial
+            $table->text('remarks')->nullable();
+            $table->timestamps();
+        });
+
+        Schema::create('product_sales', function (Blueprint $table) {
+            $table->id();
+            $table->string('transaction_id')->unique();
+            $table->foreignId('branch_id')->constrained()->onDelete('cascade');
+            $table->decimal('total_amount', 15, 2);
+            $table->string('payment_method'); // Cash, Online, Card
+            $table->date('date');
+            $table->text('remarks')->nullable();
+            $table->timestamps();
+        });
+
+        Schema::create('product_sale_items', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('product_sale_id')->constrained()->onDelete('cascade');
+            $table->foreignId('product_id')->constrained()->onDelete('cascade');
+            $table->integer('quantity');
+            $table->decimal('unit_price', 15, 2);
+            $table->decimal('subtotal', 15, 2);
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('product_sale_items');
+        Schema::dropIfExists('product_sales');
+        Schema::dropIfExists('stock_adjustments');
+        Schema::dropIfExists('products');
+    }
+};
diff --git a/database/migrations/2026_03_05_000001_create_collections_tables.php b/database/migrations/2026_03_05_000001_create_collections_tables.php
new file mode 100644
index 0000000..8c894af
--- /dev/null
+++ b/database/migrations/2026_03_05_000001_create_collections_tables.php
@@ -0,0 +1,39 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up()
+    {
+        Schema::create('collections', function (Blueprint $table) {
+            $table->id();
+            $table->date('date');
+            $table->foreignId('branch_id')->constrained()->onDelete('cascade');
+            $table->foreignId('collection_type_id')->constrained('collection_types')->onDelete('cascade');
+            $table->string('payment_method');
+            $table->decimal('amount', 15, 2);
+            $table->text('remarks')->nullable();
+            $table->string('transaction_id')->unique();
+            $table->timestamps();
+        });
+
+        Schema::create('collection_items', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('collection_id')->constrained()->onDelete('cascade');
+            $table->foreignId('product_id')->constrained()->onDelete('cascade');
+            $table->integer('quantity');
+            $table->decimal('unit_price', 15, 2);
+            $table->decimal('subtotal', 15, 2);
+            $table->timestamps();
+        });
+    }
+
+    public function down()
+    {
+        Schema::dropIfExists('collection_items');
+        Schema::dropIfExists('collections');
+    }
+};
diff --git a/database/migrations/2026_03_05_095205_add_branch_id_to_accounts_table.php b/database/migrations/2026_03_05_095205_add_branch_id_to_accounts_table.php
new file mode 100644
index 0000000..a68bec1
--- /dev/null
+++ b/database/migrations/2026_03_05_095205_add_branch_id_to_accounts_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('accounts', function (Blueprint $table) {
+            $table->foreignId('branch_id')->nullable()->after('id')->constrained('branches')->onDelete('cascade');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('accounts', function (Blueprint $table) {
+            $table->dropForeign(['branch_id']);
+            $table->dropColumn('branch_id');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_06_144221_create_receptionists_table.php b/database/migrations/2026_03_06_144221_create_receptionists_table.php
new file mode 100644
index 0000000..5bd8c1f
--- /dev/null
+++ b/database/migrations/2026_03_06_144221_create_receptionists_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('receptionists', function (Blueprint $バランス) {
+            $バランス->id();
+            $バランス->string('name');
+            $バランス->string('email')->unique();
+            $バランス->string('password');
+            $バランス->foreignId('branch_id')->constrained()->onDelete('cascade');
+            $バランス->rememberToken();
+            $バランス->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('receptionists');
+    }
+};
diff --git a/database/migrations/2026_03_09_093406_add_family_members_to_staff_table.php b/database/migrations/2026_03_09_093406_add_family_members_to_staff_table.php
new file mode 100644
index 0000000..eb39006
--- /dev/null
+++ b/database/migrations/2026_03_09_093406_add_family_members_to_staff_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->json('family_members')->nullable()->after('family_member_contact');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('staff', function (Blueprint $table) {
+            $table->dropColumn('family_members');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_09_112456_add_paid_amount_to_salary_advance_deductions_table.php b/database/migrations/2026_03_09_112456_add_paid_amount_to_salary_advance_deductions_table.php
new file mode 100644
index 0000000..55f5312
--- /dev/null
+++ b/database/migrations/2026_03_09_112456_add_paid_amount_to_salary_advance_deductions_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('salary_advance_deductions', function (Blueprint $table) {
+            $table->decimal('paid_amount', 10, 2)->default(0)->after('remaining_amount');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('salary_advance_deductions', function (Blueprint $table) {
+            $table->dropColumn('paid_amount');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_10_092208_create_payment_methods_table.php b/database/migrations/2026_03_10_092208_create_payment_methods_table.php
new file mode 100644
index 0000000..a1e5eb6
--- /dev/null
+++ b/database/migrations/2026_03_10_092208_create_payment_methods_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('payment_methods', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('status')->default('Active');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('payment_methods');
+    }
+};
diff --git a/database/migrations/2026_03_10_093026_add_vat_fields_to_product_sales_table.php b/database/migrations/2026_03_10_093026_add_vat_fields_to_product_sales_table.php
new file mode 100644
index 0000000..076127e
--- /dev/null
+++ b/database/migrations/2026_03_10_093026_add_vat_fields_to_product_sales_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('product_sales', function (Blueprint $table) {
+            $table->decimal('subtotal_amount', 15, 2)->after('branch_id')->default(0);
+            $table->decimal('vat_amount', 15, 2)->after('subtotal_amount')->default(0);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('product_sales', function (Blueprint $table) {
+            //
+        });
+    }
+};
diff --git a/database/migrations/2026_03_11_050125_make_branch_id_nullable_in_expenses_table.php b/database/migrations/2026_03_11_050125_make_branch_id_nullable_in_expenses_table.php
new file mode 100644
index 0000000..3e63934
--- /dev/null
+++ b/database/migrations/2026_03_11_050125_make_branch_id_nullable_in_expenses_table.php
@@ -0,0 +1,25 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('expenses', function (Blueprint $table) {
+            $table->foreignId('branch_id')->nullable()->change();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('expenses', function (Blueprint $table) {
+            $table->foreignId('branch_id')->nullable(false)->change();
+        });
+    }
+};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
new file mode 100644
index 0000000..864884f
--- /dev/null
+++ b/database/seeders/DatabaseSeeder.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\User;
+use Illuminate\Database\Console\Seeds\WithoutModelEvents;
+use Illuminate\Database\Seeder;
+
+class DatabaseSeeder extends Seeder
+{
+    use WithoutModelEvents;
+
+    /**
+     * Seed the application's database.
+     */
+    public function run(): void
+    {
+        // Owner User
+        \App\Models\User::updateOrCreate(
+            ['email' => 'owner@gympro.com'],
+            [
+                'name' => 'Gym Owner',
+                'password' => \Illuminate\Support\Facades\Hash::make('password'),
+                'role' => 'owner'
+            ]
+        );
+
+        // Single Branch
+        $branch = \App\Models\Branch::updateOrCreate(
+            ['name' => 'Main Branch'],
+            [
+                'location' => 'City Center',
+                'manager_name' => 'Manager Name',
+                'total_members' => 0,
+                'revenue' => 0.00,
+                'status' => 'Active',
+                'operational_start_date' => now()->format('Y-m-d'),
+            ]
+        );
+ 
+        // Sample Receptionist
+        \App\Models\Receptionist::updateOrCreate(
+            ['email' => 'reception@gympro.com'],
+            [
+                'branch_id' => $branch->id,
+                'name' => 'Main Receptionist',
+                'password' => 'password',
+            ]
+        );
+
+        // Collection Types
+        $types = ['Registration', 'Monthly Fee', 'Product Sale', 'Personal Training', 'Other'];
+        foreach ($types as $type) {
+            \App\Models\CollectionType::updateOrCreate(['name' => $type]);
+        }
+    }
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..21f4ef5
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3043 @@
+{
+    "name": "myapp",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "dependencies": {
+                "lucide-react": "^0.576.0",
+                "react": "^19.2.4",
+                "react-dom": "^19.2.4"
+            },
+            "devDependencies": {
+                "@tailwindcss/vite": "^4.0.0",
+                "@vitejs/plugin-react": "^5.1.4",
+                "axios": "^1.11.0",
+                "concurrently": "^9.0.1",
+                "laravel-vite-plugin": "^2.0.0",
+                "tailwindcss": "^4.0.0",
+                "vite": "^7.0.7"
+            }
+        },
+        "node_modules/@babel/code-frame": {
+            "version": "7.29.0",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+            "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-validator-identifier": "^7.28.5",
+                "js-tokens": "^4.0.0",
+                "picocolors": "^1.1.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/compat-data": {
+            "version": "7.29.0",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+            "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/core": {
+            "version": "7.29.0",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+            "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.29.0",
+                "@babel/generator": "^7.29.0",
+                "@babel/helper-compilation-targets": "^7.28.6",
+                "@babel/helper-module-transforms": "^7.28.6",
+                "@babel/helpers": "^7.28.6",
+                "@babel/parser": "^7.29.0",
+                "@babel/template": "^7.28.6",
+                "@babel/traverse": "^7.29.0",
+                "@babel/types": "^7.29.0",
+                "@jridgewell/remapping": "^2.3.5",
+                "convert-source-map": "^2.0.0",
+                "debug": "^4.1.0",
+                "gensync": "^1.0.0-beta.2",
+                "json5": "^2.2.3",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/babel"
+            }
+        },
+        "node_modules/@babel/generator": {
+            "version": "7.29.1",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+            "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.29.0",
+                "@babel/types": "^7.29.0",
+                "@jridgewell/gen-mapping": "^0.3.12",
+                "@jridgewell/trace-mapping": "^0.3.28",
+                "jsesc": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets": {
+            "version": "7.28.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+            "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/compat-data": "^7.28.6",
+                "@babel/helper-validator-option": "^7.27.1",
+                "browserslist": "^4.24.0",
+                "lru-cache": "^5.1.1",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-globals": {
+            "version": "7.28.0",
+            "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+            "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-imports": {
+            "version": "7.28.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+            "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/traverse": "^7.28.6",
+                "@babel/types": "^7.28.6"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-transforms": {
+            "version": "7.28.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+            "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-module-imports": "^7.28.6",
+                "@babel/helper-validator-identifier": "^7.28.5",
+                "@babel/traverse": "^7.28.6"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
+        "node_modules/@babel/helper-plugin-utils": {
+            "version": "7.28.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+            "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+            "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-option": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+            "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helpers": {
+            "version": "7.28.6",
+            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+            "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/template": "^7.28.6",
+                "@babel/types": "^7.28.6"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.29.0",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+            "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.29.0"
+            },
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/plugin-transform-react-jsx-self": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+            "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.27.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-transform-react-jsx-source": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+            "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.27.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/template": {
+            "version": "7.28.6",
+            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+            "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.28.6",
+                "@babel/parser": "^7.28.6",
+                "@babel/types": "^7.28.6"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/traverse": {
+            "version": "7.29.0",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+            "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.29.0",
+                "@babel/generator": "^7.29.0",
+                "@babel/helper-globals": "^7.28.0",
+                "@babel/parser": "^7.29.0",
+                "@babel/template": "^7.28.6",
+                "@babel/types": "^7.29.0",
+                "debug": "^4.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.29.0",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+            "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.27.1",
+                "@babel/helper-validator-identifier": "^7.28.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz",
+            "integrity": "sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.3.tgz",
+            "integrity": "sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.3.tgz",
+            "integrity": "sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.3.tgz",
+            "integrity": "sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.3.tgz",
+            "integrity": "sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.3.tgz",
+            "integrity": "sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.3.tgz",
+            "integrity": "sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.3.tgz",
+            "integrity": "sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.3.tgz",
+            "integrity": "sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.3.tgz",
+            "integrity": "sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.3.tgz",
+            "integrity": "sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.3.tgz",
+            "integrity": "sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.3.tgz",
+            "integrity": "sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.3.tgz",
+            "integrity": "sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.3.tgz",
+            "integrity": "sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.3.tgz",
+            "integrity": "sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.3.tgz",
+            "integrity": "sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.3.tgz",
+            "integrity": "sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.3.tgz",
+            "integrity": "sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.3.tgz",
+            "integrity": "sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.3.tgz",
+            "integrity": "sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openharmony-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.3.tgz",
+            "integrity": "sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.3.tgz",
+            "integrity": "sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.3.tgz",
+            "integrity": "sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.3.tgz",
+            "integrity": "sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.3.tgz",
+            "integrity": "sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@jridgewell/gen-mapping": {
+            "version": "0.3.13",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.0",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/remapping": {
+            "version": "2.3.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.5",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.5.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.31",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+            "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.1.0",
+                "@jridgewell/sourcemap-codec": "^1.4.14"
+            }
+        },
+        "node_modules/@rolldown/pluginutils": {
+            "version": "1.0.0-rc.3",
+            "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
+            "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
+            "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
+            "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
+            "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
+            "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
+            "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
+            "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
+            "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
+            "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
+            "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
+            "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loong64-gnu": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
+            "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loong64-musl": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
+            "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
+            "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-ppc64-musl": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
+            "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
+            "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
+            "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
+            "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-gnu": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+            "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+            "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-openbsd-x64": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
+            "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-openharmony-arm64": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
+            "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
+            "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
+            "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-gnu": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
+            "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
+            "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@tailwindcss/node": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.1.tgz",
+            "integrity": "sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/remapping": "^2.3.5",
+                "enhanced-resolve": "^5.19.0",
+                "jiti": "^2.6.1",
+                "lightningcss": "1.31.1",
+                "magic-string": "^0.30.21",
+                "source-map-js": "^1.2.1",
+                "tailwindcss": "4.2.1"
+            }
+        },
+        "node_modules/@tailwindcss/oxide": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.1.tgz",
+            "integrity": "sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 20"
+            },
+            "optionalDependencies": {
+                "@tailwindcss/oxide-android-arm64": "4.2.1",
+                "@tailwindcss/oxide-darwin-arm64": "4.2.1",
+                "@tailwindcss/oxide-darwin-x64": "4.2.1",
+                "@tailwindcss/oxide-freebsd-x64": "4.2.1",
+                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.1",
+                "@tailwindcss/oxide-linux-arm64-gnu": "4.2.1",
+                "@tailwindcss/oxide-linux-arm64-musl": "4.2.1",
+                "@tailwindcss/oxide-linux-x64-gnu": "4.2.1",
+                "@tailwindcss/oxide-linux-x64-musl": "4.2.1",
+                "@tailwindcss/oxide-wasm32-wasi": "4.2.1",
+                "@tailwindcss/oxide-win32-arm64-msvc": "4.2.1",
+                "@tailwindcss/oxide-win32-x64-msvc": "4.2.1"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-android-arm64": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.1.tgz",
+            "integrity": "sha512-eZ7G1Zm5EC8OOKaesIKuw77jw++QJ2lL9N+dDpdQiAB/c/B2wDh0QPFHbkBVrXnwNugvrbJFk1gK2SsVjwWReg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-arm64": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.1.tgz",
+            "integrity": "sha512-q/LHkOstoJ7pI1J0q6djesLzRvQSIfEto148ppAd+BVQK0JYjQIFSK3JgYZJa+Yzi0DDa52ZsQx2rqytBnf8Hw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-x64": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.1.tgz",
+            "integrity": "sha512-/f/ozlaXGY6QLbpvd/kFTro2l18f7dHKpB+ieXz+Cijl4Mt9AI2rTrpq7V+t04nK+j9XBQHnSMdeQRhbGyt6fw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-freebsd-x64": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.1.tgz",
+            "integrity": "sha512-5e/AkgYJT/cpbkys/OU2Ei2jdETCLlifwm7ogMC7/hksI2fC3iiq6OcXwjibcIjPung0kRtR3TxEITkqgn0TcA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.1.tgz",
+            "integrity": "sha512-Uny1EcVTTmerCKt/1ZuKTkb0x8ZaiuYucg2/kImO5A5Y/kBz41/+j0gxUZl+hTF3xkWpDmHX+TaWhOtba2Fyuw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.1.tgz",
+            "integrity": "sha512-CTrwomI+c7n6aSSQlsPL0roRiNMDQ/YzMD9EjcR+H4f0I1SQ8QqIuPnsVp7QgMkC1Qi8rtkekLkOFjo7OlEFRQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.1.tgz",
+            "integrity": "sha512-WZA0CHRL/SP1TRbA5mp9htsppSEkWuQ4KsSUumYQnyl8ZdT39ntwqmz4IUHGN6p4XdSlYfJwM4rRzZLShHsGAQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.1.tgz",
+            "integrity": "sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.1.tgz",
+            "integrity": "sha512-5r1X2FKnCMUPlXTWRYpHdPYUY6a1Ar/t7P24OuiEdEOmms5lyqjDRvVY1yy9Rmioh+AunQ0rWiOTPE8F9A3v5g==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.1.tgz",
+            "integrity": "sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==",
+            "bundleDependencies": [
+                "@napi-rs/wasm-runtime",
+                "@emnapi/core",
+                "@emnapi/runtime",
+                "@tybys/wasm-util",
+                "@emnapi/wasi-threads",
+                "tslib"
+            ],
+            "cpu": [
+                "wasm32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "@emnapi/core": "^1.8.1",
+                "@emnapi/runtime": "^1.8.1",
+                "@emnapi/wasi-threads": "^1.1.0",
+                "@napi-rs/wasm-runtime": "^1.1.1",
+                "@tybys/wasm-util": "^0.10.1",
+                "tslib": "^2.8.1"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.1.tgz",
+            "integrity": "sha512-YlUEHRHBGnCMh4Nj4GnqQyBtsshUPdiNroZj8VPkvTZSoHsilRCwXcVKnG9kyi0ZFAS/3u+qKHBdDc81SADTRA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.1.tgz",
+            "integrity": "sha512-rbO34G5sMWWyrN/idLeVxAZgAKWrn5LiR3/I90Q9MkA67s6T1oB0xtTe+0heoBvHSpbU9Mk7i6uwJnpo4u21XQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 20"
+            }
+        },
+        "node_modules/@tailwindcss/vite": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.1.tgz",
+            "integrity": "sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@tailwindcss/node": "4.2.1",
+                "@tailwindcss/oxide": "4.2.1",
+                "tailwindcss": "4.2.1"
+            },
+            "peerDependencies": {
+                "vite": "^5.2.0 || ^6 || ^7"
+            }
+        },
+        "node_modules/@types/babel__core": {
+            "version": "7.20.5",
+            "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+            "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.20.7",
+                "@babel/types": "^7.20.7",
+                "@types/babel__generator": "*",
+                "@types/babel__template": "*",
+                "@types/babel__traverse": "*"
+            }
+        },
+        "node_modules/@types/babel__generator": {
+            "version": "7.27.0",
+            "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+            "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.0.0"
+            }
+        },
+        "node_modules/@types/babel__template": {
+            "version": "7.4.4",
+            "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+            "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.1.0",
+                "@babel/types": "^7.0.0"
+            }
+        },
+        "node_modules/@types/babel__traverse": {
+            "version": "7.28.0",
+            "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+            "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.28.2"
+            }
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+            "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@vitejs/plugin-react": {
+            "version": "5.1.4",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.1.4.tgz",
+            "integrity": "sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/core": "^7.29.0",
+                "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+                "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+                "@rolldown/pluginutils": "1.0.0-rc.3",
+                "@types/babel__core": "^7.20.5",
+                "react-refresh": "^0.18.0"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "peerDependencies": {
+                "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+            }
+        },
+        "node_modules/ansi-regex": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/axios": {
+            "version": "1.13.6",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz",
+            "integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "follow-redirects": "^1.15.11",
+                "form-data": "^4.0.5",
+                "proxy-from-env": "^1.1.0"
+            }
+        },
+        "node_modules/baseline-browser-mapping": {
+            "version": "2.10.0",
+            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
+            "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "baseline-browser-mapping": "dist/cli.cjs"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/browserslist": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+            "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "baseline-browser-mapping": "^2.9.0",
+                "caniuse-lite": "^1.0.30001759",
+                "electron-to-chromium": "^1.5.263",
+                "node-releases": "^2.0.27",
+                "update-browserslist-db": "^1.2.0"
+            },
+            "bin": {
+                "browserslist": "cli.js"
+            },
+            "engines": {
+                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+            }
+        },
+        "node_modules/call-bind-apply-helpers": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/caniuse-lite": {
+            "version": "1.0.30001775",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001775.tgz",
+            "integrity": "sha512-s3Qv7Lht9zbVKE9XoTyRG6wVDCKdtOFIjBGg3+Yhn6JaytuNKPIjBMTMIY1AnOH3seL5mvF+x33oGAyK3hVt3A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "CC-BY-4.0"
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/chalk/node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cliui": {
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.1",
+                "wrap-ansi": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/concurrently": {
+            "version": "9.2.1",
+            "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.1.tgz",
+            "integrity": "sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "chalk": "4.1.2",
+                "rxjs": "7.8.2",
+                "shell-quote": "1.8.3",
+                "supports-color": "8.1.1",
+                "tree-kill": "1.2.2",
+                "yargs": "17.7.2"
+            },
+            "bin": {
+                "conc": "dist/bin/concurrently.js",
+                "concurrently": "dist/bin/concurrently.js"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+            }
+        },
+        "node_modules/convert-source-map": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/debug": {
+            "version": "4.4.3",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+            "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ms": "^2.1.3"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/detect-libc": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+            "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/dunder-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "gopd": "^1.2.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/electron-to-chromium": {
+            "version": "1.5.302",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.302.tgz",
+            "integrity": "sha512-sM6HAN2LyK82IyPBpznDRqlTQAtuSaO+ShzFiWTvoMJLHyZ+Y39r8VMfHzwbU8MVBzQ4Wdn85+wlZl2TLGIlwg==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/enhanced-resolve": {
+            "version": "5.20.0",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.0.tgz",
+            "integrity": "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "graceful-fs": "^4.2.4",
+                "tapable": "^2.3.0"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/es-define-property": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-errors": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-object-atoms": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-set-tostringtag": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.6",
+                "has-tostringtag": "^1.0.2",
+                "hasown": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.27.3",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz",
+            "integrity": "sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "optionalDependencies": {
+                "@esbuild/aix-ppc64": "0.27.3",
+                "@esbuild/android-arm": "0.27.3",
+                "@esbuild/android-arm64": "0.27.3",
+                "@esbuild/android-x64": "0.27.3",
+                "@esbuild/darwin-arm64": "0.27.3",
+                "@esbuild/darwin-x64": "0.27.3",
+                "@esbuild/freebsd-arm64": "0.27.3",
+                "@esbuild/freebsd-x64": "0.27.3",
+                "@esbuild/linux-arm": "0.27.3",
+                "@esbuild/linux-arm64": "0.27.3",
+                "@esbuild/linux-ia32": "0.27.3",
+                "@esbuild/linux-loong64": "0.27.3",
+                "@esbuild/linux-mips64el": "0.27.3",
+                "@esbuild/linux-ppc64": "0.27.3",
+                "@esbuild/linux-riscv64": "0.27.3",
+                "@esbuild/linux-s390x": "0.27.3",
+                "@esbuild/linux-x64": "0.27.3",
+                "@esbuild/netbsd-arm64": "0.27.3",
+                "@esbuild/netbsd-x64": "0.27.3",
+                "@esbuild/openbsd-arm64": "0.27.3",
+                "@esbuild/openbsd-x64": "0.27.3",
+                "@esbuild/openharmony-arm64": "0.27.3",
+                "@esbuild/sunos-x64": "0.27.3",
+                "@esbuild/win32-arm64": "0.27.3",
+                "@esbuild/win32-ia32": "0.27.3",
+                "@esbuild/win32-x64": "0.27.3"
+            }
+        },
+        "node_modules/escalade": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/fdir": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "picomatch": "^3 || ^4"
+            },
+            "peerDependenciesMeta": {
+                "picomatch": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.15.11",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+            "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/form-data": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+            "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "es-set-tostringtag": "^2.1.0",
+                "hasown": "^2.0.2",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+            "dev": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/gensync": {
+            "version": "1.0.0-beta.2",
+            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/get-caller-file": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": "6.* || 8.* || >= 10.*"
+            }
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.2",
+                "es-define-property": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.1.1",
+                "function-bind": "^1.1.2",
+                "get-proto": "^1.0.1",
+                "gopd": "^1.2.0",
+                "has-symbols": "^1.1.0",
+                "hasown": "^2.0.2",
+                "math-intrinsics": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-tostringtag": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "has-symbols": "^1.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/hasown": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/jiti": {
+            "version": "2.6.1",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+            "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "jiti": "lib/jiti-cli.mjs"
+            }
+        },
+        "node_modules/js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/jsesc": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+            "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "jsesc": "bin/jsesc"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/json5": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "json5": "lib/cli.js"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/laravel-vite-plugin": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-2.1.0.tgz",
+            "integrity": "sha512-z+ck2BSV6KWtYcoIzk9Y5+p4NEjqM+Y4i8/H+VZRLq0OgNjW2DqyADquwYu5j8qRvaXwzNmfCWl1KrMlV1zpsg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "picocolors": "^1.0.0",
+                "vite-plugin-full-reload": "^1.1.0"
+            },
+            "bin": {
+                "clean-orphaned-assets": "bin/clean.js"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "peerDependencies": {
+                "vite": "^7.0.0"
+            }
+        },
+        "node_modules/lightningcss": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.31.1.tgz",
+            "integrity": "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==",
+            "dev": true,
+            "license": "MPL-2.0",
+            "dependencies": {
+                "detect-libc": "^2.0.3"
+            },
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            },
+            "optionalDependencies": {
+                "lightningcss-android-arm64": "1.31.1",
+                "lightningcss-darwin-arm64": "1.31.1",
+                "lightningcss-darwin-x64": "1.31.1",
+                "lightningcss-freebsd-x64": "1.31.1",
+                "lightningcss-linux-arm-gnueabihf": "1.31.1",
+                "lightningcss-linux-arm64-gnu": "1.31.1",
+                "lightningcss-linux-arm64-musl": "1.31.1",
+                "lightningcss-linux-x64-gnu": "1.31.1",
+                "lightningcss-linux-x64-musl": "1.31.1",
+                "lightningcss-win32-arm64-msvc": "1.31.1",
+                "lightningcss-win32-x64-msvc": "1.31.1"
+            }
+        },
+        "node_modules/lightningcss-android-arm64": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.31.1.tgz",
+            "integrity": "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-darwin-arm64": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.31.1.tgz",
+            "integrity": "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-darwin-x64": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.31.1.tgz",
+            "integrity": "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-freebsd-x64": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.31.1.tgz",
+            "integrity": "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm-gnueabihf": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.31.1.tgz",
+            "integrity": "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm64-gnu": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.31.1.tgz",
+            "integrity": "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm64-musl": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.31.1.tgz",
+            "integrity": "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-x64-gnu": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.31.1.tgz",
+            "integrity": "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-x64-musl": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.31.1.tgz",
+            "integrity": "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-win32-arm64-msvc": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.31.1.tgz",
+            "integrity": "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-win32-x64-msvc": {
+            "version": "1.31.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.31.1.tgz",
+            "integrity": "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lru-cache": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "yallist": "^3.0.2"
+            }
+        },
+        "node_modules/lucide-react": {
+            "version": "0.576.0",
+            "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.576.0.tgz",
+            "integrity": "sha512-koNxU14BXrxUfZQ9cUaP0ES1uyPZKYDjk31FQZB6dQ/x+tXk979sVAn9ppZ/pVeJJyOxVM8j1E+8QEuSc02Vug==",
+            "license": "ISC",
+            "peerDependencies": {
+                "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+            }
+        },
+        "node_modules/magic-string": {
+            "version": "0.30.21",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+            "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.5"
+            }
+        },
+        "node_modules/math-intrinsics": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/node-releases": {
+            "version": "2.0.27",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+            "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/picomatch": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.5.6",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.11",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/proxy-from-env": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/react": {
+            "version": "19.2.4",
+            "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+            "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/react-dom": {
+            "version": "19.2.4",
+            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+            "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+            "license": "MIT",
+            "dependencies": {
+                "scheduler": "^0.27.0"
+            },
+            "peerDependencies": {
+                "react": "^19.2.4"
+            }
+        },
+        "node_modules/react-refresh": {
+            "version": "0.18.0",
+            "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz",
+            "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/require-directory": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "4.59.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
+            "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "1.0.8"
+            },
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=18.0.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "@rollup/rollup-android-arm-eabi": "4.59.0",
+                "@rollup/rollup-android-arm64": "4.59.0",
+                "@rollup/rollup-darwin-arm64": "4.59.0",
+                "@rollup/rollup-darwin-x64": "4.59.0",
+                "@rollup/rollup-freebsd-arm64": "4.59.0",
+                "@rollup/rollup-freebsd-x64": "4.59.0",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
+                "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
+                "@rollup/rollup-linux-arm64-gnu": "4.59.0",
+                "@rollup/rollup-linux-arm64-musl": "4.59.0",
+                "@rollup/rollup-linux-loong64-gnu": "4.59.0",
+                "@rollup/rollup-linux-loong64-musl": "4.59.0",
+                "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
+                "@rollup/rollup-linux-ppc64-musl": "4.59.0",
+                "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
+                "@rollup/rollup-linux-riscv64-musl": "4.59.0",
+                "@rollup/rollup-linux-s390x-gnu": "4.59.0",
+                "@rollup/rollup-linux-x64-gnu": "4.59.0",
+                "@rollup/rollup-linux-x64-musl": "4.59.0",
+                "@rollup/rollup-openbsd-x64": "4.59.0",
+                "@rollup/rollup-openharmony-arm64": "4.59.0",
+                "@rollup/rollup-win32-arm64-msvc": "4.59.0",
+                "@rollup/rollup-win32-ia32-msvc": "4.59.0",
+                "@rollup/rollup-win32-x64-gnu": "4.59.0",
+                "@rollup/rollup-win32-x64-msvc": "4.59.0",
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/rxjs": {
+            "version": "7.8.2",
+            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+            "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "tslib": "^2.1.0"
+            }
+        },
+        "node_modules/scheduler": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+            "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+            "license": "MIT"
+        },
+        "node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/shell-quote": {
+            "version": "1.8.3",
+            "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+            "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "8.1.1",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+            "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/supports-color?sponsor=1"
+            }
+        },
+        "node_modules/tailwindcss": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz",
+            "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/tapable": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+            "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/webpack"
+            }
+        },
+        "node_modules/tinyglobby": {
+            "version": "0.2.15",
+            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+            "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/SuperchupuDev"
+            }
+        },
+        "node_modules/tree-kill": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+            "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "tree-kill": "cli.js"
+            }
+        },
+        "node_modules/tslib": {
+            "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+            "dev": true,
+            "license": "0BSD"
+        },
+        "node_modules/update-browserslist-db": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+            "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "escalade": "^3.2.0",
+                "picocolors": "^1.1.1"
+            },
+            "bin": {
+                "update-browserslist-db": "cli.js"
+            },
+            "peerDependencies": {
+                "browserslist": ">= 4.21.0"
+            }
+        },
+        "node_modules/vite": {
+            "version": "7.3.1",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
+            "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "esbuild": "^0.27.0",
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.3",
+                "postcss": "^8.5.6",
+                "rollup": "^4.43.0",
+                "tinyglobby": "^0.2.15"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.3"
+            },
+            "peerDependencies": {
+                "@types/node": "^20.19.0 || >=22.12.0",
+                "jiti": ">=1.21.0",
+                "less": "^4.0.0",
+                "lightningcss": "^1.21.0",
+                "sass": "^1.70.0",
+                "sass-embedded": "^1.70.0",
+                "stylus": ">=0.54.8",
+                "sugarss": "^5.0.0",
+                "terser": "^5.16.0",
+                "tsx": "^4.8.1",
+                "yaml": "^2.4.2"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "jiti": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "sass-embedded": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                },
+                "tsx": {
+                    "optional": true
+                },
+                "yaml": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vite-plugin-full-reload": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
+            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "picocolors": "^1.0.0",
+                "picomatch": "^2.3.1"
+            }
+        },
+        "node_modules/vite-plugin-full-reload/node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/wrap-ansi": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
+        "node_modules/y18n": {
+            "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/yallist": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/yargs": {
+            "version": "17.7.2",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "cliui": "^8.0.1",
+                "escalade": "^3.1.1",
+                "get-caller-file": "^2.0.5",
+                "require-directory": "^2.1.1",
+                "string-width": "^4.2.3",
+                "y18n": "^5.0.5",
+                "yargs-parser": "^21.1.1"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/yargs-parser": {
+            "version": "21.1.1",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": ">=12"
+            }
+        }
+    }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..851e349
--- /dev/null
+++ b/package.json
@@ -0,0 +1,23 @@
+{
+    "$schema": "https://www.schemastore.org/package.json",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "vite build",
+        "dev": "vite"
+    },
+    "devDependencies": {
+        "@tailwindcss/vite": "^4.0.0",
+        "@vitejs/plugin-react": "^5.1.4",
+        "axios": "^1.11.0",
+        "concurrently": "^9.0.1",
+        "laravel-vite-plugin": "^2.0.0",
+        "tailwindcss": "^4.0.0",
+        "vite": "^7.0.7"
+    },
+    "dependencies": {
+        "lucide-react": "^0.576.0",
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4"
+    }
+}
diff --git a/phpunit.xml b/phpunit.xml
new file mode 100644
index 0000000..d703241
--- /dev/null
+++ b/phpunit.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
+         bootstrap="vendor/autoload.php"
+         colors="true"
+>
+    <testsuites>
+        <testsuite name="Unit">
+            <directory>tests/Unit</directory>
+        </testsuite>
+        <testsuite name="Feature">
+            <directory>tests/Feature</directory>
+        </testsuite>
+    </testsuites>
+    <source>
+        <include>
+            <directory>app</directory>
+        </include>
+    </source>
+    <php>
+        <env name="APP_ENV" value="testing"/>
+        <env name="APP_MAINTENANCE_DRIVER" value="file"/>
+        <env name="BCRYPT_ROUNDS" value="4"/>
+        <env name="BROADCAST_CONNECTION" value="null"/>
+        <env name="CACHE_STORE" value="array"/>
+        <env name="DB_CONNECTION" value="sqlite"/>
+        <env name="DB_DATABASE" value=":memory:"/>
+        <env name="MAIL_MAILER" value="array"/>
+        <env name="QUEUE_CONNECTION" value="sync"/>
+        <env name="SESSION_DRIVER" value="array"/>
+        <env name="PULSE_ENABLED" value="false"/>
+        <env name="TELESCOPE_ENABLED" value="false"/>
+        <env name="NIGHTWATCH_ENABLED" value="false"/>
+    </php>
+</phpunit>
diff --git a/public/.htaccess b/public/.htaccess
new file mode 100644
index 0000000..b574a59
--- /dev/null
+++ b/public/.htaccess
@@ -0,0 +1,25 @@
+<IfModule mod_rewrite.c>
+    <IfModule mod_negotiation.c>
+        Options -MultiViews -Indexes
+    </IfModule>
+
+    RewriteEngine On
+
+    # Handle Authorization Header
+    RewriteCond %{HTTP:Authorization} .
+    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+
+    # Handle X-XSRF-Token Header
+    RewriteCond %{HTTP:x-xsrf-token} .
+    RewriteRule .* - [E=HTTP_X_XSRF_TOKEN:%{HTTP:X-XSRF-Token}]
+
+    # Redirect Trailing Slashes If Not A Folder...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_URI} (.+)/$
+    RewriteRule ^ %1 [L,R=301]
+
+    # Send Requests To Front Controller...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule ^ index.php [L]
+</IfModule>
diff --git a/public/assets/images/gym_background.png b/public/assets/images/gym_background.png
new file mode 100644
index 0000000..04e0a6b
Binary files /dev/null and b/public/assets/images/gym_background.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..e69de29
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..ee8f07e
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,20 @@
+<?php
+
+use Illuminate\Foundation\Application;
+use Illuminate\Http\Request;
+
+define('LARAVEL_START', microtime(true));
+
+// Determine if the application is in maintenance mode...
+if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
+    require $maintenance;
+}
+
+// Register the Composer autoloader...
+require __DIR__.'/../vendor/autoload.php';
+
+// Bootstrap Laravel and handle the request...
+/** @var Application $app */
+$app = require_once __DIR__.'/../bootstrap/app.php';
+
+$app->handleRequest(Request::capture());
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..eb05362
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
diff --git a/resources/css/app.css b/resources/css/app.css
new file mode 100644
index 0000000..3e6abea
--- /dev/null
+++ b/resources/css/app.css
@@ -0,0 +1,11 @@
+@import 'tailwindcss';
+
+@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
+@source '../../storage/framework/views/*.php';
+@source '../**/*.blade.php';
+@source '../**/*.js';
+
+@theme {
+    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol', 'Noto Color Emoji';
+}
diff --git a/resources/js/Components/DataTable.jsx b/resources/js/Components/DataTable.jsx
new file mode 100644
index 0000000..5ac3c2a
--- /dev/null
+++ b/resources/js/Components/DataTable.jsx
@@ -0,0 +1,79 @@
+import React from 'react';
+
+/**
+ * Reusable DataTable component matching the premium Branch Management style.
+ * 
+ * @param {Array} columns - Array of column definitions: { header: string, key?: string, render?: (row) => node, align?: 'left'|'right', width?: string }
+ * @param {Array} data - Array of data objects to display.
+ * @param {boolean} loading - Loading state for the table.
+ * @param {Function} onRowClick - Optional callback for row click events.
+ * @param {string} emptyMessage - Message to show when no data is available.
+ */
+export default function DataTable({ 
+    columns, 
+    data, 
+    loading = false, 
+    onRowClick, 
+    emptyMessage = "No records found matching your criteria."
+}) {
+    return (
+        <div className="bg-white rounded-[1.25rem] border border-gray-100 shadow-sm overflow-hidden overflow-x-auto">
+            <table className="w-full min-w-[1000px] border-collapse">
+                <thead>
+                    <tr className="bg-[#FBFCFD] border-b border-gray-100">
+                        {columns.map((col, idx) => (
+                            <th 
+                                key={idx} 
+                                className={`px-8 py-5 text-left text-[11px] font-bold text-gray-400 uppercase tracking-[0.1em] ${col.align === 'right' ? 'text-right' : ''}`}
+                                style={{ width: col.width || 'auto' }}
+                            >
+                                {col.header}
+                            </th>
+                        ))}
+                    </tr>
+                </thead>
+                <tbody className="divide-y divide-gray-50/50">
+                    {loading ? (
+                        <tr>
+                            <td colSpan={columns.length} className="px-8 py-24 text-center">
+                                <div className="flex flex-col items-center gap-4">
+                                    <div className="w-8 h-8 border-4 border-emerald-500 border-t-transparent rounded-full animate-spin"></div>
+                                    <p className="text-sm font-bold text-gray-400 uppercase tracking-widest italic">Loading data...</p>
+                                </div>
+                            </td>
+                        </tr>
+                    ) : data && data.length > 0 ? (
+                        data.map((row, rowIdx) => (
+                            <tr 
+                                key={row.id || rowIdx} 
+                                className={`group hover:bg-[#F9FAFB]/60 transition-all duration-200 ${onRowClick ? 'cursor-pointer' : ''}`}
+                                onClick={() => onRowClick && onRowClick(row)}
+                            >
+                                {columns.map((col, colIdx) => (
+                                    <td 
+                                        key={colIdx} 
+                                        className={`px-8 py-5 text-sm ${col.align === 'right' ? 'text-right' : ''}`}
+                                    >
+                                        {col.render ? (
+                                            col.render(row)
+                                        ) : (
+                                            <span className="text-[#111827] font-semibold">{row[col.key] || '-'}</span>
+                                        )}
+                                    </td>
+                                ))}
+                            </tr>
+                        ))
+                    ) : (
+                        <tr>
+                            <td colSpan={columns.length} className="px-8 py-16 text-center">
+                                <div className="flex flex-col items-center gap-3">
+                                    <p className="text-sm font-bold text-gray-400 italic">{emptyMessage}</p>
+                                </div>
+                            </td>
+                        </tr>
+                    )}
+                </tbody>
+            </table>
+        </div>
+    );
+}
diff --git a/resources/js/Components/DeleteModal.jsx b/resources/js/Components/DeleteModal.jsx
new file mode 100644
index 0000000..49b9330
--- /dev/null
+++ b/resources/js/Components/DeleteModal.jsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import { AlertCircle, X, Trash2 } from 'lucide-react';
+
+export default function DeleteModal({ isOpen, onClose, onConfirm, title, message, itemName }) {
+    if (!isOpen) return null;
+
+    return (
+        <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+            <div className="bg-white rounded-[2.5rem] w-full max-w-md shadow-2xl border border-gray-100 overflow-hidden animate-in zoom-in duration-300">
+                {/* Header */}
+                <div className="p-8 border-b border-gray-50 flex items-center justify-between bg-red-50/30">
+                    <div className="flex items-center gap-4">
+                        <div className="p-3 bg-red-100 text-red-600 rounded-2xl">
+                            <AlertCircle size={24} />
+                        </div>
+                        <div>
+                            <h3 className="text-xl font-black text-gray-900">{title || 'Confirm Delete'}</h3>
+                            <p className="text-[10px] font-bold text-red-400 uppercase tracking-widest mt-0.5">Dangerous Action</p>
+                        </div>
+                    </div>
+                    <button 
+                        onClick={onClose} 
+                        className="p-2 hover:bg-white rounded-full transition-colors text-gray-400 hover:text-gray-900 shadow-sm outline-none"
+                    >
+                        <X size={20} />
+                    </button>
+                </div>
+
+                {/* Body */}
+                <div className="p-10 text-center space-y-6">
+                    <div className="space-y-3">
+                        <p className="text-sm font-semibold text-gray-500 leading-relaxed">
+                            {message || "Are you sure you want to delete this item? This action cannot be undone."}
+                        </p>
+                        {itemName && (
+                            <div className="px-4 py-2 bg-gray-50 rounded-xl border border-gray-100 inline-block">
+                                <span className="text-sm font-black text-gray-900">{itemName}</span>
+                            </div>
+                        )}
+                    </div>
+                </div>
+
+                {/* Actions */}
+                <div className="p-8 bg-gray-50/50 border-t border-gray-50 flex gap-4">
+                    <button
+                        onClick={onClose}
+                        className="flex-1 px-6 py-4 bg-white border border-gray-200 text-gray-600 rounded-2xl font-black text-xs hover:bg-gray-50 transition-all shadow-sm outline-none"
+                    >
+                        CANCEL
+                    </button>
+                    <button
+                        onClick={() => {
+                            onConfirm();
+                            onClose();
+                        }}
+                        className="flex-1 px-6 py-4 bg-red-600 text-white rounded-2xl font-black text-xs hover:bg-red-700 hover:scale-[1.02] active:scale-95 transition-all shadow-lg shadow-red-100 flex items-center justify-center gap-2 outline-none"
+                    >
+                        <Trash2 size={16} />
+                        DELETE PERMANENTLY
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Components/StatusPill.jsx b/resources/js/Components/StatusPill.jsx
new file mode 100644
index 0000000..6f823a2
--- /dev/null
+++ b/resources/js/Components/StatusPill.jsx
@@ -0,0 +1,50 @@
+import React from 'react';
+
+export default function StatusPill({ status }) {
+    if (!status) return null;
+    
+    const statusLower = status.toLowerCase();
+    let config = {
+        bg: 'bg-gray-50',
+        text: 'text-gray-700',
+        border: 'border-gray-100',
+        dot: 'bg-gray-400'
+    };
+
+    if (statusLower === 'active' || statusLower === 'completed' || statusLower === 'success') {
+        config = {
+            bg: 'bg-emerald-50',
+            text: 'text-emerald-700',
+            border: 'border-emerald-100',
+            dot: 'bg-emerald-500'
+        };
+    } else if (statusLower === 'inactive' || statusLower === 'deleted' || statusLower === 'terminated' || statusLower === 'failed' || statusLower === 'error') {
+        config = {
+            bg: 'bg-red-50',
+            text: 'text-red-700',
+            border: 'border-red-100',
+            dot: 'bg-red-500'
+        };
+    } else if (statusLower === 'pending' || statusLower === 'warning' || statusLower === 'on hold' || statusLower === 'processing') {
+        config = {
+            bg: 'bg-amber-50',
+            text: 'text-amber-700',
+            border: 'border-amber-100',
+            dot: 'bg-amber-500'
+        };
+    } else if (statusLower === 'info' || statusLower === 'processing' || statusLower === 'draft') {
+        config = {
+            bg: 'bg-blue-50',
+            text: 'text-blue-700',
+            border: 'border-blue-100',
+            dot: 'bg-blue-500'
+        };
+    }
+
+    return (
+        <span className={`inline-flex items-center gap-1.5 px-3 py-1 text-[11px] font-bold rounded-full transition-all ${config.bg} ${config.text}`}>
+            <span className={`w-1.5 h-1.5 rounded-full ${config.dot}`}></span>
+            <span className="uppercase tracking-wider">{status}</span>
+        </span>
+    );
+}
diff --git a/resources/js/Pages/Auth/Login.jsx b/resources/js/Pages/Auth/Login.jsx
new file mode 100644
index 0000000..64d9735
--- /dev/null
+++ b/resources/js/Pages/Auth/Login.jsx
@@ -0,0 +1,158 @@
+import React, { useState } from 'react';
+import { Mail, Lock, Smartphone, ChevronDown, BookOpen, Eye, EyeOff } from 'lucide-react';
+
+export default function Login({ type = 'owner' }) {
+    const isReceptionist = type === 'receptionist';
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [showPassword, setShowPassword] = useState(false);
+    const [rememberMe, setRememberMe] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState('');
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setLoading(true);
+        setError('');
+
+        try {
+            const endpoint = isReceptionist ? '/receptionist/login' : '/login';
+            const response = await fetch(endpoint, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                },
+                body: JSON.stringify({ email, password, remember: rememberMe }),
+            });
+
+            const data = await response.json();
+
+            if (response.ok) {
+                window.location.href = data.redirect;
+            } else {
+                setError(data.message || 'Login failed. Please check your credentials.');
+            }
+        } catch (err) {
+            setError('An error occurred. Please try again later.');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div className="flex h-screen w-full bg-white overflow-hidden font-sans text-gray-900">
+            {/* Left Side - Login Form */}
+            <div className="w-full lg:w-1/2 flex flex-col items-center justify-center p-8 lg:p-16">
+                <div className="w-full max-w-md">
+                    {/* Header */}
+                    <div className="flex items-center gap-2 mb-12">
+                        <div className="bg-red-500 p-2 rounded-lg">
+                            <svg className="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 2v2m0 16v2m-8-8h2m12 0h2M5.6 5.6l1.4 1.4m10 10l1.4 1.4M5.6 18.4l1.4-1.4m10-10l1.4-1.4M12 6a6 6 0 100 12 6 6 0 000-12z" />
+                            </svg>
+                        </div>
+                        <h1 className="text-3xl font-extrabold tracking-tight">GymPro</h1>
+                    </div>
+
+                    <div className="mb-10">
+                        <h2 className="text-4xl font-bold mb-2">
+                            {isReceptionist ? 'Receptionist Login' : 'Welcome Back!'}
+                        </h2>
+                        <p className="text-gray-500 text-lg">
+                            {isReceptionist 
+                                ? 'Access your branch dashboard and POS.' 
+                                : 'Login to access your management dashboard.'}
+                        </p>
+                    </div>
+
+                    {error && (
+                        <div className="mb-6 p-4 bg-red-50 text-red-600 rounded-xl text-sm border border-red-100 animate-in fade-in duration-300">
+                            {error}
+                        </div>
+                    )}
+
+                    {/* Form */}
+                    <form onSubmit={handleSubmit} className="space-y-6">
+                        <div className="relative">
+                            <div className="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none text-gray-400">
+                                <Mail size={20} />
+                            </div>
+                            <input
+                                type="email"
+                                placeholder="Email"
+                                value={email}
+                                onChange={(e) => setEmail(e.target.value)}
+                                className="block w-full pl-12 pr-4 py-4 bg-gray-50 border border-transparent rounded-2xl focus:bg-white focus:border-red-500 focus:ring-4 focus:ring-red-500/10 transition-all outline-none text-lg"
+                                required
+                            />
+                        </div>
+
+                        <div className="relative">
+                            <div className="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none text-gray-400">
+                                <Lock size={20} />
+                            </div>
+                            <input
+                                type={showPassword ? "text" : "password"}
+                                placeholder="Password"
+                                value={password}
+                                onChange={(e) => setPassword(e.target.value)}
+                                className="block w-full pl-12 pr-12 py-4 bg-gray-50 border border-transparent rounded-2xl focus:bg-white focus:border-red-500 focus:ring-4 focus:ring-red-500/10 transition-all outline-none text-lg"
+                                required
+                            />
+                            <button
+                                type="button"
+                                onClick={() => setShowPassword(!showPassword)}
+                                className="absolute inset-y-0 right-0 pr-4 flex items-center text-gray-400 hover:text-gray-600 focus:outline-none transition-colors"
+                            >
+                                {showPassword ? <EyeOff size={20} /> : <Eye size={20} />}
+                            </button>
+                        </div>
+
+                        <div className="flex items-center justify-between py-2">
+                            <label className="flex items-center gap-2 cursor-pointer group">
+                                <div className="relative">
+                                    <input
+                                        type="checkbox"
+                                        checked={rememberMe}
+                                        onChange={(e) => setRememberMe(e.target.checked)}
+                                        className="sr-only peer"
+                                    />
+                                    <div className="w-5 h-5 border-2 border-gray-300 rounded-md peer-checked:bg-red-500 peer-checked:border-red-500 transition-all"></div>
+                                    <svg className="absolute w-3.5 h-3.5 top-0.5 left-0.5 text-white opacity-0 peer-checked:opacity-100 transition-opacity pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={4} d="M5 13l4 4L19 7" />
+                                    </svg>
+                                </div>
+                                <span className="text-gray-600 font-medium group-hover:text-gray-900 transition-colors">Remember Me</span>
+                            </label>
+                            <a href="#" className="text-red-500 font-bold hover:text-red-600 transition-colors">Forgot Password?</a>
+                        </div>
+
+                        <button
+                            type="submit"
+                            disabled={loading}
+                            className="w-full py-4 bg-red-500 text-white rounded-2xl font-bold text-xl hover:bg-red-600 active:scale-[0.98] transition-all shadow-lg shadow-red-500/30 disabled:opacity-70 disabled:pointer-events-none"
+                        >
+                            {loading ? 'Logging in...' : 'Login'}
+                        </button>
+                    </form>
+                </div>
+            </div>
+
+            {/* Right Side - Background Image */}
+            <div className="hidden lg:block lg:w-1/2 relative">
+                <div className="absolute inset-0 bg-black/30 mix-blend-multiply z-10 transition-all group-hover:bg-black/20"></div>
+                <img
+                    src="/assets/images/gym_background.png"
+                    alt="Gym"
+                    className="h-full w-full object-cover grayscale-[20%] hover:grayscale-0 transition-all duration-1000 transform hover:scale-105"
+                />
+                <div className="absolute inset-x-0 bottom-0 p-12 bg-gradient-to-t from-black/80 to-transparent z-20">
+                    <p className="text-white text-xl font-light italic leading-relaxed">
+                        "Strength does not come from winning. Your struggles develop your strengths. When you go through hardships and decide not to surrender, that is strength."
+                    </p>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Accounts/List.jsx b/resources/js/Pages/Owner/Accounts/List.jsx
new file mode 100644
index 0000000..909465a
--- /dev/null
+++ b/resources/js/Pages/Owner/Accounts/List.jsx
@@ -0,0 +1,175 @@
+import React, { useState, useEffect } from 'react';
+import DataTable from '../../../Components/DataTable';
+import StatusPill from '../../../Components/StatusPill';
+import { Search, TrendingUp, TrendingDown, Wallet, Calendar, Clock, User } from 'lucide-react';
+
+export default function AccountList() {
+    const [accounts, setAccounts] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [searchQuery, setSearchQuery] = useState('');
+
+    useEffect(() => {
+        fetchAccounts();
+    }, []);
+
+    const fetchAccounts = async () => {
+        try {
+            const response = await fetch('/api/accounts');
+            const data = await response.json();
+            setAccounts(data);
+        } catch (error) {
+            console.error('Error fetching accounts:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const filteredAccounts = accounts.filter(acc => 
+        acc.description?.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        acc.type?.toLowerCase().includes(searchQuery.toLowerCase())
+    );
+
+    const totalCredit = accounts.reduce((sum, acc) => sum + parseFloat(acc.credit || 0), 0);
+    const totalDebit = accounts.reduce((sum, acc) => sum + parseFloat(acc.debit || 0), 0);
+    const balance = totalCredit - totalDebit;
+
+    const columns = [
+        { 
+            header: 'Date & Time', 
+            render: (row) => (
+                <div className="flex flex-col">
+                    <div className="flex items-center gap-2 text-[#111827] font-bold">
+                        <Calendar size={14} className="text-gray-400" />
+                        {row.date}
+                    </div>
+                    <div className="flex items-center gap-2 text-[11px] text-gray-400 font-medium">
+                        <Clock size={12} />
+                        {row.time}
+                    </div>
+                </div>
+            )
+        },
+        { 
+            header: 'Type', 
+            render: (row) => (
+                <div className="flex items-center gap-2">
+                    <div className={`p-1.5 rounded-lg ${row.credit > 0 ? 'bg-emerald-50 text-emerald-600' : 'bg-red-50 text-red-600'}`}>
+                        {row.credit > 0 ? <TrendingUp size={14} /> : <TrendingDown size={14} />}
+                    </div>
+                    <span className="font-bold text-[#111827] capitalize">{row.type}</span>
+                </div>
+            )
+        },
+        { 
+            header: 'Branch', 
+            render: (row) => (
+                <span className="font-bold text-gray-500 text-xs tracking-tight">{row.branch?.name || '-'}</span>
+            )
+        },
+        { 
+            header: 'Description', 
+            render: (row) => (
+                <div className="flex flex-col max-w-md">
+                    <span className="text-[#111827] font-semibold truncate">{row.description}</span>
+                    {row.accountable && (
+                        <div className="flex items-center gap-1.5 mt-1 text-[11px] text-gray-400 italic">
+                            <User size={10} />
+                            <span>{row.accountable.name || row.accountable.full_name}</span>
+                        </div>
+                    )}
+                </div>
+            )
+        },
+        { 
+            header: 'Credit (AED)', 
+            align: 'right',
+            render: (row) => (
+                <span className={`font-black ${row.credit > 0 ? 'text-emerald-600' : 'text-gray-300'}`}>
+                    {row.credit > 0 ? `+${parseFloat(row.credit).toLocaleString()}` : '0.00'}
+                </span>
+            )
+        },
+        { 
+            header: 'Debit (AED)', 
+            align: 'right',
+            render: (row) => (
+                <span className={`font-black ${row.debit > 0 ? 'text-red-600' : 'text-gray-300'}`}>
+                    {row.debit > 0 ? `-${parseFloat(row.debit).toLocaleString()}` : '0.00'}
+                </span>
+            )
+        },
+        {
+            header: 'Status',
+            render: () => <StatusPill status="Completed" />
+        }
+    ];
+
+    return (
+        <>
+
+            <main className="px-10 py-8 max-w-[1600px] mx-auto space-y-8">
+                {/* Header Section */}
+                <div className="flex items-center justify-between">
+                    <div>
+                        <h1 className="text-3xl font-bold text-[#101828]">Financial Accounts</h1>
+                        <p className="text-gray-500 mt-1">Real-time tracking of credits, debits, and investments.</p>
+                    </div>
+
+                    <div className="flex items-center gap-6">
+                        {/* Summary Cards */}
+                        <div className="flex items-center gap-3 bg-white p-4 rounded-2xl border border-gray-100 shadow-sm">
+                            <div className="p-3 bg-emerald-50 text-emerald-600 rounded-xl">
+                                <TrendingUp size={20} />
+                            </div>
+                            <div>
+                                <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest leading-none mb-1">Total Credit</p>
+                                <p className="text-lg font-black text-emerald-700">{totalCredit.toLocaleString()} <span className="text-xs">AED</span></p>
+                            </div>
+                        </div>
+
+                        <div className="flex items-center gap-3 bg-white p-4 rounded-2xl border border-gray-100 shadow-sm">
+                            <div className="p-3 bg-red-50 text-red-600 rounded-xl">
+                                <TrendingDown size={20} />
+                            </div>
+                            <div>
+                                <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest leading-none mb-1">Total Debit</p>
+                                <p className="text-lg font-black text-red-700">{totalDebit.toLocaleString()} <span className="text-xs">AED</span></p>
+                            </div>
+                        </div>
+
+                        <div className="flex items-center gap-3 bg-indigo-600 p-4 rounded-2xl shadow-lg shadow-indigo-100">
+                            <div className="p-3 bg-white/20 text-white rounded-xl">
+                                <Wallet size={20} />
+                            </div>
+                            <div>
+                                <p className="text-[10px] font-bold text-indigo-100 uppercase tracking-widest leading-none mb-1 text-white/70">Net Balance</p>
+                                <p className="text-lg font-black text-white">{balance.toLocaleString()} <span className="text-xs">AED</span></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Search and Filters */}
+                <div className="flex items-center justify-between gap-4">
+                    <div className="relative flex-1 max-w-md group">
+                        <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 group-focus-within:text-emerald-500 transition-colors" size={20} />
+                        <input 
+                            type="text" 
+                            placeholder="Search by description or type..." 
+                            className="w-full pl-12 pr-4 py-3 bg-white border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-medium"
+                            value={searchQuery}
+                            onChange={(e) => setSearchQuery(e.target.value)}
+                        />
+                    </div>
+                </div>
+
+                <DataTable 
+                    columns={columns}
+                    data={filteredAccounts}
+                    loading={loading}
+                    emptyMessage="No financial records found."
+                />
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Branches/Components/AddBranchModal.jsx b/resources/js/Pages/Owner/Branches/Components/AddBranchModal.jsx
new file mode 100644
index 0000000..ab45c95
--- /dev/null
+++ b/resources/js/Pages/Owner/Branches/Components/AddBranchModal.jsx
@@ -0,0 +1,309 @@
+import React, { useState } from 'react';
+import { X, Upload, Calendar, Plus, Trash2 } from 'lucide-react';
+
+export default function AddBranchModal({ isOpen, onClose, onRefresh }) {
+    const [loading, setLoading] = useState(false);
+    const [formData, setFormData] = useState({
+        name: '',
+        location: '',
+        manager_name: '',
+        operational_start_date: '',
+        payroll_from_day: 1,
+        payroll_to_day: 28,
+        salary_generation_day: 2,
+    });
+
+    const [docs, setDocs] = useState([
+        { name: '', file: null, document_number: '', expiry_date: '', reminder_days: 30 },
+    ]);
+
+    const handleDocChange = (index, field, value) => {
+        const newDocs = [...docs];
+        newDocs[index][field] = value;
+        setDocs(newDocs);
+    };
+
+    const handleAddDoc = () => {
+        setDocs([...docs, { name: '', file: null, document_number: '', expiry_date: '', reminder_days: 30 }]);
+    };
+
+    const handleRemoveDoc = (index) => {
+        if (docs.length > 1) {
+            setDocs(docs.filter((_, i) => i !== index));
+        } else {
+            // Just clear the first one if it's the only one
+            const newDocs = [...docs];
+            newDocs[0] = { name: '', file: null, document_number: '', expiry_date: '', reminder_days: 30 };
+            setDocs(newDocs);
+        }
+    };
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setLoading(true);
+
+        const data = new FormData();
+        data.append('name', formData.name);
+        data.append('location', formData.location);
+        data.append('manager_name', formData.manager_name);
+        data.append('operational_start_date', formData.operational_start_date);
+        data.append('payroll_from_day', formData.payroll_from_day);
+        data.append('payroll_to_day', formData.payroll_to_day);
+        data.append('salary_generation_day', formData.salary_generation_day);
+
+        docs.forEach((doc, index) => {
+            if (doc.file) {
+                data.append(`docs[${index}][file]`, doc.file);
+                data.append(`docs[${index}][name]`, doc.name || `Document ${index + 1}`);
+                data.append(`docs[${index}][document_number]`, doc.document_number || '');
+                data.append(`docs[${index}][expiry_date]`, doc.expiry_date);
+                data.append(`docs[${index}][reminder_days]`, doc.reminder_days || 30);
+            }
+        });
+
+        try {
+            const res = await fetch('/api/branches', {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                },
+                body: data,
+            });
+
+            if (res.ok) {
+                onRefresh();
+                onClose();
+            } else {
+                const err = await res.json();
+                alert(err.message || 'Error creating branch');
+            }
+        } catch (error) {
+            alert('An error occurred. Please try again.');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    if (!isOpen) return null;
+
+    return (
+        <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-in fade-in duration-300">
+            <div className="bg-white w-full max-w-3xl rounded-xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-300 flex flex-col max-h-[90vh]">
+                {/* Header */}
+                <div className="px-6 py-4 border-b border-gray-100 flex flex-shrink-0 items-center justify-between">
+                    <h2 className="text-xl font-bold text-gray-900">Add New Branch</h2>
+                    <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-lg transition-all text-gray-400 hover:text-gray-900">
+                        <X size={20} />
+                    </button>
+                </div>
+
+                <form onSubmit={handleSubmit} className="p-6 space-y-6 overflow-y-auto no-scrollbar">
+                    <div className="space-y-6">
+                        {/* Basic Info */}
+                        <div className="space-y-4">
+                            <h3 className="text-lg font-bold text-gray-900 flex items-center gap-2">
+                                <Plus size={18} className="text-red-500" />
+                                Branch Information
+                            </h3>
+                            
+                            <div className="space-y-4">
+                                <div>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">Branch Name</label>
+                                    <input 
+                                        type="text" required 
+                                        className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                        value={formData.name}
+                                        onChange={(e) => setFormData({...formData, name: e.target.value})}
+                                    />
+                                </div>
+                                <div>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">Location</label>
+                                    <input 
+                                        type="text" required
+                                        className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                        value={formData.location}
+                                        onChange={(e) => setFormData({...formData, location: e.target.value})}
+                                    />
+                                </div>
+                                <div className="grid grid-cols-2 gap-4">
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">Manager Name</label>
+                                        <input 
+                                            type="text" required
+                                            className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                            value={formData.manager_name}
+                                            onChange={(e) => setFormData({...formData, manager_name: e.target.value})}
+                                        />
+                                    </div>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">Status</label>
+                                        <select 
+                                            className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                            value="Active"
+                                            readOnly
+                                        >
+                                            <option value="Active">Active</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">Branch Start Date</label>
+                                        <input 
+                                            type="date" required
+                                            className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                            value={formData.operational_start_date}
+                                            onChange={(e) => setFormData({...formData, operational_start_date: e.target.value})}
+                                        />
+                                    </div>
+
+                                <div className="p-6 bg-red-50/50 rounded-2xl border border-red-100 space-y-4">
+                                    <h4 className="text-sm font-bold text-red-900 flex items-center gap-2 underline decoration-red-200 underline-offset-4">
+                                        <Calendar size={16} />
+                                        PAYROLL CYCLE CONFIGURATION
+                                    </h4>
+                                    
+                                    <div className="grid grid-cols-3 gap-4">
+                                        <div>
+                                            <label className="block text-[10px] font-black text-red-900/60 uppercase tracking-widest mb-1.5">Cycle From (Day)</label>
+                                            <input 
+                                                type="number" min="1" max="31" required
+                                                className="w-full px-4 py-2.5 bg-white border border-red-100 rounded-xl focus:outline-none focus:ring-4 focus:ring-red-500/10 focus:border-red-500 transition-all text-sm font-bold"
+                                                value={formData.payroll_from_day}
+                                                onChange={(e) => setFormData({...formData, payroll_from_day: e.target.value})}
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-[10px] font-black text-red-900/60 uppercase tracking-widest mb-1.5">Cycle To (Day)</label>
+                                            <input 
+                                                type="number" min="1" max="31" required
+                                                className="w-full px-4 py-2.5 bg-white border border-red-100 rounded-xl focus:outline-none focus:ring-4 focus:ring-red-500/10 focus:border-red-500 transition-all text-sm font-bold"
+                                                value={formData.payroll_to_day}
+                                                onChange={(e) => setFormData({...formData, payroll_to_day: e.target.value})}
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-[10px] font-black text-red-900/60 uppercase tracking-widest mb-1.5">Generate On (Day)</label>
+                                            <input 
+                                                type="number" min="1" max="31" required
+                                                className="w-full px-4 py-2.5 bg-white border border-red-100 rounded-xl focus:outline-none focus:ring-4 focus:ring-red-500/10 focus:border-red-500 transition-all text-sm font-bold"
+                                                value={formData.salary_generation_day}
+                                                onChange={(e) => setFormData({...formData, salary_generation_day: e.target.value})}
+                                            />
+                                        </div>
+                                    </div>
+                                    <p className="text-[10px] text-red-600/80 font-medium italic">
+                                        Example: From 1 To 28, Generated on 2nd of next month.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="space-y-6">
+                            <div className="flex items-center justify-between">
+                                <h3 className="text-lg font-bold text-gray-900 flex items-center gap-2">
+                                    <Upload size={18} className="text-red-500" />
+                                    Branch Documents
+                                </h3>
+                                <button 
+                                    type="button"
+                                    onClick={handleAddDoc}
+                                    className="flex items-center gap-2 px-4 py-2 bg-red-50 text-red-600 rounded-xl text-xs font-bold hover:bg-red-100 transition-all border border-red-100"
+                                >
+                                    <Plus size={14} />
+                                    <span>Add Another</span>
+                                </button>
+                            </div>
+
+                            <div className="space-y-6">
+                                {docs.map((doc, index) => (
+                                    <div key={index} className="p-6 bg-gray-50 rounded-[2rem] border border-gray-100 space-y-4 relative group">
+                                        <div className="flex items-center justify-between">
+                                            <span className="text-xs font-bold text-gray-900 uppercase tracking-wider">Document {index + 1}</span>
+                                            <button 
+                                                type="button" 
+                                                onClick={() => handleRemoveDoc(index)} 
+                                                className="text-rose-500 p-2 hover:bg-rose-100 rounded-xl transition-all opacity-0 group-hover:opacity-100"
+                                                title="Remove Document"
+                                            >
+                                                <Trash2 size={16} />
+                                            </button>
+                                        </div>
+
+                                        <div className="space-y-3">
+                                            <input 
+                                                type="text" 
+                                                placeholder="Document Name (e.g. Trade License)"
+                                                className="w-full px-4 py-2.5 bg-white border border-gray-100 rounded-xl text-xs font-bold transition-all outline-none focus:border-red-500"
+                                                value={doc.name}
+                                                onChange={(e) => handleDocChange(index, 'name', e.target.value)}
+                                                required
+                                            />
+                                            
+                                            <div className="grid grid-cols-4 gap-3">
+                                                <div className="relative">
+                                                    <input 
+                                                        type="file"
+                                                        className="hidden"
+                                                        id={`file-${index}`}
+                                                        onChange={(e) => handleDocChange(index, 'file', e.target.files[0])}
+                                                        required={!doc.file}
+                                                    />
+                                                    <label htmlFor={`file-${index}`} className={`flex items-center justify-center gap-2 w-full py-2.5 rounded-xl border-2 border-dashed transition-all cursor-pointer text-xs font-bold ${doc.file ? 'bg-emerald-50 border-emerald-200 text-emerald-600' : 'bg-white border-gray-200 text-gray-400 hover:border-red-500 hover:text-red-500'}`}>
+                                                        <Upload size={14} />
+                                                        {doc.file ? (doc.file.name ? doc.file.name.substring(0, 5) + '...' : 'Uploaded') : 'Upload File'}
+                                                    </label>
+                                                </div>
+                                                <div>
+                                                    <input 
+                                                        type="text"
+                                                        placeholder="Doc Number"
+                                                        className="w-full px-4 py-2 bg-white border border-gray-100 rounded-xl text-[10px] font-bold transition-all outline-none focus:border-red-500"
+                                                        value={doc.document_number}
+                                                        onChange={(e) => handleDocChange(index, 'document_number', e.target.value)}
+                                                    />
+                                                    <p className="text-[8px] text-gray-400 mt-0.5 ml-1 font-bold">Doc Number</p>
+                                                </div>
+                                                <div>
+                                                    <input 
+                                                        type="date"
+                                                        className="w-full px-4 py-2 bg-white border border-gray-100 rounded-xl text-[10px] font-bold transition-all outline-none focus:border-red-500"
+                                                        value={doc.expiry_date}
+                                                        onChange={(e) => handleDocChange(index, 'expiry_date', e.target.value)}
+                                                        required
+                                                    />
+                                                    <p className="text-[8px] text-gray-400 mt-0.5 ml-1 font-bold">Expiry Date</p>
+                                                </div>
+                                                <div>
+                                                    <input 
+                                                        type="number"
+                                                        placeholder="Remind (Days)"
+                                                        className="w-full px-4 py-2 bg-white border border-gray-100 rounded-xl text-[10px] font-bold transition-all outline-none focus:border-red-500"
+                                                        value={doc.reminder_days}
+                                                        onChange={(e) => handleDocChange(index, 'reminder_days', e.target.value)}
+                                                        required
+                                                    />
+                                                    <p className="text-[8px] text-gray-400 mt-0.5 ml-1 font-bold">Days Before</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Submit */}
+                    <div className="flex flex-shrink-0 items-center justify-end gap-3 pt-4 sticky bottom-0 bg-white">
+                        <button type="button" onClick={onClose} className="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-all text-sm font-medium">Cancel</button>
+                        <button 
+                            type="submit" 
+                            disabled={loading}
+                            className="px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-all text-sm font-medium disabled:opacity-50"
+                        >
+                            {loading ? 'Saving...' : 'Save Branch'}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Branches/Components/DeleteConfirmationModal.jsx b/resources/js/Pages/Owner/Branches/Components/DeleteConfirmationModal.jsx
new file mode 100644
index 0000000..247c47e
--- /dev/null
+++ b/resources/js/Pages/Owner/Branches/Components/DeleteConfirmationModal.jsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import { AlertTriangle, X } from 'lucide-react';
+
+export default function DeleteConfirmationModal({ isOpen, onClose, onConfirm, branchName, loading }) {
+    if (!isOpen) return null;
+
+    return (
+        <div className="fixed inset-0 z-[200] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-300">
+            <div className="bg-white w-full max-w-sm rounded-xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-300">
+                <div className="p-6 text-center space-y-4">
+                    <div className="w-16 h-16 bg-rose-50 rounded-full flex items-center justify-center text-rose-500 mx-auto">
+                        <AlertTriangle size={32} />
+                    </div>
+                    
+                    <div className="space-y-1">
+                        <h3 className="text-lg font-bold text-gray-900">Delete Branch?</h3>
+                        <p className="text-sm text-gray-500">
+                            Are you sure you want to delete <span className="text-gray-900 font-medium">"{branchName}"</span>? 
+                            This action cannot be undone.
+                        </p>
+                    </div>
+
+                    <div className="flex gap-3 pt-4">
+                        <button 
+                            onClick={onClose}
+                            disabled={loading}
+                            className="flex-1 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-all"
+                        >
+                            Cancel
+                        </button>
+                        <button 
+                            onClick={onConfirm}
+                            disabled={loading}
+                            className="flex-1 py-2 bg-rose-500 text-white rounded-lg text-sm font-medium hover:bg-rose-600 transition-all disabled:opacity-50"
+                        >
+                            {loading ? 'Deleting...' : 'Delete'}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Branches/Components/EditBranchModal.jsx b/resources/js/Pages/Owner/Branches/Components/EditBranchModal.jsx
new file mode 100644
index 0000000..d9de217
--- /dev/null
+++ b/resources/js/Pages/Owner/Branches/Components/EditBranchModal.jsx
@@ -0,0 +1,333 @@
+import React, { useState, useEffect } from 'react';
+import { X, Save, MapPin, User, Calendar, CheckSquare, Upload, Trash2, Box, Plus } from 'lucide-react';
+
+export default function EditBranchModal({ isOpen, onClose, onRefresh, branch }) {
+    const [loading, setLoading] = useState(false);
+    const [formData, setFormData] = useState({
+        name: '',
+        location: '',
+        manager_name: '',
+        operational_start_date: '',
+        status: 'Active',
+        payroll_from_day: 1,
+        payroll_to_day: 28,
+        salary_generation_day: 2,
+    });
+
+    const [newDocs, setNewDocs] = useState([]);
+
+    useEffect(() => {
+        if (branch) {
+            setFormData({
+                name: branch.name || '',
+                location: branch.location || '',
+                manager_name: branch.manager_name || '',
+                operational_start_date: branch.operational_start_date || '',
+                status: branch.status || 'Active',
+                payroll_from_day: branch.payroll_from_day || 1,
+                payroll_to_day: branch.payroll_to_day || 28,
+                salary_generation_day: branch.salary_generation_day || 2,
+            });
+            setNewDocs([]);
+        }
+    }, [branch]);
+
+    const handleAddDocRow = () => {
+        setNewDocs([...newDocs, { name: '', file: null, document_number: '', expiry_date: '', reminder_days: 30 }]);
+    };
+
+    const handleNewDocChange = (index, field, value) => {
+        const updated = [...newDocs];
+        updated[index][field] = value;
+        setNewDocs(updated);
+    };
+
+    const handleRemoveDocRow = (index) => {
+        setNewDocs(newDocs.filter((_, i) => i !== index));
+    };
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setLoading(true);
+
+        const data = new FormData();
+        data.append('_method', 'PUT'); // For Laravel to handle PUT via POST
+        data.append('name', formData.name);
+        data.append('location', formData.location);
+        data.append('manager_name', formData.manager_name);
+        data.append('operational_start_date', formData.operational_start_date);
+        data.append('status', formData.status);
+        data.append('payroll_from_day', formData.payroll_from_day);
+        data.append('payroll_to_day', formData.payroll_to_day);
+        data.append('salary_generation_day', formData.salary_generation_day);
+
+        newDocs.forEach((doc, index) => {
+            if (doc.file) {
+                data.append(`new_docs[${index}][file]`, doc.file);
+                data.append(`new_docs[${index}][name]`, doc.name || `New Document ${index + 1}`);
+                data.append(`new_docs[${index}][document_number]`, doc.document_number || '');
+                data.append(`new_docs[${index}][expiry_date]`, doc.expiry_date);
+                data.append(`new_docs[${index}][reminder_days]`, doc.reminder_days || 30);
+            }
+        });
+
+        try {
+            const res = await fetch(`/api/branches/${branch.id}`, {
+                method: 'POST', // Using POST with _method=PUT for FormData
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                },
+                body: data,
+            });
+
+            if (res.ok) {
+                onRefresh();
+                onClose();
+            } else {
+                const err = await res.json();
+                alert(err.message || 'Error updating branch');
+            }
+        } catch (error) {
+            alert('An error occurred. Please try again.');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    if (!isOpen || !branch) return null;
+
+    return (
+        <div className="fixed inset-0 z-[110] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-in fade-in duration-300">
+            <div className="bg-white w-full max-w-4xl rounded-xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-300">
+                {/* Header */}
+                <div className="px-6 py-4 border-b border-gray-100 flex items-center justify-between">
+                    <div>
+                        <h2 className="text-xl font-bold text-gray-900 tracking-tight">Edit Branch</h2>
+                        <p className="text-sm font-medium text-gray-500">Update details for {branch.name}.</p>
+                    </div>
+                    <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-lg transition-all text-gray-400 hover:text-gray-900">
+                        <X size={20} />
+                    </button>
+                </div>
+
+                <form onSubmit={handleSubmit} className="p-10 max-h-[70vh] overflow-y-auto space-y-8 no-scrollbar">
+                    <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+                        {/* Left: Info */}
+                        <div className="space-y-6">
+                            <h3 className="text-lg font-bold text-gray-900 flex items-center gap-2">
+                                <MapPin size={18} className="text-red-500" />
+                                Basic Information
+                            </h3>
+                            
+                            <div className="space-y-4">
+                                <div className="md:col-span-2">
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">Branch Name</label>
+                                    <input 
+                                        type="text" required 
+                                        className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                        value={formData.name}
+                                        onChange={(e) => setFormData({...formData, name: e.target.value})}
+                                    />
+                                </div>
+                                <div className="grid grid-cols-2 gap-4">
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">Location</label>
+                                        <input 
+                                            type="text" required
+                                            className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                            value={formData.location}
+                                            onChange={(e) => setFormData({...formData, location: e.target.value})}
+                                        />
+                                    </div>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">Manager Name</label>
+                                        <input 
+                                            type="text" required
+                                            className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                            value={formData.manager_name}
+                                            onChange={(e) => setFormData({...formData, manager_name: e.target.value})}
+                                        />
+                                    </div>
+                                </div>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">Start Date</label>
+                                        <input 
+                                            type="date" required
+                                            className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                            value={formData.operational_start_date}
+                                            onChange={(e) => setFormData({...formData, operational_start_date: e.target.value})}
+                                        />
+                                    </div>
+
+                                <div className="p-4 bg-red-50/50 rounded-2xl border border-red-100 space-y-4">
+                                    <h4 className="text-xs font-bold text-red-900 flex items-center gap-2">
+                                        <Calendar size={14} />
+                                        PAYROLL CYCLE CONFIG
+                                    </h4>
+                                    
+                                    <div className="grid grid-cols-3 gap-3">
+                                        <div>
+                                            <label className="block text-[10px] font-bold text-red-800/60 uppercase mb-1">From Day</label>
+                                            <input 
+                                                type="number" min="1" max="31" required
+                                                className="w-full px-3 py-1.5 bg-white border border-red-100 rounded-lg focus:outline-none focus:border-red-500 transition-all text-xs font-bold"
+                                                value={formData.payroll_from_day}
+                                                onChange={(e) => setFormData({...formData, payroll_from_day: e.target.value})}
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-[10px] font-bold text-red-800/60 uppercase mb-1">To Day</label>
+                                            <input 
+                                                type="number" min="1" max="31" required
+                                                className="w-full px-3 py-1.5 bg-white border border-red-100 rounded-lg focus:outline-none focus:border-red-500 transition-all text-xs font-bold"
+                                                value={formData.payroll_to_day}
+                                                onChange={(e) => setFormData({...formData, payroll_to_day: e.target.value})}
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-[10px] font-bold text-red-800/60 uppercase mb-1">Generate</label>
+                                            <input 
+                                                type="number" min="1" max="31" required
+                                                className="w-full px-3 py-1.5 bg-white border border-red-100 rounded-lg focus:outline-none focus:border-red-500 transition-all text-xs font-bold"
+                                                value={formData.salary_generation_day}
+                                                onChange={(e) => setFormData({...formData, salary_generation_day: e.target.value})}
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                                <div>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">Status</label>
+                                    <select 
+                                        className="w-full px-3 py-2 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-sm"
+                                        value={formData.status}
+                                        onChange={(e) => setFormData({...formData, status: e.target.value})}
+                                    >
+                                        <option value="Active">Active</option>
+                                        <option value="Inactive">Inactive</option>
+                                        <option value="Maintenance">Maintenance</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Right: Docs */}
+                        <div className="space-y-6">
+                            <div className="flex items-center justify-between">
+                                <h3 className="text-lg font-bold text-gray-900 flex items-center gap-2">
+                                    <Upload size={18} className="text-red-500" />
+                                    Documents
+                                </h3>
+                                <button 
+                                    type="button"
+                                    onClick={handleAddDocRow}
+                                    className="flex items-center gap-1.5 px-3 py-1.5 bg-red-50 text-red-500 rounded-lg text-xs font-bold hover:bg-red-100 transition-all border border-red-100"
+                                >
+                                    <Plus size={14} />
+                                    <span>Add Another</span>
+                                </button>
+                            </div>
+
+                            <div className="space-y-4">
+                                {/* Existing Docs */}
+                                <div className="space-y-3">
+                                    <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest ml-1">Existing Files</p>
+                                    {branch.documents && branch.documents.length > 0 ? (
+                                        branch.documents.map((doc) => (
+                                            <div key={doc.id} className="p-3 bg-gray-50 rounded-xl flex items-center justify-between border border-transparent hover:border-red-500/20 transition-all">
+                                                <div className="flex items-center gap-3">
+                                                    <div className="w-8 h-8 bg-white rounded-lg flex items-center justify-center text-red-500 shadow-sm">
+                                                        <Box size={14} />
+                                                    </div>
+                                                    <div>
+                                                        <p className="text-xs font-bold text-gray-900">{doc.name} - <span className="text-gray-400 font-medium">{doc.document_number || 'N/A'}</span></p>
+                                                        <p className="text-[10px] text-gray-400">Expires: {new Date(doc.expiry_date).toLocaleDateString()}</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        ))
+                                    ) : (
+                                        <p className="text-xs text-gray-400 italic ml-1">No documents uploaded.</p>
+                                    )}
+                                </div>
+
+                                {/* New Doc Rows */}
+                                {newDocs.map((doc, index) => (
+                                    <div key={index} className="p-4 bg-red-50/30 rounded-2xl border border-red-100 space-y-3 animate-in slide-in-from-top-2">
+                                        <div className="flex items-center justify-between">
+                                            <span className="text-[10px] font-bold text-red-500 uppercase">New Document Row</span>
+                                            <button type="button" onClick={() => handleRemoveDocRow(index)} className="text-red-400 hover:text-red-600 transition-colors">
+                                                <Trash2 size={14} />
+                                            </button>
+                                        </div>
+                                        <input 
+                                            type="text" required
+                                            placeholder="Document Name"
+                                            className="w-full px-4 py-2 bg-white border border-transparent rounded-xl text-xs font-medium focus:border-red-500 outline-none"
+                                            value={doc.name}
+                                            onChange={(e) => handleNewDocChange(index, 'name', e.target.value)}
+                                        />
+                                        <div className="grid grid-cols-4 gap-2">
+                                            <div className="relative">
+                                                <input 
+                                                    type="file" required
+                                                    className="hidden"
+                                                    id={`edit-file-${index}`}
+                                                    onChange={(e) => handleNewDocChange(index, 'file', e.target.files[0])}
+                                                />
+                                                <label htmlFor={`edit-file-${index}`} className={`flex items-center justify-center gap-2 py-2 rounded-xl border border-dashed transition-all cursor-pointer text-[10px] font-bold ${doc.file ? 'bg-emerald-50 border-emerald-200 text-emerald-600' : 'bg-white border-red-200 text-red-400 hover:border-red-500'}`}>
+                                                    <Upload size={12} />
+                                                    {doc.file ? (doc.file.name ? doc.file.name.substring(0, 5) + '...' : 'Uploaded') : 'Upload'}
+                                                </label>
+                                            </div>
+                                            <div className="relative">
+                                                <input 
+                                                    type="text"
+                                                    placeholder="Doc Number"
+                                                    className="w-full px-2 py-2 bg-white border border-transparent rounded-xl text-[10px] font-medium focus:border-red-500 outline-none"
+                                                    value={doc.document_number}
+                                                    onChange={(e) => handleNewDocChange(index, 'document_number', e.target.value)}
+                                                />
+                                                <p className="text-[7px] text-gray-400 mt-0.5 ml-1 font-bold">Doc Number</p>
+                                            </div>
+                                            <div className="relative">
+                                                <input 
+                                                    type="date" required
+                                                    className="w-full px-2 py-2 bg-white border border-transparent rounded-xl text-[10px] font-medium focus:border-red-500 outline-none"
+                                                    value={doc.expiry_date}
+                                                    onChange={(e) => handleNewDocChange(index, 'expiry_date', e.target.value)}
+                                                />
+                                                <p className="text-[7px] text-gray-400 mt-0.5 ml-1 font-bold">Expiry</p>
+                                            </div>
+                                            <div className="relative">
+                                                <input 
+                                                    type="number" required
+                                                    placeholder="Remind (Days)"
+                                                    className="w-full px-2 py-2 bg-white border border-transparent rounded-xl text-[10px] font-medium focus:border-red-500 outline-none"
+                                                    value={doc.reminder_days}
+                                                    onChange={(e) => handleNewDocChange(index, 'reminder_days', e.target.value)}
+                                                />
+                                                <p className="text-[7px] text-gray-400 mt-0.5 ml-1 font-bold">Days Before</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="flex items-center justify-end gap-3 pt-6 border-t border-gray-100">
+                        <button type="button" onClick={onClose} className="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-all text-sm font-medium">Cancel</button>
+                        <button 
+                            type="submit" 
+                            disabled={loading}
+                            className="flex items-center gap-2 px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-all text-sm font-medium disabled:opacity-50"
+                        >
+                            <Save size={16} />
+                            {loading ? 'Saving...' : 'Save Changes'}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Branches/List.jsx b/resources/js/Pages/Owner/Branches/List.jsx
new file mode 100644
index 0000000..f4e4ed5
--- /dev/null
+++ b/resources/js/Pages/Owner/Branches/List.jsx
@@ -0,0 +1,158 @@
+import React, { useState, useEffect } from 'react';
+import AddBranchModal from './Components/AddBranchModal';
+import EditBranchModal from './Components/EditBranchModal';
+import DeleteConfirmationModal from './Components/DeleteConfirmationModal';
+import DataTable from '../../../Components/DataTable';
+import StatusPill from '../../../Components/StatusPill';
+import { Plus, MapPin, Search, Eye, Box, Edit2, Trash2, MoreVertical } from 'lucide-react';
+
+export default function List() {
+    const [branches, setBranches] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [editModal, setEditModal] = useState({ isOpen: false, branch: null });
+    const [deleteModal, setDeleteModal] = useState({ isOpen: false, branchId: null, branchName: '' });
+    const [deleting, setDeleting] = useState(false);
+
+    const fetchBranches = () => {
+        setLoading(true);
+        fetch('/api/branches')
+            .then(res => res.json())
+            .then(data => setBranches(data || []))
+            .catch(err => console.error('Fetch error:', err))
+            .finally(() => setLoading(false));
+    };
+
+    useEffect(() => {
+        fetchBranches();
+    }, []);
+
+    const handleDelete = async () => {
+        setDeleting(true);
+        try {
+            const res = await fetch(`/api/branches/${deleteModal.branchId}`, {
+                method: 'DELETE',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                }
+            });
+            if (res.ok) {
+                setDeleteModal({ isOpen: false, branchId: null, branchName: '' });
+                fetchBranches();
+            }
+        } catch (error) {
+            console.error('Delete error:', error);
+        } finally {
+            setDeleting(false);
+        }
+    };
+
+    const columns = [
+        {
+            header: 'Branch Name',
+            render: (row) => (
+                <div className="flex items-center gap-3">
+                    <div className="flex-shrink-0 text-red-500">
+                        <MapPin size={18} />
+                    </div>
+                    <span className="font-bold text-[#111827]">{row.name}</span>
+                </div>
+            )
+        },
+        { header: 'Location', key: 'location' },
+        { header: 'Manager', key: 'manager_name' },
+        { 
+            header: 'Revenue (AED)', 
+            render: () => <span className="font-bold text-gray-900">0.00</span> 
+        },
+        { 
+            header: 'Status', 
+            render: (row) => <StatusPill status={row.status} /> 
+        },
+        { 
+            header: 'Actions', 
+            align: 'right',
+            render: (row) => (
+                <div className="flex items-center justify-end gap-3" onClick={(e) => e.stopPropagation()}>
+                    <button 
+                        title="View Details"
+                        onClick={() => window.location.href = `/owner/branches/${row.id}`}
+                        className="p-1 text-emerald-500 hover:scale-110 active:scale-95 transition-all"
+                    >
+                        <Eye size={18} />
+                    </button>
+                    <button 
+                        title="Inventory"
+                        className="p-1 text-blue-500 hover:scale-110 active:scale-95 transition-all"
+                    >
+                        <Box size={18} />
+                    </button>
+                    <button 
+                        title="Edit Branch"
+                        onClick={() => setEditModal({ isOpen: true, branch: row })}
+                        className="p-1 text-amber-500 hover:scale-110 active:scale-95 transition-all"
+                    >
+                        <Edit2 size={18} />
+                    </button>
+                    <button 
+                        title="Delete Branch"
+                        onClick={() => setDeleteModal({ isOpen: true, branchId: row.id, branchName: row.name })}
+                        className="p-1 text-red-500 hover:scale-110 active:scale-95 transition-all"
+                    >
+                        <Trash2 size={18} />
+                    </button>
+                </div>
+            )
+        }
+    ];
+
+    return (
+        <>
+            <main className="p-8 max-w-[1600px] mx-auto space-y-8">
+                <div className="flex items-center justify-between">
+                    <div>
+                        <h2 className="text-3xl font-bold text-[#111827]">Branch Management</h2>
+                        <p className="text-sm text-gray-500 mt-1">Manage your business locations and their inventory.</p>
+                    </div>
+                    <button 
+                        onClick={() => setIsModalOpen(true)}
+                        className="flex items-center gap-2 px-6 py-3 bg-red-500 text-white rounded-xl font-bold hover:scale-[1.02] active:scale-[0.98] transition-all text-sm shadow-lg shadow-red-100"
+                    >
+                        <Plus size={18} />
+                        <span>Add Branch</span>
+                    </button>
+                </div>
+
+                <DataTable 
+                    columns={columns}
+                    data={branches}
+                    loading={loading}
+                    onRowClick={(row) => window.location.href = `/owner/branches/${row.id}`}
+                    emptyMessage="No branches found. Click 'Add Branch' to create one."
+                />
+            </main>
+
+
+            <AddBranchModal 
+                isOpen={isModalOpen} 
+                onClose={() => setIsModalOpen(false)} 
+                onRefresh={fetchBranches}
+            />
+
+            <EditBranchModal
+                isOpen={editModal.isOpen}
+                onClose={() => setEditModal({ isOpen: false, branch: null })}
+                onRefresh={fetchBranches}
+                branch={editModal.branch}
+            />
+
+            <DeleteConfirmationModal
+                isOpen={deleteModal.isOpen}
+                onClose={() => setDeleteModal({ ...deleteModal, isOpen: false })}
+                onConfirm={handleDelete}
+                branchName={deleteModal.branchName}
+                loading={deleting}
+            />
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Branches/View.jsx b/resources/js/Pages/Owner/Branches/View.jsx
new file mode 100644
index 0000000..3d47483
--- /dev/null
+++ b/resources/js/Pages/Owner/Branches/View.jsx
@@ -0,0 +1,422 @@
+import React, { useState, useEffect } from 'react';
+import { ArrowLeft, MapPin, User, Users, Calendar, DollarSign, CheckCircle, Edit3, Upload, Plus, Box, X, Eye, FileText, Shield, Save, Trash2, Key } from 'lucide-react';
+
+function ReceptionistForm({ branchId }) {
+    const [receptionists, setReceptionists] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [editingId, setEditingId] = useState(null); // null for new, 'list' for list, ID for edit
+    const [formData, setFormData] = useState({
+        name: '',
+        email: '',
+        password: '',
+        password_confirmation: ''
+    });
+    const [error, setError] = useState('');
+    const [success, setSuccess] = useState('');
+
+    const fetchReceptionists = () => {
+        setLoading(true);
+        fetch(`/api/branches/${branchId}/receptionist`)
+            .then(res => res.json())
+            .then(data => {
+                setReceptionists(Array.isArray(data) ? data : []);
+                setEditingId('list');
+            })
+            .finally(() => setLoading(false));
+    };
+
+    useEffect(() => {
+        fetchReceptionists();
+    }, [branchId]);
+
+    const handleEdit = (rep) => {
+        setEditingId(rep.id);
+        setFormData({ name: rep.name, email: rep.email, password: '', password_confirmation: '' });
+        setError('');
+        setSuccess('');
+    };
+
+    const handleAddNew = () => {
+        setEditingId(null);
+        setFormData({ name: '', email: '', password: '', password_confirmation: '' });
+        setError('');
+        setSuccess('');
+    };
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setSaving(true);
+        setError('');
+        setSuccess('');
+
+        try {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
+            const res = await fetch(`/api/branches/${branchId}/receptionist`, {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({ ...formData, id: editingId })
+            });
+
+            const data = await res.json();
+            if (res.ok) {
+                setSuccess(editingId ? 'Account updated successfully!' : 'Account created successfully!');
+                fetchReceptionists();
+            } else {
+                setError(data.message || 'Failed to save receptionist.');
+            }
+        } catch (err) {
+            setError('An error occurred. Please try again.');
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    const handleDelete = async (id) => {
+        if (!confirm('Are you sure you want to delete this receptionist account?')) return;
+        
+        try {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
+            await fetch(`/api/branches/${branchId}/receptionist?receptionist_id=${id}`, {
+                method: 'DELETE',
+                headers: { 'X-CSRF-TOKEN': csrfToken }
+            });
+            setSuccess('Receptionist account removed.');
+            fetchReceptionists();
+        } catch (err) {
+            setError('Failed to delete account.');
+        }
+    };
+
+    if (loading && receptionists.length === 0) return <div className="text-gray-400 font-medium italic">Loading account details...</div>;
+
+    if (editingId === 'list') {
+        return (
+            <div className="space-y-6">
+                {success && <div className="p-4 bg-emerald-50 text-emerald-600 rounded-xl text-sm border border-emerald-100 font-bold">{success}</div>}
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    {receptionists.map(rep => (
+                        <div key={rep.id} className="p-6 bg-gray-50 rounded-2xl border border-gray-100 flex items-center justify-between group">
+                            <div className="flex items-center gap-4">
+                                <div className="w-12 h-12 bg-white rounded-xl flex items-center justify-center text-red-500 shadow-sm">
+                                    <User size={20} />
+                                </div>
+                                <div>
+                                    <p className="font-bold text-gray-900">{rep.name}</p>
+                                    <p className="text-xs text-gray-500 font-medium">{rep.email}</p>
+                                </div>
+                            </div>
+                            <div className="flex items-center gap-2 opacity-0 group-hover:opacity-100 transition-all">
+                                <button onClick={() => handleEdit(rep)} className="p-2 bg-white text-gray-400 hover:text-red-500 rounded-lg shadow-sm border border-gray-100 transition-all">
+                                    <Edit3 size={16} />
+                                </button>
+                                <button onClick={() => handleDelete(rep.id)} className="p-2 bg-white text-gray-400 hover:text-rose-500 rounded-lg shadow-sm border border-gray-100 transition-all">
+                                    <Trash2 size={16} />
+                                </button>
+                            </div>
+                        </div>
+                    ))}
+                    <button 
+                        onClick={handleAddNew}
+                        className="p-6 border-2 border-dashed border-gray-200 rounded-2xl flex flex-col items-center justify-center gap-2 text-gray-400 hover:border-red-500 hover:text-red-500 transition-all bg-white/50"
+                    >
+                        <Plus size={24} />
+                        <span className="text-xs font-bold uppercase tracking-widest">Add New Receptionist</span>
+                    </button>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="max-w-2xl bg-white p-8 rounded-3xl border border-gray-100 shadow-sm animate-in slide-in-from-bottom-4 duration-500">
+            <div className="flex items-center justify-between mb-8">
+                <h4 className="text-lg font-bold text-gray-900">{editingId ? 'Edit Receptionist' : 'Add New Receptionist'}</h4>
+                <button onClick={() => setEditingId('list')} className="text-xs font-bold text-gray-400 hover:text-gray-900 uppercase tracking-widest flex items-center gap-2">
+                    <ArrowLeft size={14} />
+                    Back to List
+                </button>
+            </div>
+
+            {error && <div className="mb-6 p-4 bg-red-50 text-red-600 rounded-xl text-sm border border-red-100 font-bold">{error}</div>}
+
+            <form onSubmit={handleSubmit} className="space-y-6">
+                <div className="grid grid-cols-2 gap-6">
+                    <div className="space-y-2">
+                        <label className="text-[10px] uppercase font-bold text-gray-400 tracking-widest pl-1">Full Name</label>
+                        <input 
+                            className="w-full px-5 py-3 bg-gray-50 border border-transparent rounded-xl focus:bg-white focus:border-red-500 transition-all outline-none font-semibold text-gray-900"
+                            value={formData.name}
+                            onChange={e => setFormData({...formData, name: e.target.value})}
+                            required
+                        />
+                    </div>
+                    <div className="space-y-2">
+                        <label className="text-[10px] uppercase font-bold text-gray-400 tracking-widest pl-1">Email Address</label>
+                        <input 
+                            type="email"
+                            className="w-full px-5 py-3 bg-gray-50 border border-transparent rounded-xl focus:bg-white focus:border-red-500 transition-all outline-none font-semibold text-gray-900"
+                            value={formData.email}
+                            onChange={e => setFormData({...formData, email: e.target.value})}
+                            required
+                        />
+                    </div>
+                </div>
+
+                <div className="grid grid-cols-2 gap-6 pt-4 border-t border-gray-50">
+                    <div className="space-y-2">
+                        <label className="text-[10px] uppercase font-bold text-gray-400 tracking-widest pl-1">Password</label>
+                        <input 
+                            type="password"
+                            placeholder={editingId ? "•••••••• (Leave blank to keep current)" : "Enter password"}
+                            className="w-full px-5 py-3 bg-gray-50 border border-transparent rounded-xl focus:bg-white focus:border-red-500 transition-all outline-none font-semibold text-gray-900"
+                            value={formData.password}
+                            onChange={e => setFormData({...formData, password: e.target.value})}
+                            required={!editingId}
+                        />
+                    </div>
+                    <div className="space-y-2">
+                        <label className="text-[10px] uppercase font-bold text-gray-400 tracking-widest pl-1">Confirm Password</label>
+                        <input 
+                            type="password"
+                            placeholder="Confirm your password"
+                            className="w-full px-5 py-3 bg-gray-50 border border-transparent rounded-xl focus:bg-white focus:border-red-500 transition-all outline-none font-semibold text-gray-900"
+                            value={formData.password_confirmation}
+                            onChange={e => setFormData({...formData, password_confirmation: e.target.value})}
+                            required={formData.password !== ''}
+                        />
+                    </div>
+                </div>
+
+                <div className="flex items-center gap-4 pt-6">
+                    <button 
+                        disabled={saving}
+                        className="flex-1 flex items-center justify-center gap-2 px-6 py-3.5 bg-red-500 text-white rounded-xl font-bold hover:bg-red-600 transition-all shadow-lg shadow-red-200 disabled:opacity-50"
+                    >
+                        <Save size={18} />
+                        {saving ? 'Saving...' : editingId ? 'Update Account' : 'Create Receptionist'}
+                    </button>
+                    <button 
+                        type="button"
+                        onClick={() => setEditingId('list')}
+                        className="px-6 py-3.5 bg-gray-100 text-gray-500 rounded-xl font-bold hover:bg-gray-200 transition-all"
+                    >
+                        Cancel
+                    </button>
+                </div>
+            </form>
+        </div>
+    );
+}
+
+export default function View({ id }) {
+    const [branch, setBranch] = useState(null);
+    const [activeTab, setActiveTab] = useState('Info');
+    const [selectedDoc, setSelectedDoc] = useState(null);
+
+    useEffect(() => {
+        fetch(`/api/branches/${id}`)
+            .then(res => res.json())
+            .then(data => setBranch(data));
+    }, [id]);
+
+    if (!branch) return <div className="p-8 text-center text-gray-500 font-bold">Loading branch details...</div>;
+
+    return (
+        <>
+            <main className="p-8 max-w-[1600px] mx-auto space-y-8">
+                {/* Navigation & Title */}
+                <div className="flex items-center gap-4">
+                    <button 
+                        onClick={() => window.location.href = '/owner/branches'}
+                        className="w-8 h-8 bg-white border border-gray-100 rounded-full flex items-center justify-center text-gray-400 hover:text-gray-900 shadow-sm transition-all"
+                    >
+                        <ArrowLeft size={16} />
+                    </button>
+                    <h2 className="text-3xl font-bold text-gray-900 tracking-tight">{branch.name}</h2>
+                </div>
+
+                {/* Tabs */}
+                <div className="flex items-center gap-8 border-b border-gray-100 px-4">
+                    {['Info', 'Documents', 'User'].map((tab) => (
+                        <button
+                            key={tab}
+                            onClick={() => setActiveTab(tab)}
+                            className={`py-4 text-xs font-semibold tracking-wide transition-all border-b-2 ${
+                                activeTab === tab 
+                                ? 'border-red-500 text-red-500' 
+                                : 'border-transparent text-gray-400 hover:text-gray-900'
+                            }`}
+                        >
+                            {tab}
+                        </button>
+                    ))}
+                </div>
+
+                {/* Tab Content */}
+                <div className="bg-white rounded-[2rem] border border-gray-100 shadow-sm overflow-hidden p-10">
+                    {activeTab === 'Info' ? (
+                        <div className="space-y-10">
+                            {/* ... existing info content ... */}
+                            <div className="flex items-center justify-between">
+                                <h3 className="text-xl font-bold text-gray-900">Branch Information</h3>
+                                <button className="flex items-center gap-2 px-4 py-2.5 bg-gray-50 text-gray-500 rounded-xl text-xs font-semibold hover:bg-gray-100 transition-all border border-gray-100">
+                                    <Edit3 size={14} />
+                                    <span>Edit Details</span>
+                                </button>
+                            </div>
+
+                            <div className="grid grid-cols-1 md:grid-cols-2 gap-y-8 gap-x-20">
+                                {/* Left Column */}
+                                <div className="space-y-8">
+                                    <div className="flex items-start gap-4">
+                                        <div className="w-10 h-10 bg-gray-50 rounded-xl flex items-center justify-center text-gray-400">
+                                            <MapPin size={18} />
+                                        </div>
+                                        <div>
+                                            <p className="text-[10px] uppercase font-semibold text-gray-400 tracking-widest mb-1 mt-1">Location</p>
+                                            <p className="text-base font-semibold text-gray-900">{branch.location}</p>
+                                        </div>
+                                    </div>
+
+                                    <div className="flex items-start gap-4">
+                                        <div className="w-10 h-10 bg-gray-50 rounded-xl flex items-center justify-center text-gray-400">
+                                            <User size={18} />
+                                        </div>
+                                        <div>
+                                            <p className="text-[10px] uppercase font-semibold text-gray-400 tracking-widest mb-1 mt-1">Manager</p>
+                                            <p className="text-base font-semibold text-gray-900">{branch.manager_name}</p>
+                                        </div>
+                                    </div>
+
+                                </div>
+
+                                {/* Right Column */}
+                                <div className="space-y-8">
+                                    <div className="flex items-start gap-4">
+                                        <div className="w-10 h-10 bg-gray-50 rounded-xl flex items-center justify-center text-gray-400">
+                                            <Calendar size={18} />
+                                        </div>
+                                        <div>
+                                            <p className="text-[10px] uppercase font-semibold text-gray-400 tracking-widest mb-1 mt-1">Operational Start Date</p>
+                                            <p className="text-base font-semibold text-gray-900">{branch.operational_start_date ? new Date(branch.operational_start_date).toLocaleDateString() : 'N/A'}</p>
+                                        </div>
+                                    </div>
+
+                                    <div className="flex items-start gap-4">
+                                        <div className="w-10 h-10 bg-gray-50 rounded-xl flex items-center justify-center text-gray-400">
+                                            <CheckCircle size={18} />
+                                        </div>
+                                        <div>
+                                            <p className="text-[10px] uppercase font-semibold text-gray-400 tracking-widest mb-1 mt-1">Status</p>
+                                            <span className="inline-flex items-center gap-1.5 px-3 py-1 bg-emerald-50 text-emerald-600 text-[10px] font-bold uppercase tracking-wider rounded-full border border-emerald-100">
+                                                <span className="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
+                                                {branch.status}
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    ) : activeTab === 'Documents' ? (
+                        <div className="space-y-8">
+                             <div className="flex items-center justify-between">
+                                <h3 className="text-xl font-bold text-gray-900">Branch Documents</h3>
+                            </div>
+                            
+                            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                                {branch.documents.length > 0 ? branch.documents.map((doc) => (
+                                    <div 
+                                        key={doc.id} 
+                                        onClick={() => setSelectedDoc(doc)}
+                                        className="p-4 border border-gray-100 rounded-2xl flex items-center gap-4 hover:border-red-500/30 transition-all group cursor-pointer"
+                                    >
+                                         <div className="w-12 h-12 bg-gray-50 rounded-xl flex items-center justify-center text-gray-400 group-hover:bg-red-50 group-hover:text-red-500">
+                                            {doc.path.toLowerCase().endsWith('.pdf') ? <FileText size={20} /> : <Box size={20} />}
+                                        </div>
+                                        <div className="flex-1 overflow-hidden">
+                                            <p className="font-semibold text-gray-900 truncate">{doc.name}</p>
+                                            <p className="text-[10px] text-rose-500 font-bold uppercase tracking-wider">Expires: {doc.expiry_date ? new Date(doc.expiry_date).toLocaleDateString() : 'N/A'}</p>
+                                        </div>
+                                        <div className="opacity-0 group-hover:opacity-100 transition-opacity">
+                                            <Eye size={16} className="text-gray-400" />
+                                        </div>
+                                    </div>
+                                )) : (
+                                    <div className="col-span-full py-12 text-center text-gray-400 font-medium bg-gray-50 rounded-2xl border-2 border-dashed border-gray-200">
+                                        No documents uploaded yet.
+                                    </div>
+                                )}
+                            </div>
+                        </div>
+                    ) : (
+                        <div className="space-y-8 animate-in fade-in duration-500">
+                            <div className="flex items-center justify-between">
+                                <div>
+                                    <h3 className="text-xl font-bold text-gray-900">Branch Receptionist</h3>
+                                    <p className="text-xs text-gray-400 font-medium mt-1 uppercase tracking-widest">Manage receptionist login credentials for this branch.</p>
+                                </div>
+                            </div>
+                            
+                            <ReceptionistForm branchId={branch.id} />
+                        </div>
+                    )}
+                </div>
+            </main>
+
+            {/* Document Preview Modal */}
+            {selectedDoc && (
+                <div className="fixed inset-0 z-[60] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+                    <div className="bg-white rounded-[2.5rem] w-full max-w-4xl max-h-[90vh] overflow-hidden flex flex-col shadow-2xl animate-in zoom-in-95 duration-200">
+                        <div className="p-6 flex items-center justify-between border-b border-gray-100">
+                            <div>
+                                <h3 className="text-xl font-bold text-gray-900">{selectedDoc.name}</h3>
+                                <p className="text-xs text-gray-400 font-medium">Document Preview</p>
+                            </div>
+                            <button 
+                                onClick={() => setSelectedDoc(null)}
+                                className="w-10 h-10 flex items-center justify-center rounded-full hover:bg-gray-100 text-gray-400 hover:text-gray-900 transition-all"
+                            >
+                                <X size={20} />
+                            </button>
+                        </div>
+                        <div className="flex-1 p-8 bg-gray-50/50 overflow-auto flex items-center justify-center min-h-[400px]">
+                            {selectedDoc.path.toLowerCase().endsWith('.pdf') ? (
+                                <iframe 
+                                    src={`/storage/${selectedDoc.path}`} 
+                                    className="w-full h-full min-h-[60vh] rounded-2xl border border-gray-100 shadow-sm"
+                                    title={selectedDoc.name}
+                                />
+                            ) : (
+                                <img 
+                                    src={`/storage/${selectedDoc.path}`} 
+                                    alt={selectedDoc.name}
+                                    className="max-w-full max-h-full object-contain rounded-2xl shadow-lg border border-gray-100"
+                                />
+                            )}
+                        </div>
+                        <div className="p-6 border-t border-gray-100 flex justify-end gap-3">
+                            <a 
+                                href={`/storage/${selectedDoc.path}`} 
+                                target="_blank" 
+                                rel="noreferrer"
+                                className="px-6 py-2.5 bg-gray-100 text-gray-600 rounded-xl text-xs font-bold hover:bg-gray-200 transition-all"
+                            >
+                                Open in New Tab
+                            </a>
+                            <button 
+                                onClick={() => setSelectedDoc(null)}
+                                className="px-6 py-2.5 bg-gray-900 text-white rounded-xl text-xs font-bold hover:bg-black transition-all shadow-lg shadow-gray-200"
+                            >
+                                Close Preview
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Collections/AddCollectionModal.jsx b/resources/js/Pages/Owner/Collections/AddCollectionModal.jsx
new file mode 100644
index 0000000..fca64b9
--- /dev/null
+++ b/resources/js/Pages/Owner/Collections/AddCollectionModal.jsx
@@ -0,0 +1,415 @@
+import React, { useState, useEffect } from 'react';
+import { X, Save, Plus, Search, Trash2, Calendar, Building, CreditCard, Tag, ShoppingBag } from 'lucide-react';
+
+export default function AddCollectionModal({ isOpen, onClose, onSave, branches, types }) {
+    const [formData, setFormData] = useState({
+        date: new Date().toISOString().split('T')[0],
+        branch_id: '',
+        collection_type_id: '',
+        payment_method: 'Cash',
+        amount: '',
+        remarks: '',
+        items: []
+    });
+
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const receptionistBranchId = window.__APP_DATA__?.branch?.id;
+
+    const [products, setProducts] = useState([]);
+    const [loadingProducts, setLoadingProducts] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const [showProductSearch, setShowProductSearch] = useState(false);
+    const [paymentMethods, setPaymentMethods] = useState([]);
+    const [loading, setLoading] = useState(false);
+
+    useEffect(() => {
+        if (isReceptionist && receptionistBranchId) {
+            setFormData(prev => ({ ...prev, branch_id: receptionistBranchId }));
+        } else if (branches.length > 0 && !formData.branch_id) {
+            setFormData(prev => ({ ...prev, branch_id: branches[0].id }));
+        }
+    }, [branches, isReceptionist, receptionistBranchId]);
+
+    useEffect(() => {
+        if (isOpen) {
+            fetchPaymentMethods();
+            if (formData.branch_id) {
+                fetchProducts();
+            }
+        }
+    }, [isOpen, formData.branch_id]);
+
+    const fetchPaymentMethods = async () => {
+        try {
+            const res = await fetch('/api/masters/payment_method');
+            if (res.ok) {
+                const data = await res.json();
+                setPaymentMethods(data.filter(m => m.status === 'Active'));
+                // Set default if current is not in active methods or if it's the default 'Cash'
+                if (data.length > 0 && !data.find(m => m.name === formData.payment_method)) {
+                    setFormData(prev => ({ ...prev, payment_method: data[0].name }));
+                }
+            }
+        } catch (error) {
+            console.error('Error fetching payment methods:', error);
+        }
+    };
+
+    const fetchProducts = async () => {
+        setLoadingProducts(true);
+        try {
+            const res = await fetch(`/api/inventory/products?branch_id=${formData.branch_id}`);
+            if (res.ok) {
+                setProducts(await res.json());
+            }
+        } catch (error) {
+            console.error('Error fetching products:', error);
+        } finally {
+            setLoadingProducts(false);
+        }
+    };
+
+    if (!isOpen) return null;
+
+    const selectedType = types.find(t => t.id.toString() === formData.collection_type_id.toString());
+    const isProductSale = selectedType && (
+        selectedType.name.toLowerCase().includes('product sale') || 
+        selectedType.name.toLowerCase().includes('product saled')
+    );
+
+    const addItem = (product) => {
+        if (product.current_stock <= 0) {
+            alert('This product is out of stock in the selected branch.');
+            return;
+        }
+
+        const existing = formData.items.find(i => i.product_id === product.id);
+        let newItems;
+        if (existing) {
+            if (existing.quantity + 1 > product.current_stock) {
+                alert(`Only ${product.current_stock} units available in stock.`);
+                return;
+            }
+            newItems = formData.items.map(i => 
+                i.product_id === product.id ? { ...i, quantity: i.quantity + 1 } : i
+            );
+        } else {
+            newItems = [...formData.items, {
+                product_id: product.id,
+                name: product.name,
+                unit_price: product.selling_price,
+                quantity: 1,
+                max_stock: product.current_stock // Store for easy validation
+            }];
+        }
+        
+        const newAmount = newItems.reduce((sum, i) => sum + (i.quantity * i.unit_price), 0);
+        setFormData({ ...formData, items: newItems, amount: newAmount.toString() });
+        setShowProductSearch(false);
+    };
+
+    const updateItemQty = (productId, delta) => {
+        const item = formData.items.find(i => i.product_id === productId);
+        if (delta > 0 && item.quantity + delta > item.max_stock) {
+            alert(`Only ${item.max_stock} units available in stock.`);
+            return;
+        }
+
+        const newItems = formData.items.map(i => {
+            if (i.product_id === productId) {
+                return { ...i, quantity: Math.max(1, i.quantity + delta) };
+            }
+            return i;
+        });
+        const newAmount = newItems.reduce((sum, i) => sum + (i.quantity * i.unit_price), 0);
+        setFormData({ ...formData, items: newItems, amount: newAmount.toString() });
+    };
+
+    const removeItem = (productId) => {
+        const newItems = formData.items.filter(i => i.product_id !== productId);
+        const newAmount = newItems.reduce((sum, i) => sum + (i.quantity * i.unit_price), 0);
+        setFormData({ ...formData, items: newItems, amount: newAmount.toString() });
+    };
+
+    const handleSubmit = async (e) => {
+        if (e) e.preventDefault();
+        
+        if (isProductSale && formData.items.length === 0) {
+            alert('Please add at least one product for a Product Sale entry.');
+            return;
+        }
+
+        if (!formData.amount || parseFloat(formData.amount) <= 0) {
+            alert('Please enter a valid amount.');
+            return;
+        }
+
+        setLoading(true);
+        try {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+            const res = await fetch('/api/collections', {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify(formData)
+            });
+            if (res.ok) {
+                const newCollection = await res.json();
+                onSave(newCollection);
+                setFormData({
+                    date: new Date().toISOString().split('T')[0],
+                    branch_id: window.__APP_DATA__?.role === 'receptionist' ? window.__APP_DATA__?.branch?.id : (branches[0]?.id || ''),
+                    collection_type_id: '',
+                    payment_method: 'Cash',
+                    amount: '',
+                    remarks: '',
+                    items: []
+                });
+                onClose();
+            }
+        } catch (error) {
+            console.error('Error adding collection:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const filteredProducts = products.filter(p => 
+        p.name.toLowerCase().includes(searchTerm.toLowerCase())
+    );
+
+    return (
+        <div className="fixed inset-0 bg-[#00171F]/40 backdrop-blur-sm z-[999] flex items-center justify-center p-4">
+            <div className="bg-white rounded-[32px] w-full max-w-2xl overflow-hidden shadow-2xl animate-in zoom-in-95 duration-300 flex flex-col max-h-[90vh]">
+                <div className="p-8 border-b border-gray-100 flex items-center justify-between">
+                    <div className="flex items-center gap-4">
+                        <div className="w-12 h-12 bg-red-50 rounded-2xl flex items-center justify-center text-red-600">
+                            <Plus size={24} />
+                        </div>
+                        <div>
+                            <h2 className="text-2xl font-black text-gray-900 tracking-tight">New Collection Entry</h2>
+                            <p className="text-xs text-gray-500 font-bold uppercase tracking-widest mt-0.5">Record incoming revenue.</p>
+                        </div>
+                    </div>
+                    <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-xl transition-colors">
+                        <X size={24} className="text-gray-400" />
+                    </button>
+                </div>
+
+                <form onSubmit={handleSubmit} className="p-8 space-y-6 overflow-y-auto">
+                    <div className="grid grid-cols-2 gap-6">
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Date</label>
+                            <input 
+                                required type="date"
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                value={formData.date}
+                                onChange={e => setFormData({...formData, date: e.target.value})}
+                            />
+                        </div>
+                        
+                        {!isReceptionist ? (
+                            <div>
+                                <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Branch</label>
+                                <select 
+                                    required
+                                    className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900 appearance-none"
+                                    value={formData.branch_id}
+                                    onChange={e => setFormData({...formData, branch_id: e.target.value, items: [], amount: ''})}
+                                >
+                                    <option value="">Select Branch</option>
+                                    {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                                </select>
+                            </div>
+                        ) : (
+                            <div className="opacity-60 cursor-not-allowed">
+                                <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Branch</label>
+                                <div className="w-full px-6 py-4 bg-gray-100 border border-gray-100 rounded-2xl font-bold text-gray-500">
+                                    {window.__APP_DATA__?.branch?.name || 'Assigned Branch'}
+                                </div>
+                            </div>
+                        )}
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Collection Type</label>
+                            <select 
+                                required
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900 appearance-none"
+                                value={formData.collection_type_id}
+                                onChange={e => {
+                                    const typeId = e.target.value;
+                                    const type = types.find(t => t.id.toString() === typeId.toString());
+                                    const isProd = type && (
+                                        type.name.toLowerCase().includes('product sale') || 
+                                        type.name.toLowerCase().includes('product saled')
+                                    );
+                                    setFormData({...formData, collection_type_id: typeId, items: [], amount: ''});
+                                    if (isProd) setShowProductSearch(true);
+                                }}
+                            >
+                                <option value="">Select Type</option>
+                                {types.map(t => <option key={t.id} value={t.id}>{t.name}</option>)}
+                            </select>
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Payment Method</label>
+                            <select 
+                                required
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900 appearance-none"
+                                value={formData.payment_method}
+                                onChange={e => setFormData({...formData, payment_method: e.target.value})}
+                            >
+                                {paymentMethods.map(m => (
+                                    <option key={m.id} value={m.name}>{m.name}</option>
+                                ))}
+                                {paymentMethods.length === 0 && (
+                                    <>
+                                        <option value="Cash">Cash</option>
+                                        <option value="Card">Card</option>
+                                        <option value="Online">Online</option>
+                                    </>
+                                )}
+                            </select>
+                        </div>
+
+                        {isProductSale ? (
+                            <div className="col-span-2 space-y-4">
+                                <div className="p-6 bg-gray-50/50 border border-gray-100 rounded-[24px]">
+                                    <div className="flex items-center justify-between mb-4">
+                                        <div className="flex items-center gap-2">
+                                            <ShoppingBag size={16} className="text-gray-400" />
+                                            <span className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Products</span>
+                                        </div>
+                                        <button 
+                                            type="button"
+                                            onClick={() => setShowProductSearch(true)}
+                                            className="text-[10px] font-black text-red-500 uppercase tracking-widest hover:text-red-600 flex items-center gap-1"
+                                        >
+                                            <Plus size={14} /> Add Product
+                                        </button>
+                                    </div>
+
+                                    <div className="space-y-3">
+                                        {formData.items.map(item => (
+                                            <div key={item.product_id} className="flex items-center justify-between bg-white p-3 rounded-xl border border-gray-50">
+                                                <div className="flex-1">
+                                                    <p className="text-sm font-bold text-gray-900">{item.name}</p>
+                                                    <p className="text-[10px] text-gray-400 font-bold">{item.unit_price} AED x {item.quantity}</p>
+                                                </div>
+                                                <div className="flex items-center gap-4">
+                                                   <div className="flex items-center gap-2 bg-gray-50 rounded-lg p-1">
+                                                       <button type="button" onClick={() => updateItemQty(item.product_id, -1)} className="p-1 hover:bg-white rounded shadow-sm text-gray-400">
+                                                           {item.quantity <= 1 ? <Trash2 size={12} className="text-red-400" /> : <div className="w-3 h-3 flex items-center justify-center font-bold">-</div>}
+                                                       </button>
+                                                       <span className="text-xs font-black w-4 text-center">{item.quantity}</span>
+                                                       <button type="button" onClick={() => updateItemQty(item.product_id, 1)} className="p-1 hover:bg-white rounded shadow-sm text-gray-400">
+                                                            <Plus size={12} />
+                                                       </button>
+                                                   </div>
+                                                   <button type="button" onClick={() => removeItem(item.product_id)} className="text-gray-300 hover:text-red-500"><Trash2 size={16} /></button>
+                                                </div>
+                                            </div>
+                                        ))}
+                                        {formData.items.length === 0 && (
+                                            <p className="text-center py-6 text-xs text-gray-400 font-bold italic">No products added yet.</p>
+                                        )}
+                                    </div>
+                                </div>
+                            </div>
+                        ) : (
+                            <div className="col-span-2 text-red-500">
+                                <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Amount (AED) </label>
+                                <input 
+                                    required type="number" step="0.01"
+                                    className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                    placeholder="0.00"
+                                    value={formData.amount}
+                                    onChange={e => setFormData({...formData, amount: e.target.value})}
+                                />
+                            </div>
+                        )}
+
+                        <div className="col-span-2">
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Remarks</label>
+                            <textarea 
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900 min-h-[100px]"
+                                placeholder="Details about this collection..."
+                                value={formData.remarks}
+                                onChange={e => setFormData({...formData, remarks: e.target.value})}
+                            />
+                        </div>
+                    </div>
+
+                    <div className="pt-6 border-t border-gray-100 flex gap-4">
+                        <button 
+                            type="button" 
+                            onClick={onClose}
+                            className="flex-1 py-4 bg-gray-50 text-gray-400 rounded-2xl font-black text-xs uppercase tracking-widest hover:bg-gray-100 transition-all"
+                        >
+                            Cancel
+                        </button>
+                        <button 
+                            disabled={loading || !formData.amount || parseFloat(formData.amount) <= 0}
+                            type="submit"
+                            className="flex-1 py-4 bg-[#10B981] text-white rounded-2xl font-black text-xs uppercase tracking-widest hover:bg-[#059669] transition-all shadow-lg shadow-emerald-100 disabled:opacity-50"
+                        >
+                            {loading ? 'Saving...' : 'Save Entry'}
+                        </button>
+                    </div>
+                </form>
+
+                {/* Product Search Overlay */}
+                {showProductSearch && (
+                    <div className="absolute inset-0 bg-white/95 backdrop-blur-md z-[1000] p-8 flex flex-col animate-in slide-in-from-bottom-4 duration-300">
+                        <div className="flex items-center justify-between mb-8">
+                            <h3 className="text-xl font-black text-gray-900">Select Product</h3>
+                            <button onClick={() => setShowProductSearch(false)} className="p-2 hover:bg-gray-100 rounded-xl transition-colors text-gray-400">
+                                <X size={24} />
+                            </button>
+                        </div>
+
+                        <div className="relative mb-6">
+                            <Search className="absolute left-6 top-1/2 -translate-y-1/2 text-gray-400" size={20} />
+                            <input 
+                                autoFocus
+                                className="w-full pl-16 pr-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                placeholder="Search products..."
+                                value={searchTerm}
+                                onChange={e => setSearchTerm(e.target.value)}
+                            />
+                        </div>
+
+                        <div className="flex-1 overflow-y-auto space-y-2">
+                            {filteredProducts.map(p => (
+                                <button 
+                                    key={p.id}
+                                    type="button"
+                                    onClick={() => addItem(p)}
+                                    className="w-full p-4 rounded-2xl border border-gray-50 hover:border-red-100 hover:bg-red-50/30 transition-all text-left flex items-center justify-between group"
+                                >
+                                    <div>
+                                        <p className="font-bold text-gray-900">{p.name}</p>
+                                        <p className="text-[10px] text-gray-400 font-bold uppercase tracking-widest">{p.category?.name} • Stock: {p.current_stock}</p>
+                                    </div>
+                                    <div className="text-right">
+                                        <p className="font-black text-red-500">{p.selling_price} AED</p>
+                                        <p className="text-[10px] text-green-500 font-bold group-hover:block hidden">Click to add</p>
+                                    </div>
+                                </button>
+                            ))}
+                            {filteredProducts.length === 0 && (
+                                <div className="text-center py-20 opacity-20">
+                                    <Search size={48} className="mx-auto mb-4" />
+                                    <p className="font-black uppercase tracking-widest">No products found</p>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Collections/Index.jsx b/resources/js/Pages/Owner/Collections/Index.jsx
new file mode 100644
index 0000000..3c371b8
--- /dev/null
+++ b/resources/js/Pages/Owner/Collections/Index.jsx
@@ -0,0 +1,229 @@
+import React, { useState, useEffect } from 'react';
+import DataTable from '../../../Components/DataTable';
+import Toast from '../Components/Toast';
+import { 
+    Search, 
+    Plus, 
+    Eye,
+    Filter,
+    Calendar,
+    Building,
+    CreditCard,
+    ArrowUpRight,
+    X,
+    ChevronRight,
+    SearchIcon,
+    CalendarIcon
+} from 'lucide-react';
+import AddCollectionModal from './AddCollectionModal';
+
+export default function CollectionsIndex() {
+    const [collections, setCollections] = useState([]);
+    const [branches, setBranches] = useState([]);
+    const [collectionTypes, setCollectionTypes] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [toast, setToast] = useState(null);
+    const [searchTerm, setSearchTerm] = useState('');
+
+    // Filter States
+    const [filterFromDate, setFilterFromDate] = useState('');
+    const [filterToDate, setFilterToDate] = useState('');
+    const [filterBranch, setFilterBranch] = useState(window.__APP_DATA__?.branch?.id || '');
+    const [filterMethod, setFilterMethod] = useState('');
+
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+
+    useEffect(() => {
+        fetchMetadata();
+        fetchCollections();
+    }, [filterBranch, filterFromDate, filterToDate, filterMethod]);
+
+    const fetchMetadata = async () => {
+        try {
+            const [bRes, tRes] = await Promise.all([
+                fetch('/api/branches'),
+                fetch('/api/masters/collection')
+            ]);
+            if (bRes.ok) setBranches(await bRes.json());
+            if (tRes.ok) setCollectionTypes(await tRes.json());
+        } catch (error) {
+            console.error('Error fetching metadata:', error);
+        }
+    };
+
+    const fetchCollections = async () => {
+        setLoading(true);
+        try {
+            let url = '/api/collections?';
+            if (filterBranch) url += `branch_id=${filterBranch}&`;
+            if (filterFromDate) url += `start_date=${filterFromDate}&`;
+            if (filterToDate) url += `end_date=${filterToDate}&`;
+            if (filterMethod) url += `payment_method=${filterMethod}&`;
+
+            const response = await fetch(url);
+            const data = await response.json();
+            setCollections(data);
+        } catch (error) {
+            console.error('Error fetching collections:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const columns = [
+        {
+            header: 'DATE',
+            render: (row) => (
+                <span className="text-sm font-bold text-gray-500">{new Date(row.date).toLocaleDateString()}</span>
+            )
+        },
+        { 
+            header: 'BRANCH', 
+            render: (row) => (
+                <span className="text-gray-500 font-bold text-sm tracking-tight">{row.branch?.name}</span>
+            )
+        },
+        { 
+            header: 'ITEMS', 
+            render: (row) => (
+                <div className="flex flex-col">
+                    <span className="font-black text-[#111827] text-sm">
+                        {row.type?.name === 'Product sale' || row.type?.name === 'Product saled' 
+                            ? (row.items && row.items.length > 0 ? row.items[0].product?.name : 'Product Sale') 
+                            : row.type?.name
+                        }
+                    </span>
+                    {row.items && row.items.length > 1 && (
+                        <span className="text-[10px] text-gray-400 font-bold">+{row.items.length - 1} more items</span>
+                    )}
+                </div>
+            )
+        },
+        { 
+            header: 'PAYMENT METHOD', 
+            render: (row) => (
+                <span className="text-gray-500 font-bold text-sm">{row.payment_method}</span>
+            )
+        },
+        { 
+            header: 'AMOUNT', 
+            render: (row) => (
+                <span className="font-black text-[#10B981] text-sm">{parseFloat(row.amount).toFixed(2)} AED</span>
+            )
+        },
+        { 
+            header: 'REMARKS', 
+            render: (row) => (
+                <span className="text-xs text-gray-400 font-medium italic max-w-[250px] truncate block">{row.remarks || '-'}</span>
+            )
+        }
+    ];
+
+    const filteredCollections = collections.filter(c => 
+        (c.remarks?.toLowerCase().includes(searchTerm.toLowerCase()) || 
+         c.type?.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+         c.items?.some(i => i.product?.name.toLowerCase().includes(searchTerm.toLowerCase())))
+    );
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+
+            <main className="px-10 py-8 max-w-[1600px] mx-auto space-y-8">
+                <div className="flex items-center justify-between">
+                    <h1 className="text-[40px] font-black text-[#111827] tracking-tighter">Collections</h1>
+                    
+                    <div className="flex items-center gap-3">
+                        {!isReceptionist && (
+                            <div className="flex items-center bg-white border border-gray-100 rounded-xl px-4 py-2 text-sm font-bold text-gray-500 shadow-sm">
+                               <Building size={16} className="text-gray-300 mr-2" />
+                               <select 
+                                 className="outline-none bg-transparent appearance-none cursor-pointer"
+                                 value={filterBranch}
+                                 onChange={e => setFilterBranch(e.target.value)}
+                               >
+                                   <option value="">All Branche</option>
+                                   {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                               </select>
+                            </div>
+                        )}
+
+                        <div className="flex items-center bg-white border border-gray-100 rounded-xl px-4 py-2 text-sm font-bold text-gray-500 shadow-sm">
+                           <CreditCard size={16} className="text-gray-300 mr-2" />
+                           <select 
+                             className="outline-none bg-transparent appearance-none cursor-pointer"
+                             value={filterMethod}
+                             onChange={e => setFilterMethod(e.target.value)}
+                           >
+                               <option value="">All Methods</option>
+                               <option value="Cash">Cash</option>
+                               <option value="Card">Card</option>
+                               <option value="Online">Online</option>
+                           </select>
+                        </div>
+
+                        <div className="flex items-center gap-2 bg-white border border-gray-100 rounded-xl px-4 py-2 text-sm font-bold text-gray-500 shadow-sm">
+                            <input 
+                                type="date" 
+                                className="outline-none bg-transparent text-xs"
+                                value={filterFromDate}
+                                onChange={e => setFilterFromDate(e.target.value)}
+                            />
+                            <span className="text-gray-300">-</span>
+                            <input 
+                                type="date" 
+                                className="outline-none bg-transparent text-xs"
+                                value={filterToDate}
+                                onChange={e => setFilterToDate(e.target.value)}
+                            />
+                        </div>
+
+                        <div className="relative">
+                            <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-300" size={18} />
+                            <input 
+                                className="pl-12 pr-6 py-2.5 bg-white border border-gray-100 rounded-xl outline-none focus:ring-2 focus:ring-red-500/5 focus:border-red-500 transition-all font-bold text-sm text-gray-900 shadow-sm w-[300px]"
+                                placeholder="Search items, remark"
+                                value={searchTerm}
+                                onChange={e => setSearchTerm(e.target.value)}
+                            />
+                        </div>
+
+                        <button 
+                            onClick={() => setIsModalOpen(true)}
+                            className="flex items-center gap-2 px-6 py-2.5 bg-[#FF4D4D] text-white rounded-xl font-black text-sm hover:bg-[#E60000] transition-all shadow-lg shadow-red-100"
+                        >
+                            <Plus size={20} />
+                            <span>Add Collection</span>
+                        </button>
+                    </div>
+                </div>
+
+                <div className="bg-white rounded-[32px] border border-gray-100 shadow-sm overflow-hidden animate-in fade-in slide-in-from-bottom-4 duration-700">
+                    <DataTable 
+                        columns={columns}
+                        data={filteredCollections}
+                        loading={loading}
+                        actions={(row) => (
+                             <button className="p-2 hover:bg-gray-50 rounded-lg text-blue-500 transition-all">
+                                 <Eye size={18} />
+                             </button>
+                        )}
+                        emptyMessage="No collection entries found."
+                    />
+                </div>
+            </main>
+
+            <AddCollectionModal 
+                isOpen={isModalOpen}
+                onClose={() => setIsModalOpen(false)}
+                onSave={(newCol) => {
+                    setCollections([newCol, ...collections]);
+                    setToast({ message: 'Collection recorded successfully!', type: 'success' });
+                }}
+                branches={branches}
+                types={collectionTypes}
+            />
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Components/DeleteConfirmationModal.jsx b/resources/js/Pages/Owner/Components/DeleteConfirmationModal.jsx
new file mode 100644
index 0000000..3656d8e
--- /dev/null
+++ b/resources/js/Pages/Owner/Components/DeleteConfirmationModal.jsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import { X, AlertTriangle, Loader2 } from 'lucide-react';
+
+export default function DeleteConfirmationModal({ isOpen, onClose, onConfirm, title, message, isDeleting }) {
+    if (!isOpen) return null;
+
+    return (
+        <div className="fixed inset-0 z-[10001] flex items-center justify-center p-4 bg-black/40 backdrop-blur-sm animate-in fade-in duration-200">
+            <div className="bg-white rounded-[32px] w-full max-w-sm shadow-2xl overflow-hidden animate-in zoom-in-95 duration-200">
+                <div className="p-8 flex flex-col items-center text-center">
+                    <div className="w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center text-red-500 mb-6">
+                        <AlertTriangle size={32} />
+                    </div>
+                    
+                    <h3 className="text-xl font-black text-gray-900 mb-2">
+                        {title || 'Are you sure?'}
+                    </h3>
+                    
+                    <p className="text-gray-500 text-sm font-medium leading-relaxed mb-8">
+                        {message || 'This action cannot be undone. All data associated with this item will be permanently removed.'}
+                    </p>
+
+                    <div className="flex gap-3 w-full">
+                        <button
+                            onClick={onClose}
+                            disabled={isDeleting}
+                            className="flex-1 py-4 border border-gray-100 rounded-2xl font-bold text-gray-500 hover:bg-gray-50 transition-all text-sm disabled:opacity-50"
+                        >
+                            Cancel
+                        </button>
+                        <button
+                            onClick={onConfirm}
+                            disabled={isDeleting}
+                            className="flex-1 py-4 bg-red-500 text-white rounded-2xl font-bold hover:bg-red-600 transition-all disabled:opacity-50 flex items-center justify-center gap-2 text-sm shadow-lg shadow-red-100"
+                        >
+                            {isDeleting ? <Loader2 className="animate-spin" size={18} /> : 'Delete Now'}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Components/Header.jsx b/resources/js/Pages/Owner/Components/Header.jsx
new file mode 100644
index 0000000..e2233d5
--- /dev/null
+++ b/resources/js/Pages/Owner/Components/Header.jsx
@@ -0,0 +1,128 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { Search, Bell, ChevronDown, LogOut, User, Settings, Shield } from 'lucide-react';
+
+export default function Header({ profile }) {
+    const [isProfileOpen, setIsProfileOpen] = useState(false);
+    const dropdownRef = useRef(null);
+
+    // Close dropdown on click outside
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsProfileOpen(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+
+    const handleLogout = async () => {
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        try {
+            const response = await fetch('/logout', {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': csrfToken
+                }
+            });
+            if (response.ok || response.status === 419) {
+                window.location.href = '/';
+            }
+        } catch (error) {
+            console.error('Logout failed:', error);
+            // Fallback for SPA
+            window.location.href = '/';
+        }
+    };
+
+    return (
+        <header className="h-16 bg-white border-b border-gray-100 flex items-center justify-between px-8 sticky top-0 z-50">
+            {/* Logo */}
+            <div className="flex items-center gap-2">
+                <div className="bg-red-500 p-1.5 rounded-lg">
+                    <svg className="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 2v2m0 16v2m-8-8h2m12 0h2M5.6 5.6l1.4 1.4m10 10l1.4 1.4M5.6 18.4l1.4-1.4m10-10l1.4-1.4M12 6a6 6 0 100 12 6 6 0 000-12z" />
+                    </svg>
+                </div>
+                <h1 className="text-xl font-extrabold tracking-tight text-gray-900 leading-none">GymPro</h1>
+            </div>
+
+            {/* Search Bar */}
+            <div className="flex-1 max-w-2xl px-8">
+                <div className="relative group">
+                    <div className="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none text-gray-400 group-focus-within:text-red-500 transition-colors">
+                        <Search size={18} />
+                    </div>
+                    <input
+                        type="text"
+                        placeholder="Search members, plans..."
+                        className="block w-full pl-11 pr-4 py-2.5 bg-gray-50 border border-transparent rounded-xl focus:bg-white focus:border-red-500/30 focus:ring-4 focus:ring-red-500/5 transition-all outline-none text-sm"
+                    />
+                </div>
+            </div>
+
+            {/* User Actions */}
+            <div className="flex items-center gap-6">
+                <button className="relative p-2 text-gray-400 hover:text-gray-900 hover:bg-gray-100 rounded-full transition-all text-xs font-bold uppercase tracking-widest">
+                    <Bell size={22} />
+                    <span className="absolute top-2 right-2 w-2.5 h-2.5 bg-red-500 border-2 border-white rounded-full"></span>
+                </button>
+
+                <div className="relative" ref={dropdownRef}>
+                    <div 
+                        onClick={() => setIsProfileOpen(!isProfileOpen)}
+                        className="flex items-center gap-3 pl-6 border-l border-gray-100 cursor-pointer group select-none"
+                    >
+                        <div className="flex flex-col items-end">
+                            <span className="text-sm font-bold text-gray-900">{profile?.user?.name || 'Loading...'}</span>
+                            <span className="text-[10px] text-gray-400 font-bold uppercase tracking-wider">{profile?.role ? profile.role.charAt(0).toUpperCase() + profile.role.slice(1) : 'User'}</span>
+                        </div>
+                        <div className="w-10 h-10 bg-gray-100 rounded-xl overflow-hidden border-2 border-transparent group-hover:border-red-500/20 transition-all flex items-center justify-center relative">
+                            <div className="w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center text-white text-xs font-bold">
+                                {profile?.user?.name?.split(' ').map(n => n[0]).join('').toUpperCase() || 'U'}
+                            </div>
+                        </div>
+                        <ChevronDown size={14} className={`text-gray-400 transition-transform duration-200 ${isProfileOpen ? 'rotate-180' : ''}`} />
+                    </div>
+
+                    {/* Profile Dropdown */}
+                    {isProfileOpen && (
+                        <div className="absolute right-0 mt-4 w-64 bg-white rounded-[2rem] shadow-2xl border border-gray-50 overflow-hidden animate-in fade-in slide-in-from-top-4 duration-200 py-3 z-50">
+                            <div className="px-6 py-4 border-b border-gray-50 mb-2">
+                                <p className="text-xs font-black text-gray-400 uppercase tracking-widest">Active Account</p>
+                                <p className="text-sm font-bold text-gray-900 mt-1">{profile?.user?.email || '...'}</p>
+                            </div>
+                            
+                            <div className="px-2 space-y-1 text-xs font-bold">
+                                <button className="w-full flex items-center gap-3 px-4 py-3 text-gray-500 hover:text-gray-900 hover:bg-gray-50 rounded-2xl transition-all group">
+                                    <div className="w-8 h-8 rounded-xl bg-gray-50 flex items-center justify-center group-hover:bg-white border border-transparent group-hover:border-gray-100 transition-all">
+                                        <User size={16} />
+                                    </div>
+                                    <span>Profile Settings</span>
+                                </button>
+                                <button className="w-full flex items-center gap-3 px-4 py-3 text-gray-500 hover:text-gray-900 hover:bg-gray-50 rounded-2xl transition-all group text-xs font-bold">
+                                    <div className="w-8 h-8 rounded-xl bg-gray-50 flex items-center justify-center group-hover:bg-white border border-transparent group-hover:border-gray-100 transition-all">
+                                        <Shield size={16} />
+                                    </div>
+                                    <span>Security & Privacy</span>
+                                </button>
+                                
+                                <div className="h-px bg-gray-50 mx-4 my-2" />
+                                
+                                <button 
+                                    onClick={handleLogout}
+                                    className="w-full flex items-center gap-3 px-4 py-3 text-red-500 hover:bg-red-50 rounded-2xl transition-all group"
+                                >
+                                    <div className="w-8 h-8 rounded-xl bg-red-50 flex items-center justify-center group-hover:bg-red-100 transition-all">
+                                        <LogOut size={16} />
+                                    </div>
+                                    <span>Sign Out</span>
+                                </button>
+                            </div>
+                        </div>
+                    )}
+                </div>
+            </div>
+        </header>
+    );
+}
diff --git a/resources/js/Pages/Owner/Components/Layout.jsx b/resources/js/Pages/Owner/Components/Layout.jsx
new file mode 100644
index 0000000..c0a9376
--- /dev/null
+++ b/resources/js/Pages/Owner/Components/Layout.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import Header from './Header';
+import SubHeader from './SubHeader';
+
+export default function Layout({ children, user, role }) {
+    return (
+        <div className="min-h-screen bg-[#FDFDFD] font-sans flex flex-col">
+            <Header profile={user} />
+            <SubHeader role={role} />
+            <main className="flex-1 overflow-x-hidden">
+                {children}
+            </main>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Components/ProfitTable.jsx b/resources/js/Pages/Owner/Components/ProfitTable.jsx
new file mode 100644
index 0000000..d0758c3
--- /dev/null
+++ b/resources/js/Pages/Owner/Components/ProfitTable.jsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import { MoreVertical } from 'lucide-react';
+
+const tableData = [
+    { month: 'Jan', income: '0.00 AED', expense: '0.00 AED', profit: '0.00 AED', status: 'Profit' },
+    { month: 'Feb', income: '0.00 AED', expense: '0.00 AED', profit: '0.00 AED', status: 'Profit' },
+    { month: 'Mar', income: '0.00 AED', expense: '0.00 AED', profit: '0.00 AED', status: 'Profit' },
+    { month: 'Apr', income: '0.00 AED', expense: '0.00 AED', profit: '0.00 AED', status: 'Profit' },
+];
+
+export default function ProfitTable() {
+    return (
+        <div className="bg-white rounded-[2rem] p-8 border border-gray-100 shadow-sm">
+            <div className="flex items-center justify-between mb-8">
+                <h3 className="text-xl font-bold text-gray-900">Profit & Loss Trend (Monthly)</h3>
+                <button className="text-gray-400 hover:text-gray-900 transition-colors">
+                    <MoreVertical size={20} />
+                </button>
+            </div>
+
+            <div className="overflow-x-auto">
+                <table className="w-full">
+                    <thead>
+                        <tr className="text-left border-b border-gray-50">
+                            <th className="pb-4 text-[10px] uppercase font-bold text-gray-400 tracking-wider">Month</th>
+                            <th className="pb-4 text-[10px] uppercase font-bold text-gray-400 tracking-wider">Income</th>
+                            <th className="pb-4 text-[10px] uppercase font-bold text-gray-400 tracking-wider">Expense</th>
+                            <th className="pb-4 text-[10px] uppercase font-bold text-gray-400 tracking-wider">Profit</th>
+                            <th className="pb-4 text-[10px] uppercase font-bold text-gray-400 tracking-wider">Status</th>
+                        </tr>
+                    </thead>
+                    <tbody className="divide-y divide-gray-50">
+                        {tableData.map((row, index) => (
+                            <tr key={index} className="group hover:bg-gray-50/50 transition-all">
+                                <td className="py-4 text-sm font-medium text-gray-500">{row.month}</td>
+                                <td className="py-4 text-sm font-bold text-emerald-500">{row.income}</td>
+                                <td className="py-4 text-sm font-bold text-rose-500">{row.expense}</td>
+                                <td className="py-4 text-sm font-bold text-blue-500">{row.profit}</td>
+                                <td className="py-4">
+                                    <span className="px-3 py-1 bg-emerald-50 text-emerald-600 text-[10px] font-bold uppercase tracking-wider rounded-lg border border-emerald-100">
+                                        {row.status}
+                                    </span>
+                                </td>
+                            </tr>
+                        ))}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Components/StatCard.jsx b/resources/js/Pages/Owner/Components/StatCard.jsx
new file mode 100644
index 0000000..cf81415
--- /dev/null
+++ b/resources/js/Pages/Owner/Components/StatCard.jsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { ArrowDown } from 'lucide-react';
+
+export default function StatCard({ title, subtitle, value, color, icon: Icon }) {
+    const colorClasses = {
+        green: 'from-emerald-400 to-emerald-500',
+        red: 'from-rose-400 to-rose-500',
+        blue: 'from-blue-400 to-blue-500',
+    };
+
+    return (
+        <div className={`relative overflow-hidden rounded-[2rem] p-8 text-white bg-gradient-to-br shadow-xl shadow-${color}-100 ${colorClasses[color]}`}>
+            <div className="relative z-10">
+                <div className="bg-white/20 w-10 h-10 rounded-xl flex items-center justify-center mb-6">
+                    <Icon size={20} />
+                </div>
+                <div className="space-y-1">
+                    <h3 className="text-4xl font-bold tracking-tight">{value}</h3>
+                    <p className="text-white/80 font-medium text-sm">{title}</p>
+                    <p className="text-white/50 text-xs font-medium uppercase tracking-wider">{subtitle}</p>
+                </div>
+            </div>
+
+            {/* Icon Overlay Design */}
+            <div className="absolute -right-4 -top-4 bg-white/10 w-32 h-32 rounded-full flex items-center justify-center -rotate-12">
+                <div className="bg-white/20 w-10 h-10 rounded-full flex items-center justify-center">
+                    <ArrowDown size={20} className="text-white" />
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Components/SubHeader.jsx b/resources/js/Pages/Owner/Components/SubHeader.jsx
new file mode 100644
index 0000000..5187336
--- /dev/null
+++ b/resources/js/Pages/Owner/Components/SubHeader.jsx
@@ -0,0 +1,57 @@
+import React, { useState, useEffect } from 'react';
+import { LayoutDashboard, MapPin, Users, TrendingUp, DollarSign, Wallet, Box, Grid, Receipt, BarChart2 } from 'lucide-react';
+
+const navItems = [
+    { icon: LayoutDashboard, label: 'Dashboard', path: '/owner/dashboard' },
+    { icon: MapPin, label: 'Branches', path: '/owner/branches' },
+    { icon: Users, label: 'Staff', path: '/owner/staff' },
+    { icon: TrendingUp, label: 'Investors', path: '/owner/investors' },
+    { icon: DollarSign, label: 'Collections', path: '/owner/collections' }, // Changed label and added path
+    { icon: Box, label: 'Inventory', path: '/owner/inventory' }, // Added path
+    { icon: Grid, label: 'Masters', path: '/owner/masters' }, // Updated icon and label
+    { icon: Wallet, label: 'Accounts', path: '/owner/accounts' }, // Moved and updated
+    {icon: Receipt, label: 'Expenses', path: '/owner/expenses' }, // New item
+    { icon: DollarSign, label: 'POS / Billing', path: '/owner/pos' }, // Added POS
+    { icon: BarChart2, label: 'Reports', path: '/owner/reports' }, // Added path
+];
+ 
+const receptionistNavItems = [
+    { icon: LayoutDashboard, label: 'Dashboard', path: '/receptionist/dashboard' },
+    { icon: DollarSign, label: 'POS / Billing', path: '/receptionist/pos' },
+    { icon: Wallet, label: 'Collections', path: '/receptionist/collections' },
+    { icon: Receipt, label: 'Expenses', path: '/receptionist/expenses' },
+    { icon: Box, label: 'Inventory', path: '/receptionist/inventory' },
+    { icon: Users, label: 'Staff Info', path: '/receptionist/staff' },
+    { icon: BarChart2, label: 'Reports', path: '/receptionist/reports' },
+];
+
+export default function SubHeader({ role: propRole }) {
+    const currentPath = window.location.pathname;
+    const role = propRole?.toLowerCase();
+ 
+    if (!role) return null;
+
+    const items = role === 'receptionist' ? receptionistNavItems : (role === 'owner' ? navItems : []);
+
+    return (
+        <div className="bg-white px-8 border-b border-gray-100 flex items-center gap-8 overflow-x-auto no-scrollbar">
+            {items.map((item, index) => {
+                const isActive = item.path && (currentPath === item.path || currentPath.startsWith(`${item.path}/`));
+                return (
+                    <button
+                        key={index}
+                        onClick={() => item.path && (window.location.href = item.path)}
+                        className={`flex items-center gap-2 py-4 border-b-2 transition-all whitespace-nowrap ${
+                            isActive
+                                ? 'border-red-500 text-red-500 font-semibold'
+                                : 'border-transparent text-gray-500 hover:text-gray-900 font-medium'
+                        }`}
+                    >
+                    <item.icon size={18} />
+                    <span className="text-sm">{item.label}</span>
+                </button>
+                );
+            })}
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Components/Toast.jsx b/resources/js/Pages/Owner/Components/Toast.jsx
new file mode 100644
index 0000000..e679b13
--- /dev/null
+++ b/resources/js/Pages/Owner/Components/Toast.jsx
@@ -0,0 +1,37 @@
+import React, { useEffect } from 'react';
+import { X, CheckCircle, AlertCircle, Info } from 'lucide-react';
+
+export default function Toast({ message, type = 'success', onClose }) {
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      onClose();
+    }, 5000);
+    return () => clearTimeout(timer);
+  }, [onClose]);
+
+  const icons = {
+    success: <CheckCircle className="text-emerald-500" size={20} />,
+    error: <AlertCircle className="text-red-500" size={20} />,
+    info: <Info className="text-blue-500" size={20} />
+  };
+
+  const bgColors = {
+    success: 'bg-emerald-50 border-emerald-100',
+    error: 'bg-red-50 border-red-100',
+    info: 'bg-blue-50 border-blue-100'
+  };
+
+  return (
+    <div className={`fixed top-6 right-6 z-[9999] flex items-center gap-3 px-4 py-3 rounded-2xl border shadow-xl animate-in slide-in-from-right-8 duration-300 ${bgColors[type] || bgColors.success}`}>
+      <div className="flex-shrink-0">
+        {icons[type] || icons.success}
+      </div>
+      <div className="flex-1">
+        <p className="text-sm font-bold text-gray-900 whitespace-pre-wrap">{message}</p>
+      </div>
+      <button onClick={onClose} className="p-1 hover:bg-black/5 rounded-full transition-colors text-gray-400">
+        <X size={16} />
+      </button>
+    </div>
+  );
+}
diff --git a/resources/js/Pages/Owner/Dashboard.jsx b/resources/js/Pages/Owner/Dashboard.jsx
new file mode 100644
index 0000000..dd4b6e1
--- /dev/null
+++ b/resources/js/Pages/Owner/Dashboard.jsx
@@ -0,0 +1,102 @@
+import React, { useState, useEffect } from 'react';
+import StatCard from './Components/StatCard';
+import ProfitTable from './Components/ProfitTable';
+import { DollarSign, TrendingDown, TrendingUp, Calendar, ChevronDown } from 'lucide-react';
+
+export default function Dashboard() {
+    const [stats, setStats] = useState({
+        total_income: 0,
+        total_expense: 0,
+        net_profit: 0
+    });
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        fetch('/api/reports/profit')
+            .then(res => res.json())
+            .then(data => {
+                setStats({
+                    total_income: data.total_income,
+                    total_expense: data.total_expense,
+                    net_profit: data.net_profit
+                });
+                setLoading(false);
+            })
+            .catch(err => {
+                console.error("Error fetching dashboard stats:", err);
+                setLoading(false);
+            });
+    }, []);
+
+    const formatCurrency = (val) => {
+        if (val === undefined || val === null || isNaN(val)) return 'AED 0.00';
+        return new Intl.NumberFormat('en-AE', { style: 'currency', currency: 'AED' }).format(val);
+    };
+
+    return (
+        <>
+            <main className="p-8 max-w-[1600px] mx-auto space-y-8">
+                {/* Dashboard Title & Filters */}
+                <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">
+                    <h2 className="text-4xl font-extrabold text-gray-900 tracking-tight">Owner Dashboard</h2>
+                    
+                    <div className="flex items-center gap-3">
+                        {/* Branch Selector */}
+                        <div className="relative group">
+                            <select className="appearance-none pl-4 pr-10 py-2.5 bg-white border border-gray-200 rounded-xl text-sm font-bold text-gray-600 focus:border-red-500/30 focus:ring-4 focus:ring-red-500/5 transition-all outline-none">
+                                <option>All Branches</option>
+                                <option>Downtown Gym</option>
+                                <option>Uptown Fitness</option>
+                            </select>
+                            <ChevronDown size={14} className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 group-focus-within:text-red-500 transition-all" />
+                        </div>
+
+                        {/* Date Range */}
+                        <div className="flex items-center bg-white border border-gray-200 rounded-xl p-1 gap-1">
+                            <div className="flex items-center gap-2 px-3 py-1.5 text-xs font-bold text-gray-500 border-r border-gray-100">
+                                <span className="text-gray-400 font-medium">From</span>
+                                <span>31 - 01 - 2026</span>
+                                <Calendar size={14} className="text-gray-400" />
+                            </div>
+                            <div className="flex items-center gap-2 px-3 py-1.5 text-xs font-bold text-gray-500">
+                                <span className="text-gray-400 font-medium">To</span>
+                                <span>02 - 03 - 2026</span>
+                                <Calendar size={14} className="text-gray-400" />
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Stat Cards Grid */}
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <StatCard 
+                        title={loading ? "Loading..." : formatCurrency(stats.total_income)} 
+                        subtitle="Total Income" 
+                        value={loading ? "..." : formatCurrency(stats.total_income)} 
+                        color="green" 
+                        icon={DollarSign} 
+                    />
+                    <StatCard 
+                        title={loading ? "Loading..." : formatCurrency(stats.total_expense)} 
+                        subtitle="Total Expenses" 
+                        value={loading ? "..." : formatCurrency(stats.total_expense)} 
+                        color="red" 
+                        icon={TrendingDown} 
+                    />
+                    <StatCard 
+                        title={loading ? "Loading..." : formatCurrency(stats.net_profit)} 
+                        subtitle="Net Profit" 
+                        value={loading ? "..." : formatCurrency(stats.net_profit)} 
+                        color="blue" 
+                        icon={TrendingUp} 
+                    />
+                </div>
+
+                {/* Main Content Area */}
+                <div className="grid grid-cols-1 gap-8">
+                    <ProfitTable />
+                </div>
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Expenses/List.jsx b/resources/js/Pages/Owner/Expenses/List.jsx
new file mode 100644
index 0000000..23d0100
--- /dev/null
+++ b/resources/js/Pages/Owner/Expenses/List.jsx
@@ -0,0 +1,1046 @@
+import React, { useState, useEffect } from 'react';
+import DataTable from '../../../Components/DataTable';
+import Toast from '../Components/Toast';
+import { 
+    Search, 
+    Plus, 
+    Trash2, 
+    Edit2, 
+    TrendingUp, 
+    Eye,
+    Filter,
+    Calendar,
+    Building,
+    Tag,
+    Wallet,
+    CreditCard,
+    ArrowUpRight,
+    X
+} from 'lucide-react';
+
+export default function ExpenseList() {
+    const [expenses, setExpenses] = useState([]);
+    const [categories, setCategories] = useState([]);
+    const [branches, setBranches] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [activeTab, setActiveTab] = useState('General Expenses');
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [toast, setToast] = useState(null);
+    const [newExpense, setNewExpense] = useState({
+        date: new Date().toISOString().split('T')[0],
+        branch_id: window.__APP_DATA__?.branch?.id || '',
+        expense_category_id: '',
+        expense_type: 'Account',
+        amount: '',
+        remarks: ''
+    });
+
+    // Filter States
+    const [filterFromDate, setFilterFromDate] = useState('');
+    const [filterToDate, setFilterToDate] = useState('');
+    const [filterBranch, setFilterBranch] = useState(window.__APP_DATA__?.branch?.id || '');
+
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const receptionistBranchId = window.__APP_DATA__?.branch?.id;
+
+    // Pending Salaries States
+    const [pendingSalaries, setPendingSalaries] = useState([]);
+    const [loadingPending, setLoadingPending] = useState(false);
+    const [isBulkModalOpen, setIsBulkModalOpen] = useState(false);
+    const [bulkData, setBulkData] = useState({
+        remarks: '',
+        selectedMonths: {} // { staffId: [monthKeys] }
+    });
+    const [releasing, setReleasing] = useState(false);
+    const [salaryHistory, setSalaryHistory] = useState([]);
+    const [loadingSalaryHistory, setLoadingSalaryHistory] = useState(false);
+    const [selectedBatch, setSelectedBatch] = useState(null);
+    const [isBatchModalOpen, setIsBatchModalOpen] = useState(false);
+    
+    // Detailed Braekage states
+    const [selectedStaffForBreakdown, setSelectedStaffForBreakdown] = useState(null);
+    const [isBreakdownModalOpen, setIsBreakdownModalOpen] = useState(false);
+
+    // Pending ROI States
+    const [pendingROIs, setPendingROIs] = useState([]);
+    const [loadingROIs, setLoadingROIs] = useState(false);
+
+    useEffect(() => {
+        fetchExpenses();
+        fetchMetadata();
+        fetchPendingSalaries();
+        fetchPendingROIs();
+    }, []);
+
+    useEffect(() => {
+        if (activeTab === 'Pending Salaries') {
+            fetchPendingSalaries();
+        } else if (activeTab === 'Salary Release History') {
+            fetchSalaryHistory();
+        } else if (activeTab === 'Pending ROIs') {
+            fetchPendingROIs();
+        }
+    }, [activeTab, filterBranch, filterFromDate, filterToDate]);
+
+    const fetchMetadata = async () => {
+        try {
+            const [catRes, branchRes] = await Promise.all([
+                fetch('/api/expense-categories'),
+                fetch('/api/expense-branches')
+            ]);
+            const categories = await catRes.json();
+            const branches = await branchRes.json();
+            setCategories(categories);
+            setBranches(branches);
+        } catch (error) {
+            console.error('Error fetching metadata:', error);
+        }
+    };
+
+    const fetchExpenses = async () => {
+        setLoading(true);
+        try {
+            const response = await fetch('/api/expenses');
+            const data = await response.json();
+            setExpenses(data);
+        } catch (error) {
+            console.error('Error fetching expenses:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchPendingSalaries = async () => {
+        setLoadingPending(true);
+        try {
+            const url = filterBranch ? `/api/staff/pending-salaries?branch_id=${filterBranch}` : '/api/staff/pending-salaries';
+            const response = await fetch(url);
+            const data = await response.json();
+            setPendingSalaries(data);
+        } catch (error) {
+            console.error('Error fetching pending salaries:', error);
+        } finally {
+            setLoadingPending(false);
+        }
+    };
+
+    const fetchSalaryHistory = async () => {
+        setLoadingSalaryHistory(true);
+        try {
+            const response = await fetch('/api/expenses/salary-history'); 
+            const data = await response.json();
+            setSalaryHistory(data);
+        } catch (error) {
+            console.error('Error fetching salary history:', error);
+        } finally {
+            setLoadingSalaryHistory(false);
+        }
+    };
+
+    const fetchPendingROIs = async () => {
+        setLoadingROIs(true);
+        try {
+            const url = filterBranch ? `/api/investors/pending-roi?branch_id=${filterBranch}` : '/api/investors/pending-roi';
+            const response = await fetch(url);
+            const data = await response.json();
+            setPendingROIs(data);
+        } catch (error) {
+            console.error('Error fetching pending ROIs:', error);
+        } finally {
+            setLoadingROIs(false);
+        }
+    };
+
+    const handleBulkRelease = async () => {
+        setReleasing(true);
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        
+        // Flatten selections
+        const settlements = [];
+        Object.entries(bulkData.selectedMonths).forEach(([staffId, months]) => {
+            months.forEach(monthKey => {
+                settlements.push({ staff_id: staffId, month_key: monthKey });
+            });
+        });
+
+        if (settlements.length === 0) {
+            setToast({ message: 'Please select at least one month to release.', type: 'error' });
+            setReleasing(false);
+            return;
+        }
+
+        try {
+            const response = await fetch('/api/staff/bulk-settle', {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({
+                    settlements,
+                    remarks: bulkData.remarks
+                })
+            });
+
+            if (response.ok) {
+                setToast({ message: 'Salaries released successfully!', type: 'success' });
+                setIsBulkModalOpen(false);
+                fetchPendingSalaries();
+                fetchExpenses();
+            } else {
+                setToast({ message: 'Some settlements failed.', type: 'error' });
+            }
+        } catch (error) {
+            setToast({ message: 'Connection error.', type: 'error' });
+        } finally {
+            setReleasing(false);
+        }
+    };
+    const handleAddExpense = async (e) => {
+        e.preventDefault();
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        try {
+            const response = await fetch('/api/expenses', {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify(newExpense)
+            });
+
+            if (response.ok) {
+                setToast({ message: 'Expense recorded and ledgered!', type: 'success' });
+                setIsModalOpen(false);
+                fetchExpenses();
+                setNewExpense({
+                    date: new Date().toISOString().split('T')[0],
+                    branch_id: window.__APP_DATA__?.branch?.id || '',
+                    expense_category_id: '',
+                    expense_type: 'Account',
+                    amount: '',
+                    remarks: ''
+                });
+            } else {
+                setToast({ message: 'Error adding expense.', type: 'error' });
+            }
+        } catch (error) {
+            setToast({ message: 'Connection error.', type: 'error' });
+        }
+    };
+
+    const columns = [
+        {
+            header: 'Date',
+            render: (row) => (
+                <div className="flex items-center gap-3">
+                    <div className="w-10 h-10 rounded-full bg-emerald-500/10 flex items-center justify-center text-emerald-600 font-bold border border-emerald-100/50 shadow-sm">
+                        <Calendar size={16} />
+                    </div>
+                    <span className="text-sm font-bold text-[#111827]">{new Date(row.date).toLocaleDateString()}</span>
+                </div>
+            )
+        },
+        { 
+            header: 'Branch', 
+            render: (row) => (
+                <div className="flex items-center gap-2">
+                    <Building size={14} className="text-gray-400" />
+                    <span className="text-gray-600 font-bold text-xs">{row.branch?.name}</span>
+                </div>
+            )
+        },
+        { 
+            header: 'Category', 
+            render: (row) => (
+                <div className="flex items-center gap-2">
+                    <Tag size={14} className="text-emerald-500" />
+                    <span className="px-3 py-1 bg-gray-50 text-gray-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-gray-100">{row.category?.name}</span>
+                </div>
+            )
+        },
+        { 
+            header: 'Type', 
+            render: (row) => (
+                <span className={`px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-widest ${
+                    row.expense_type === 'Account' ? 'bg-blue-50 text-blue-600 border border-blue-100' : 'bg-amber-50 text-amber-600 border border-amber-100'
+                }`}>
+                    {row.expense_type}
+                </span>
+            )
+        },
+        { 
+            header: 'Amount', 
+            render: (row) => <span className="font-black text-red-600">{parseFloat(row.amount || 0).toLocaleString()} AED</span> 
+        },
+        { 
+            header: 'Remarks', 
+            render: (row) => <span className="text-xs text-gray-500 font-medium italic">{row.remarks || '-'}</span> 
+        }
+    ];
+
+    // Filter Logic
+    const filteredExpenses = expenses.filter(expense => {
+        const expenseDate = new Date(expense.date);
+        const from = filterFromDate ? new Date(filterFromDate) : null;
+        const to = filterToDate ? new Date(filterToDate) : null;
+        
+        const dateMatch = (!from || expenseDate >= from) && (!to || expenseDate <= to);
+        const branchMatch = !filterBranch || expense.branch_id?.toString() === filterBranch.toString();
+        
+        return dateMatch && branchMatch;
+    });
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+
+            <main className="px-10 py-8 max-w-[1600px] mx-auto space-y-8">
+                <div className="flex items-center justify-between">
+                    <div>
+                        <h1 className="text-3xl font-bold text-[#101828]">Expense Management</h1>
+                        <p className="text-gray-500 mt-1">Track system expenditures and release salaries.</p>
+                    </div>
+                    
+                    <div className="flex items-center gap-4">
+                        <button 
+                            onClick={() => setIsModalOpen(true)}
+                            className="flex items-center gap-2 px-6 py-3 bg-white border border-gray-100 text-gray-900 rounded-xl font-bold text-sm hover:bg-gray-50 transition-all shadow-sm"
+                        >
+                            <Plus size={18} />
+                            <span>Add Expense</span>
+                        </button>
+
+                        <button 
+                            onClick={() => {
+                                if (!filterBranch) {
+                                    setToast({ message: 'Select a branch to release salaries.', type: 'error' });
+                                    return;
+                                }
+                                // Pre-select all months for all staff in view
+                                const initialSelection = {};
+                                pendingSalaries.forEach(s => {
+                                    initialSelection[s.staff_id] = s.pending_months.map(m => m.month_key);
+                                });
+                                setBulkData({ remarks: '', selectedMonths: initialSelection });
+                                setIsBulkModalOpen(true);
+                            }}
+                            className={`flex items-center gap-2 px-6 py-3 rounded-xl font-bold text-sm transition-all shadow-lg ${
+                                filterBranch 
+                                ? 'bg-[#10B981] text-white hover:bg-[#059669]' 
+                                : 'bg-gray-100 text-gray-400 cursor-not-allowed border border-gray-200 shadow-none'
+                            }`}
+                        >
+                            <CreditCard size={18} />
+                            <span>Release Salaries</span>
+                        </button>
+                    </div>
+                </div>
+
+                {/* Tabs */}
+                <div className="flex items-center gap-8 border-b border-gray-100 mb-6">
+                    {['General Expenses', 'Pending Salaries', 'Pending ROIs', 'Salary Release History'].map(tab => (
+                        <button
+                            key={tab}
+                            onClick={() => setActiveTab(tab)}
+                            className={`pb-4 px-2 text-sm font-bold transition-all border-b-2 ${
+                                activeTab === tab 
+                                ? 'border-emerald-500 text-emerald-600' 
+                                : 'border-transparent text-gray-400 hover:text-gray-600'
+                            }`}
+                        >
+                            {tab}
+                        </button>
+                    ))}
+                </div>
+
+                <div className="flex flex-wrap items-end gap-4 p-6 bg-white border border-gray-100 rounded-2xl shadow-sm">
+                    {activeTab === 'General Expenses' && (
+                        <>
+                            <div className="flex-1 min-w-[200px]">
+                                <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">From Date</label>
+                                <div className="relative">
+                                    <Calendar className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400" size={16} />
+                                    <input 
+                                        type="date"
+                                        className="w-full pl-12 pr-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold"
+                                        value={filterFromDate}
+                                        onChange={(e) => setFilterFromDate(e.target.value)}
+                                    />
+                                </div>
+                            </div>
+
+                            <div className="flex-1 min-w-[200px]">
+                                <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">To Date</label>
+                                <div className="relative">
+                                    <Calendar className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400" size={16} />
+                                    <input 
+                                        type="date"
+                                        className="w-full pl-12 pr-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold"
+                                        value={filterToDate}
+                                        onChange={(e) => setFilterToDate(e.target.value)}
+                                    />
+                                </div>
+                            </div>
+                        </>
+                    )}
+
+                    {!isReceptionist && (
+                        <div className="flex-1 min-w-[200px]">
+                            <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Branch Filter</label>
+                            <div className="relative">
+                                <Building className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400" size={16} />
+                                <select 
+                                    className="w-full pl-12 pr-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold appearance-none cursor-pointer"
+                                    value={filterBranch}
+                                    onChange={(e) => setFilterBranch(e.target.value)}
+                                >
+                                    <option value="">All Branches</option>
+                                    {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                                </select>
+                            </div>
+                        </div>
+                    )}
+
+                    <button 
+                        onClick={() => {
+                            setFilterFromDate('');
+                            setFilterToDate('');
+                            setFilterBranch('');
+                        }}
+                        className="px-6 py-3 bg-gray-100 text-gray-600 rounded-2xl font-black text-[10px] hover:bg-gray-200 transition-all tracking-widest"
+                    >
+                        RESET FILTERS
+                    </button>
+                </div>
+
+                {activeTab === 'General Expenses' && (
+                    <div className="animate-in fade-in slide-in-from-bottom-4 duration-500">
+                        <DataTable 
+                            columns={columns}
+                            data={filteredExpenses}
+                            loading={loading}
+                            emptyMessage="No expenses match your filters. Try adjusting them."
+                        />
+                    </div>
+                )}
+
+                {activeTab === 'Pending Salaries' && (
+                    <div className="space-y-8 animate-in fade-in duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white rounded-2xl border border-gray-100 shadow-sm p-8 flex items-center gap-8 relative overflow-hidden">
+                             <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center text-blue-500 border border-blue-100">
+                                <Wallet size={32} />
+                            </div>
+                            <div>
+                                <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-1">Total Payable ({filterBranch ? branches.find(b => b.id.toString() === filterBranch.toString())?.name : 'All Branches'})</p>
+                                <div className="flex items-baseline gap-2">
+                                    <span className="text-4xl font-black text-gray-900">
+                                        {(pendingSalaries || []).reduce((sum, s) => sum + (s.net_payable || 0), 0).toLocaleString()}
+                                    </span>
+                                    <span className="text-gray-400 font-bold text-lg">AED</span>
+                                </div>
+                            </div>
+                            {!filterBranch && (
+                                <div className="absolute top-8 right-8 bg-amber-50 border border-amber-100 px-4 py-2 rounded-xl flex items-center gap-2">
+                                    <div className="w-2 h-2 rounded-full bg-amber-500 animate-pulse"></div>
+                                    <span className="text-xs font-bold text-amber-700">Select a specific branch to release salaries</span>
+                                </div>
+                            )}
+                        </div>
+
+                        <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                            <table className="w-full text-left">
+                                <thead className="bg-gray-50/50 border-b border-gray-50">
+                                    <tr>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest">Staff Name</th>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest">Branch</th>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest">Role</th>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest">Base Salary</th>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest">Commission</th>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest">Advance Ded.</th>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest">Net Payable</th>
+                                        <th className="px-6 py-4 text-[10px] font-black text-gray-400 uppercase tracking-widest text-right">Actions</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-gray-50">
+                                    {loadingPending ? (
+                                        <tr><td colSpan="8" className="px-6 py-12 text-center text-gray-400 font-bold">Calculating pending salaries...</td></tr>
+                                    ) : pendingSalaries.length > 0 ? (
+                                        pendingSalaries.map(row => (
+                                            <tr key={row.staff_id} className="hover:bg-gray-50/30 transition-colors">
+                                                <td className="px-6 py-4 font-bold text-gray-900">
+                                                    {row.staff_name}
+                                                    <div className="text-[9px] text-gray-400 font-medium">Joined: {row.joining_date}</div>
+                                                </td>
+                                                <td className="px-6 py-4 text-xs font-bold text-gray-500">{row.branch}</td>
+                                                <td className="px-6 py-4 text-xs font-bold text-gray-400">{row.role}</td>
+                                                <td className="px-6 py-4">
+                                                    <div className="text-sm font-bold text-gray-600">{(row.base_salary || 0).toLocaleString()} AED</div>
+                                                    {row.is_prorated && (
+                                                        <div className="text-[9px] text-amber-500 font-medium italic">Prorated ({row.working_days} Days)</div>
+                                                    )}
+                                                    <div className="text-[9px] text-gray-300 font-medium">{row.cycle_range}</div>
+                                                </td>
+                                                <td className="px-6 py-4">
+                                                    <span className="text-emerald-500 text-xs font-bold leading-tight">
+                                                        +{(row.commission || 0).toLocaleString()}
+                                                        <div className="text-[9px] text-gray-300 font-medium">({row.pending_months?.length || 0} Months)</div>
+                                                    </span>
+                                                </td>
+                                                <td className="px-6 py-4 text-xs font-black text-red-400">-{(row.advance_ded || 0).toLocaleString()}</td>
+                                                <td className="px-6 py-4 text-sm font-black text-gray-900">{(row.net_payable || 0).toLocaleString()}</td>
+                                                <td className="px-6 py-4 text-right">
+                                                    <button 
+                                                        onClick={() => {
+                                                            setSelectedStaffForBreakdown(row);
+                                                            setIsBreakdownModalOpen(true);
+                                                        }}
+                                                        className="p-2 hover:bg-emerald-50 rounded-xl text-emerald-500 transition-all border border-transparent hover:border-emerald-100 group"
+                                                        title="View Detils"
+                                                    >
+                                                        <Eye size={18} className="group-hover:scale-110 transition-transform" />
+                                                    </button>
+                                                </td>
+                                            </tr>
+                                        ))
+                                    ) : (
+                                        <tr><td colSpan="8" className="px-6 py-12 text-center text-gray-400 font-bold italic">No pending salaries for the selected criteria.</td></tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                )}
+
+                {activeTab === 'Salary Release History' && (
+                    <div className="animate-in fade-in slide-in-from-bottom-4 duration-500">
+                        <DataTable 
+                            columns={[
+                                {
+                                    header: 'Release Date',
+                                    render: (row) => (
+                                        <div className="flex items-center gap-3 font-bold text-gray-900">
+                                            <Calendar size={16} className="text-gray-400" />
+                                            {new Date(row.date).toLocaleDateString()}
+                                        </div>
+                                    )
+                                },
+                                {
+                                    header: 'Release Type',
+                                    render: (row) => (
+                                        <div className="flex flex-col gap-1">
+                                            <span className={`px-2 py-0.5 rounded-lg text-[10px] font-black uppercase tracking-widest border w-fit ${
+                                                row.is_bulk 
+                                                    ? 'bg-purple-50 text-purple-600 border-purple-100' 
+                                                    : 'bg-emerald-50 text-emerald-600 border-emerald-100'
+                                            }`}>
+                                                {row.is_bulk ? 'Bulk Release' : 'Individual'}
+                                            </span>
+                                            {row.is_bulk && <span className="text-[10px] text-gray-400 font-bold ml-1">{row.count} Staff Members</span>}
+                                        </div>
+                                    )
+                                },
+                                {
+                                    header: 'Branch',
+                                    render: (row) => <span className="text-xs font-black text-gray-600 uppercase tracking-wider">{row.branch}</span>
+                                },
+                                {
+                                    header: 'Total Amount',
+                                    render: (row) => <span className="font-black text-gray-900">{parseFloat(row.amount || 0).toLocaleString()} AED</span>
+                                },
+                                {
+                                    header: 'Remarks',
+                                    render: (row) => <span className="text-xs text-gray-500 italic font-medium max-w-[200px] truncate block">{row.remarks}</span>
+                                },
+                                {
+                                    header: 'Actions',
+                                    render: (row) => (
+                                        <button 
+                                            onClick={() => {
+                                                setSelectedBatch(row);
+                                                setIsBatchModalOpen(true);
+                                            }}
+                                            className="p-2 hover:bg-gray-100 rounded-lg text-gray-400 hover:text-red-500 transition-all group"
+                                            title="View Details"
+                                        >
+                                            <Eye size={18} className="group-hover:scale-110 transition-transform" />
+                                        </button>
+                                    )
+                                }
+                            ]}
+                            data={salaryHistory}
+                            loading={loadingSalaryHistory}
+                            emptyMessage="No salary releases found."
+                        />
+                    </div>
+                )}
+
+                {activeTab === 'Pending ROIs' && (
+                    <div className="space-y-8 animate-in fade-in duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white rounded-2xl border border-gray-100 shadow-sm p-8 flex items-center gap-8 relative overflow-hidden">
+                             <div className="w-16 h-16 bg-emerald-50 rounded-2xl flex items-center justify-center text-emerald-500 border border-emerald-100">
+                                <TrendingUp size={32} />
+                            </div>
+                            <div>
+                                <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-1">Total ROI Payable ({filterBranch ? branches.find(b => b.id.toString() === filterBranch.toString())?.name : 'All Branches'})</p>
+                                <div className="flex items-baseline gap-2">
+                                    <span className="text-4xl font-black text-gray-900">
+                                        {(pendingROIs || []).reduce((sum, r) => sum + (r.total_pending || 0), 0).toLocaleString()}
+                                    </span>
+                                    <span className="text-gray-400 font-bold text-lg">AED</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] border border-gray-100 shadow-sm overflow-hidden">
+                            <table className="w-full text-left font-sans">
+                                <thead className="bg-gray-50/50 border-b border-gray-50">
+                                    <tr>
+                                        <th className="px-8 py-6 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Investor Name</th>
+                                        <th className="px-8 py-6 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Principal</th>
+                                        <th className="px-8 py-6 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">ROI Terms</th>
+                                        <th className="px-8 py-6 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Pending Periods</th>
+                                        <th className="px-8 py-6 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Total ROI Due</th>
+                                        <th className="px-8 py-6 text-right text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Action</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-gray-50">
+                                    {loadingROIs ? (
+                                        <tr><td colSpan="6" className="px-8 py-24 text-center text-gray-400 font-black uppercase italic tracking-widest animate-pulse">Scanning financial books...</td></tr>
+                                    ) : pendingROIs.length > 0 ? (
+                                        pendingROIs.map(row => (
+                                            <tr key={row.investor_id} className="hover:bg-gray-50/30 transition-colors">
+                                                <td className="px-8 py-8 font-black text-gray-900 text-sm italic">{row.investor_name}</td>
+                                                <td className="px-8 py-8 text-xs font-bold text-gray-500">{(parseFloat(row.investment_amount) || 0).toLocaleString()} AED</td>
+                                                <td className="px-8 py-8">
+                                                    <div className="flex items-center gap-2">
+                                                        <span className="text-xs font-black text-blue-600 bg-blue-50 px-2 py-0.5 rounded-md border border-blue-100/50">{row.roi_percentage}%</span>
+                                                        <span className="text-[10px] font-bold text-gray-400 uppercase tracking-widest">{row.roi_period}</span>
+                                                    </div>
+                                                </td>
+                                                <td className="px-8 py-8">
+                                                    <div className="flex items-center gap-1.5">
+                                                        <span className="w-2 h-2 rounded-full bg-amber-400 animate-pulse"></span>
+                                                        <span className="text-xs font-bold text-gray-600">{row.pending_count || 0} Pending Periods</span>
+                                                    </div>
+                                                </td>
+                                                <td className="px-8 py-8 text-sm font-black text-emerald-600">{(row.total_pending || 0).toLocaleString()} AED</td>
+                                                <td className="px-8 py-8 text-right">
+                                                    <button 
+                                                        onClick={() => window.location.href = `/owner/investors/view/${row.investor_id}`}
+                                                        className="px-6 py-2.5 bg-[#111827] text-white rounded-xl text-[10px] font-black uppercase tracking-widest hover:scale-105 transition-all shadow-lg active:scale-95"
+                                                    >
+                                                        Review & Settle
+                                                    </button>
+                                                </td>
+                                            </tr>
+                                        ))
+                                    ) : (
+                                        <tr><td colSpan="6" className="px-8 py-24 text-center">
+                                            <div className="space-y-4 opacity-20">
+                                                <TrendingUp size={48} className="mx-auto" />
+                                                <p className="text-sm font-black uppercase italic italic tracking-widest text-[#111827]">All Investor ROIs are Settle Up</p>
+                                            </div>
+                                        </td></tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                )}
+
+                {/* Bulk Release Modal */}
+                {isBulkModalOpen && (
+                    <div className="fixed inset-0 z-[60] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm">
+                        <div className="bg-white rounded-[2rem] w-full max-w-2xl shadow-2xl border border-gray-100 overflow-hidden animate-in zoom-in duration-200 flex flex-col max-h-[90vh]">
+                            <div className="p-8 border-b border-gray-50 flex items-center justify-between bg-emerald-50/30">
+                                <div>
+                                    <h3 className="text-xl font-black text-emerald-900">Bulk Release Salaries</h3>
+                                    <p className="text-[10px] text-emerald-600 font-bold uppercase tracking-widest mt-1">Review and confirm payments for {branches.find(b => b.id.toString() === filterBranch.toString())?.name}</p>
+                                </div>
+                                <button onClick={() => setIsBulkModalOpen(false)} className="p-2 hover:bg-white rounded-full transition-colors text-emerald-400">
+                                    <X size={20} />
+                                </button>
+                            </div>
+
+                            <div className="p-8 overflow-y-auto space-y-6">
+                                <div className="space-y-4">
+                                    {pendingSalaries.map(staff => (
+                                        <div key={staff.staff_id} className="p-4 rounded-2xl bg-gray-50/50 border border-gray-100">
+                                            <div className="flex items-center justify-between mb-3">
+                                                <div>
+                                                    <p className="text-sm font-black text-gray-900">{staff.staff_name}</p>
+                                                    <button 
+                                                        onClick={() => {
+                                                            const current = bulkData.selectedMonths[staff.staff_id] || [];
+                                                            const allMonths = staff.pending_months.map(m => m.month_key);
+                                                            const allSelected = allMonths.every(key => current.includes(key));
+                                                            
+                                                            setBulkData({
+                                                                ...bulkData,
+                                                                selectedMonths: {
+                                                                    ...bulkData.selectedMonths,
+                                                                    [staff.staff_id]: allSelected ? [] : allMonths
+                                                                }
+                                                            });
+                                                        }}
+                                                        className="text-[9px] font-black text-emerald-600 uppercase tracking-tighter hover:underline"
+                                                    >
+                                                        { (bulkData.selectedMonths[staff.staff_id]?.length === staff.pending_months.length) ? 'Deselect All' : 'Select All Months' }
+                                                    </button>
+                                                </div>
+                                                <p className="text-xs font-bold text-emerald-600">
+                                                    { (staff.pending_months.filter(m => bulkData.selectedMonths[staff.staff_id]?.includes(m.month_key)).reduce((sum, m) => sum + m.net_payable, 0) || 0).toLocaleString() } AED
+                                                </p>
+                                            </div>
+                                            <div className="flex flex-wrap gap-2">
+                                                {staff.pending_months.map(m => {
+                                                    const isSelected = bulkData.selectedMonths[staff.staff_id]?.includes(m.month_key);
+                                                    return (
+                                                        <button 
+                                                            key={m.month_key}
+                                                            onClick={() => {
+                                                                const current = bulkData.selectedMonths[staff.staff_id] || [];
+                                                                const next = isSelected 
+                                                                    ? current.filter(key => key !== m.month_key)
+                                                                    : [...current, m.month_key];
+                                                                setBulkData({
+                                                                    ...bulkData,
+                                                                    selectedMonths: {
+                                                                        ...bulkData.selectedMonths,
+                                                                        [staff.staff_id]: next
+                                                                    }
+                                                                });
+                                                            }}
+                                                            className={`px-3 py-1.5 rounded-xl text-[10px] font-black uppercase tracking-widest transition-all ${
+                                                                isSelected 
+                                                                ? 'bg-emerald-500 text-white shadow-md shadow-emerald-100' 
+                                                                : 'bg-white text-gray-400 border border-gray-100 hover:border-emerald-200'
+                                                            }`}
+                                                        >
+                                                            {m.month_name}
+                                                        </button>
+                                                    );
+                                                })}
+                                            </div>
+                                        </div>
+                                    ))}
+                                </div>
+
+                                <div>
+                                    <label className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 block">Release Remarks</label>
+                                    <textarea 
+                                        className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-medium resize-none h-20"
+                                        placeholder="Add a remark for the release (e.g., Monthly release by Owner)"
+                                        value={bulkData.remarks}
+                                        onChange={(e) => setBulkData({...bulkData, remarks: e.target.value})}
+                                    />
+                                </div>
+                            </div>
+
+                            <div className="p-8 border-t border-gray-50 flex gap-4">
+                                <button 
+                                    onClick={() => setIsBulkModalOpen(false)}
+                                    className="flex-1 px-6 py-4 bg-gray-100 text-gray-600 rounded-2xl font-black text-sm hover:bg-gray-200 transition-all uppercase tracking-widest"
+                                >
+                                    Cancel
+                                </button>
+                                <button 
+                                    onClick={handleBulkRelease}
+                                    disabled={releasing}
+                                    className="flex-[2] px-6 py-4 bg-emerald-500 text-white rounded-2xl font-black text-sm hover:scale-[1.02] active:scale-[0.98] transition-all shadow-xl shadow-emerald-100 flex items-center justify-center gap-2 uppercase tracking-widest disabled:opacity-50"
+                                >
+                                    {releasing ? 'Releasing...' : <>
+                                        <ArrowUpRight size={18} />
+                                        Confirm Release
+                                    </>}
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                )}
+
+                {/* Add Expense Modal */}
+                {isModalOpen && (
+                    <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm">
+                        <div className="bg-white rounded-[2.5rem] w-full max-w-md shadow-2xl border border-gray-100 overflow-hidden animate-in fade-in zoom-in duration-200">
+                            <div className="p-8 border-b border-gray-50 flex items-center justify-between bg-[#F9FAFB]/50">
+                                <div>
+                                    <h3 className="text-xl font-black text-[#111827]">Record Expense</h3>
+                                    <p className="text-xs text-gray-500 font-bold uppercase tracking-widest mt-1">General Expenditure</p>
+                                </div>
+                                <button onClick={() => setIsModalOpen(false)} className="p-2 hover:bg-gray-100 rounded-full transition-colors text-gray-400">
+                                    <ArrowUpRight size={20} className="rotate-180" />
+                                </button>
+                            </div>
+                            
+                            <form onSubmit={handleAddExpense} className="p-8 space-y-5">
+                                <div className="grid grid-cols-2 gap-4">
+                                    <div className="col-span-2">
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Date</label>
+                                        <div className="relative">
+                                            <Calendar className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400" size={16} />
+                                            <input 
+                                                type="date"
+                                                required
+                                                className="w-full pl-12 pr-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold"
+                                                value={newExpense.date}
+                                                onChange={(e) => setNewExpense({...newExpense, date: e.target.value})}
+                                            />
+                                        </div>
+                                    </div>
+
+                                    {!isReceptionist && (
+                                        <div>
+                                            <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Branch</label>
+                                            <select 
+                                                required
+                                                className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold appearance-none cursor-pointer"
+                                                value={newExpense.branch_id}
+                                                onChange={(e) => setNewExpense({...newExpense, branch_id: e.target.value})}
+                                            >
+                                                <option value="">Select Branch</option>
+                                                {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                                            </select>
+                                        </div>
+                                    )}
+
+                                    <div className={isReceptionist ? "col-span-2" : ""}>
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Category</label>
+                                        <select 
+                                            required
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold appearance-none cursor-pointer"
+                                            value={newExpense.expense_category_id}
+                                            onChange={(e) => setNewExpense({...newExpense, expense_category_id: e.target.value})}
+                                        >
+                                            <option value="">Select Category</option>
+                                            {categories.map(c => <option key={c.id} value={c.id}>{c.name}</option>)}
+                                        </select>
+                                    </div>
+
+                                    <div>
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Amount (AED)</label>
+                                        <input 
+                                            type="number"
+                                            required
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold"
+                                            placeholder="0.00"
+                                            value={newExpense.amount}
+                                            onChange={(e) => setNewExpense({...newExpense, amount: e.target.value})}
+                                        />
+                                    </div>
+
+                                    <div>
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Expense Type</label>
+                                        <select 
+                                            required
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold appearance-none cursor-pointer"
+                                            value={newExpense.expense_type}
+                                            onChange={(e) => setNewExpense({...newExpense, expense_type: e.target.value})}
+                                        >
+                                            <option value="Account">Account</option>
+                                            <option value="Petty Cash">Petty Cash</option>
+                                        </select>
+                                    </div>
+
+                                    <div className="col-span-2">
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Remarks</label>
+                                        <textarea 
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-medium resize-none h-24"
+                                            placeholder="Purpose of expense..."
+                                            value={newExpense.remarks}
+                                            onChange={(e) => setNewExpense({...newExpense, remarks: e.target.value})}
+                                        />
+                                    </div>
+                                </div>
+
+                                <div className="flex gap-3 pt-4">
+                                    <button 
+                                        type="button"
+                                        onClick={() => setIsModalOpen(false)}
+                                        className="flex-1 px-6 py-4 bg-gray-100 text-gray-600 rounded-2xl font-black text-sm hover:bg-gray-200 transition-all outline-none"
+                                    >
+                                        CANCEL
+                                    </button>
+                                    <button 
+                                        type="submit"
+                                        className="flex-[2] px-8 py-4 bg-[#111827] text-white rounded-2xl font-black text-sm hover:scale-[1.02] active:scale-[0.98] transition-all shadow-xl shadow-gray-200 flex items-center justify-center gap-2 outline-none"
+                                    >
+                                        <ArrowUpRight size={18} />
+                                        RECORD EXPENSE
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                )}
+            </main>
+
+            {/* Batch Detail Modal */}
+            {isBatchModalOpen && selectedBatch && (
+                <div className="fixed inset-0 z-[160] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-300">
+                    <div className="bg-white w-full max-w-2xl rounded-3xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-300 flex flex-col max-h-[85vh]">
+                        <div className="px-8 py-6 border-b border-gray-100 flex items-center justify-between bg-gray-50/50">
+                            <div>
+                                <h2 className="text-xl font-black text-gray-900 tracking-tight">
+                                    {selectedBatch.is_bulk ? 'Bulk Release Details' : 'Settlement Details'}
+                                </h2>
+                                <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mt-0.5">
+                                    {selectedBatch.is_bulk ? selectedBatch.batch_id : 'Individual Release'}
+                                </p>
+                            </div>
+                            <button onClick={() => setIsBatchModalOpen(false)} className="p-2 hover:bg-gray-100 rounded-xl transition-all text-gray-400 hover:text-gray-900">
+                                <X size={20} />
+                            </button>
+                        </div>
+
+                        <div className="p-8 overflow-y-auto no-scrollbar space-y-6">
+                            {/* Summary Metadata */}
+                            <div className="grid grid-cols-2 gap-4">
+                                <div className="p-4 bg-gray-50 rounded-2xl border border-gray-100">
+                                    <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-1">Release Date</p>
+                                    <p className="text-sm font-bold text-gray-900">{new Date(selectedBatch.date).toLocaleDateString()}</p>
+                                </div>
+                                <div className="p-4 bg-gray-50 rounded-2xl border border-gray-100">
+                                    <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-1">Total Payout</p>
+                                    <p className="text-sm font-black text-red-600">{parseFloat(selectedBatch.amount).toLocaleString()} AED</p>
+                                </div>
+                            </div>
+
+                            {/* Items Table */}
+                            <div className="space-y-3">
+                                <h3 className="text-xs font-black text-gray-900 uppercase tracking-widest ml-1">Breakdown</h3>
+                                <div className="bg-white rounded-2xl border border-gray-100 overflow-hidden">
+                                    <table className="w-full text-left">
+                                        <thead className="bg-gray-50/50 border-b border-gray-50">
+                                            <tr>
+                                                <th className="px-4 py-3 text-[10px] font-black text-gray-400 uppercase tracking-widest">Description</th>
+                                                <th className="px-4 py-3 text-[10px] font-black text-gray-400 uppercase tracking-widest text-right">Amount</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody className="divide-y divide-gray-50">
+                                            {selectedBatch.items.map((item, idx) => (
+                                                <tr key={idx} className="hover:bg-gray-50/30 transition-colors text-xs">
+                                                    <td className="px-4 py-4">
+                                                        <div className="font-bold text-gray-900">{item.remarks}</div>
+                                                        <div className="text-[10px] text-gray-400 font-medium">Ref: EXP-{item.id}</div>
+                                                    </td>
+                                                    <td className="px-4 py-4 text-right font-black text-gray-900">
+                                                        {parseFloat(item.amount).toLocaleString()} AED
+                                                    </td>
+                                                </tr>
+                                            ))}
+                                        </tbody>
+                                        <tfoot className="bg-gray-50/30 border-t border-gray-100">
+                                            <tr>
+                                                <td className="px-4 py-4 font-black text-gray-900 uppercase tracking-widest text-[10px]">Total Release</td>
+                                                <td className="px-4 py-4 text-right font-black text-red-600 text-sm">
+                                                    {parseFloat(selectedBatch.amount).toLocaleString()} AED
+                                                </td>
+                                            </tr>
+                                        </tfoot>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="p-6 border-t border-gray-50 bg-gray-50/30">
+                            <button 
+                                onClick={() => setIsBatchModalOpen(false)}
+                                className="w-full py-4 bg-gray-900 text-white rounded-2xl font-black text-[10px] uppercase tracking-widest hover:scale-[1.02] active:scale-[0.98] transition-all shadow-xl shadow-gray-200"
+                            >
+                                CLOSE DETAILS
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+
+            {/* Staff Salary Breakdown Modal */}
+            {isBreakdownModalOpen && selectedStaffForBreakdown && (
+                <div className="fixed inset-0 z-[160] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-300">
+                    <div className="bg-white w-full max-w-3xl rounded-3xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-300 flex flex-col max-h-[90vh]">
+                        <div className="px-8 py-6 border-b border-gray-100 flex items-center justify-between bg-emerald-50/20">
+                            <div>
+                                <h2 className="text-xl font-black text-emerald-900 tracking-tight">Salary Breakage Details</h2>
+                                <p className="text-[10px] font-black text-emerald-600 uppercase tracking-widest mt-0.5">
+                                    {selectedStaffForBreakdown.staff_name} • {selectedStaffForBreakdown.branch}
+                                </p>
+                            </div>
+                            <button onClick={() => setIsBreakdownModalOpen(false)} className="p-2 hover:bg-emerald-100 rounded-xl transition-all text-emerald-600">
+                                <X size={20} />
+                            </button>
+                        </div>
+
+                        <div className="p-8 overflow-y-auto no-scrollbar space-y-6">
+                            <div className="grid grid-cols-3 gap-4">
+                                <div className="p-4 bg-gray-50 rounded-2xl border border-gray-100">
+                                    <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-1">Total Base (Prorated)</p>
+                                    <p className="text-sm font-bold text-gray-900">{selectedStaffForBreakdown.base_salary.toLocaleString()} AED</p>
+                                </div>
+                                <div className="p-4 bg-emerald-50/50 rounded-2xl border border-emerald-100">
+                                    <p className="text-[10px] font-black text-emerald-600 uppercase tracking-widest mb-1">Total Commission</p>
+                                    <p className="text-sm font-bold text-emerald-600">+{selectedStaffForBreakdown.commission.toLocaleString()} AED</p>
+                                </div>
+                                <div className="p-4 bg-red-50/50 rounded-2xl border border-red-100">
+                                    <p className="text-[10px] font-black text-red-600 uppercase tracking-widest mb-1">Total Advance Ded.</p>
+                                    <p className="text-sm font-bold text-red-600">-{selectedStaffForBreakdown.advance_ded.toLocaleString()} AED</p>
+                                </div>
+                            </div>
+
+                            <div className="space-y-3">
+                                <h3 className="text-xs font-black text-gray-900 uppercase tracking-widest ml-1">Monthly Breakage</h3>
+                                <div className="bg-white rounded-2xl border border-gray-100 overflow-hidden">
+                                    <table className="w-full text-left">
+                                        <thead className="bg-gray-50/50 border-b border-gray-50">
+                                            <tr>
+                                                <th className="px-4 py-3 text-[10px] font-black text-gray-400 uppercase tracking-widest">Month / Range</th>
+                                                <th className="px-4 py-3 text-[10px] font-black text-gray-400 uppercase tracking-widest text-right">Base</th>
+                                                <th className="px-4 py-3 text-[10px] font-black text-gray-400 uppercase tracking-widest text-right">Comm.</th>
+                                                <th className="px-4 py-3 text-[10px] font-black text-gray-400 uppercase tracking-widest text-right">Adv. Ded.</th>
+                                                <th className="px-4 py-3 text-[10px] font-black text-gray-400 uppercase tracking-widest text-right font-black">Net</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody className="divide-y divide-gray-50">
+                                            {selectedStaffForBreakdown.pending_months.map((m, idx) => (
+                                                <tr key={idx} className="hover:bg-gray-50/30 transition-colors text-xs">
+                                                    <td className="px-4 py-4">
+                                                        <div className="font-bold text-gray-900">{m.month_name}</div>
+                                                        <div className="text-[10px] text-gray-400 font-medium">{m.cycle_range}</div>
+                                                    </td>
+                                                    <td className="px-4 py-4 text-right font-bold text-gray-600">{m.prorated_base.toLocaleString()}</td>
+                                                    <td className="px-4 py-4 text-right font-bold text-emerald-600">+{m.commission.toLocaleString()}</td>
+                                                    <td className="px-4 py-4 text-right font-bold text-red-500">-{m.advance_deduction.toLocaleString()}</td>
+                                                    <td className="px-4 py-4 text-right font-black text-gray-900 bg-gray-50/20">{m.net_payable.toLocaleString()}</td>
+                                                </tr>
+                                            ))}
+                                        </tbody>
+                                        <tfoot className="bg-emerald-50/10 border-t border-emerald-50">
+                                            <tr>
+                                                <td className="px-4 py-4 font-black text-emerald-900 uppercase tracking-widest text-[10px]">Grand Total</td>
+                                                <td className="px-4 py-4 text-right font-black text-gray-900" colSpan="4">
+                                                    <span className="text-sm font-black text-emerald-600">{selectedStaffForBreakdown.net_payable.toLocaleString()} AED</span>
+                                                </td>
+                                            </tr>
+                                        </tfoot>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="p-6 border-t border-gray-50 bg-gray-50/30">
+                            <button 
+                                onClick={() => setIsBreakdownModalOpen(false)}
+                                className="w-full py-4 bg-[#111827] text-white rounded-2xl font-black text-[10px] uppercase tracking-widest hover:scale-[1.02] active:scale-[0.98] transition-all shadow-xl shadow-gray-200"
+                            >
+                                CLOSE BREAKAGE
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Inventory/AddProductModal.jsx b/resources/js/Pages/Owner/Inventory/AddProductModal.jsx
new file mode 100644
index 0000000..472b928
--- /dev/null
+++ b/resources/js/Pages/Owner/Inventory/AddProductModal.jsx
@@ -0,0 +1,185 @@
+import React, { useState, useEffect } from 'react';
+import { X, Save, Package } from 'lucide-react';
+
+export default function AddProductModal({ isOpen, onClose, onSave, branches, categories }) {
+    const [formData, setFormData] = useState({
+        name: '',
+        sku: '',
+        product_category_id: '',
+        branch_id: window.__APP_DATA__?.role === 'receptionist' ? window.__APP_DATA__?.user?.branch_id : '',
+        cost_price: '',
+        selling_price: '',
+        current_stock: '',
+        reorder_level: '10'
+    });
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const [loading, setLoading] = useState(false);
+
+    if (!isOpen) return null;
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setLoading(true);
+        try {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+            const res = await fetch('/api/inventory/products', {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify(formData)
+            });
+            if (res.ok) {
+                const newProduct = await res.json();
+                onSave(newProduct);
+                setFormData({
+                    name: '', sku: '', product_category_id: '', 
+                    branch_id: window.__APP_DATA__?.role === 'receptionist' ? window.__APP_DATA__?.user?.branch_id : '',
+                    cost_price: '', selling_price: '', current_stock: '', reorder_level: '10'
+                });
+                onClose();
+            }
+        } catch (error) {
+            console.error('Error adding product:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div className="fixed inset-0 bg-[#00171F]/40 backdrop-blur-sm z-[999] flex items-center justify-center p-4">
+            <div className="bg-white rounded-[32px] w-full max-w-2xl overflow-hidden shadow-2xl animate-in zoom-in-95 duration-300">
+                <div className="p-8 border-b border-gray-100 flex items-center justify-between">
+                    <div className="flex items-center gap-4">
+                        <div className="w-12 h-12 bg-red-50 rounded-2xl flex items-center justify-center text-red-600">
+                            <Package size={24} />
+                        </div>
+                        <div>
+                            <h2 className="text-2xl font-black text-gray-900 tracking-tight">Add New Product</h2>
+                            <p className="text-xs text-gray-500 font-bold uppercase tracking-widest mt-0.5">Enter product and initial stock details.</p>
+                        </div>
+                    </div>
+                    <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-xl transition-colors">
+                        <X size={24} className="text-gray-400" />
+                    </button>
+                </div>
+
+                <form onSubmit={handleSubmit} className="p-8 space-y-6">
+                    <div className="grid grid-cols-2 gap-6">
+                        <div className="col-span-2">
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Product Name</label>
+                            <input 
+                                required
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                placeholder="e.g. Whey Protein"
+                                value={formData.name}
+                                onChange={e => setFormData({...formData, name: e.target.value})}
+                            />
+                        </div>
+                        
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">SKU (Optional)</label>
+                            <input 
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                placeholder="PROD-001"
+                                value={formData.sku}
+                                onChange={e => setFormData({...formData, sku: e.target.value})}
+                            />
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Category</label>
+                            <select 
+                                required
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900 appearance-none"
+                                value={formData.product_category_id}
+                                onChange={e => setFormData({...formData, product_category_id: e.target.value})}
+                            >
+                                <option value="">Select Category</option>
+                                {categories.length === 0 && <option disabled>No active categories found. Please add them in Masters.</option>}
+                                {categories.map(c => <option key={c.id} value={c.id}>{c.name}</option>)}
+                            </select>
+                        </div>
+
+                        {!isReceptionist && (
+                            <div>
+                                <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Branch</label>
+                                <select 
+                                    required
+                                    className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900 appearance-none"
+                                    value={formData.branch_id}
+                                    onChange={e => setFormData({...formData, branch_id: e.target.value})}
+                                >
+                                    <option value="">Select Branch</option>
+                                    {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                                </select>
+                            </div>
+                        )}
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Cost Price (AED)</label>
+                            <input 
+                                required type="number" step="0.01"
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                placeholder="0.00"
+                                value={formData.cost_price}
+                                onChange={e => setFormData({...formData, cost_price: e.target.value})}
+                            />
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Selling Price (AED)</label>
+                            <input 
+                                required type="number" step="0.01"
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                placeholder="0.00"
+                                value={formData.selling_price}
+                                onChange={e => setFormData({...formData, selling_price: e.target.value})}
+                            />
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Initial Stock</label>
+                            <input 
+                                required type="number"
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                placeholder="0"
+                                value={formData.current_stock}
+                                onChange={e => setFormData({...formData, current_stock: e.target.value})}
+                            />
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Reorder Level</label>
+                            <input 
+                                required type="number"
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900"
+                                placeholder="10"
+                                value={formData.reorder_level}
+                                onChange={e => setFormData({...formData, reorder_level: e.target.value})}
+                            />
+                        </div>
+                    </div>
+
+                    <div className="pt-6 border-t border-gray-100 flex gap-4">
+                        <button 
+                            type="button" 
+                            onClick={onClose}
+                            className="flex-1 py-4 bg-gray-50 text-gray-400 rounded-2xl font-black text-xs uppercase tracking-widest hover:bg-gray-100 transition-all"
+                        >
+                            Cancel
+                        </button>
+                        <button 
+                            disabled={loading}
+                            type="submit"
+                            className="flex-1 py-4 bg-[#FF4D4D] text-white rounded-2xl font-black text-xs uppercase tracking-widest hover:bg-[#E60000] transition-all shadow-lg shadow-red-100 disabled:opacity-50"
+                        >
+                            {loading ? 'Adding...' : 'Add Product'}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Inventory/AdjustStockModal.jsx b/resources/js/Pages/Owner/Inventory/AdjustStockModal.jsx
new file mode 100644
index 0000000..d72b320
--- /dev/null
+++ b/resources/js/Pages/Owner/Inventory/AdjustStockModal.jsx
@@ -0,0 +1,158 @@
+import React, { useState } from 'react';
+import { X, RefreshCw, Calendar, MessageSquare, Info } from 'lucide-react';
+
+export default function AdjustStockModal({ isOpen, onClose, onSave, product }) {
+    const [formData, setFormData] = useState({
+        adjustment_qty: '',
+        adjustment_date: new Date().toISOString().split('T')[0],
+        reason: 'Adjustment',
+        remarks: ''
+    });
+    const [loading, setLoading] = useState(false);
+
+    if (!isOpen || !product) return null;
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setLoading(true);
+        try {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+            const res = await fetch(`/api/inventory/products/${product.id}/adjust`, {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify(formData)
+            });
+            if (res.ok) {
+                const updatedProduct = await res.json();
+                onSave(updatedProduct);
+                setFormData({
+                    adjustment_qty: '',
+                    adjustment_date: new Date().toISOString().split('T')[0],
+                    reason: 'Adjustment',
+                    remarks: ''
+                });
+                onClose();
+            }
+        } catch (error) {
+            console.error('Error adjusting stock:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const newStockLevel = parseInt(product.current_stock) + parseInt(formData.adjustment_qty || 0);
+
+    return (
+        <div className="fixed inset-0 bg-[#00171F]/40 backdrop-blur-sm z-[999] flex items-center justify-center p-4">
+            <div className="bg-white rounded-[32px] w-full max-w-lg overflow-hidden shadow-2xl animate-in zoom-in-95 duration-300">
+                <div className="p-8 border-b border-gray-100 flex items-center justify-between bg-gray-50/50">
+                    <div className="flex items-center gap-4">
+                        <div className="w-12 h-12 bg-blue-50 rounded-2xl flex items-center justify-center text-blue-600 border border-blue-100/50">
+                            <RefreshCw size={24} />
+                        </div>
+                        <div>
+                            <h2 className="text-2xl font-black text-gray-900 tracking-tight">Adjust Stock</h2>
+                            <p className="text-xs text-gray-500 font-bold uppercase tracking-widest mt-0.5">{product.name}</p>
+                        </div>
+                    </div>
+                    <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-xl transition-colors">
+                        <X size={24} className="text-gray-400" />
+                    </button>
+                </div>
+
+                <form onSubmit={handleSubmit} className="p-8 space-y-6">
+                    <div className="bg-blue-50/50 border border-blue-100/50 p-4 rounded-2xl flex items-center justify-between">
+                        <div>
+                            <p className="text-[10px] font-black text-blue-400 uppercase tracking-widest mb-1">Current Stock</p>
+                            <p className="text-2xl font-black text-blue-600">{product.current_stock}</p>
+                        </div>
+                        <div className="text-right">
+                            <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-1">New Level</p>
+                            <p className={`text-2xl font-black ${newStockLevel < 0 ? 'text-red-500' : 'text-gray-900'}`}>{newStockLevel}</p>
+                        </div>
+                    </div>
+
+                    <div className="space-y-4">
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Adjustment Qty (+ or -)</label>
+                            <div className="relative">
+                                <Plus className="absolute left-6 top-1/2 -translate-y-1/2 text-gray-300" size={18} />
+                                <input 
+                                    required type="number"
+                                    className="w-full pl-14 pr-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-blue-500/10 focus:border-blue-500 transition-all font-bold text-gray-900"
+                                    placeholder="e.g. 5 or -5"
+                                    value={formData.adjustment_qty}
+                                    onChange={e => setFormData({...formData, adjustment_qty: e.target.value})}
+                                />
+                            </div>
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Adjustment Date</label>
+                            <div className="relative">
+                                <Calendar className="absolute left-6 top-1/2 -translate-y-1/2 text-gray-300" size={18} />
+                                <input 
+                                    required type="date"
+                                    className="w-full pl-14 pr-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-blue-500/10 focus:border-blue-500 transition-all font-bold text-gray-900"
+                                    value={formData.adjustment_date}
+                                    onChange={e => setFormData({...formData, adjustment_date: e.target.value})}
+                                />
+                            </div>
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Reason</label>
+                            <select 
+                                required
+                                className="w-full px-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-blue-500/10 focus:border-blue-500 transition-all font-bold text-gray-900 appearance-none"
+                                value={formData.reason}
+                                onChange={e => setFormData({...formData, reason: e.target.value})}
+                            >
+                                <option value="Adjustment">Normal Adjustment</option>
+                                <option value="Purchase">Stock Purchase</option>
+                                <option value="Damage">Damaged Goods</option>
+                                <option value="Return">Customer Return</option>
+                            </select>
+                        </div>
+
+                        <div>
+                            <label className="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Remarks</label>
+                            <div className="relative">
+                                <MessageSquare className="absolute left-6 top-6 text-gray-300" size={18} />
+                                <textarea 
+                                    className="w-full pl-14 pr-6 py-4 bg-gray-50/50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-blue-500/10 focus:border-blue-500 transition-all font-bold text-gray-900 min-h-[100px]"
+                                    placeholder="Internal notes..."
+                                    value={formData.remarks}
+                                    onChange={e => setFormData({...formData, remarks: e.target.value})}
+                                />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="pt-6 border-t border-gray-100 flex gap-4">
+                        <button 
+                            type="button" 
+                            onClick={onClose}
+                            className="flex-1 py-4 bg-gray-50 text-gray-400 rounded-2xl font-black text-xs uppercase tracking-widest hover:bg-gray-100 transition-all"
+                        >
+                            Cancel
+                        </button>
+                        <button 
+                            disabled={loading || !formData.adjustment_qty || newStockLevel < 0}
+                            type="submit"
+                            className="flex-1 py-4 bg-blue-600 text-white rounded-2xl font-black text-xs uppercase tracking-widest hover:bg-blue-700 transition-all shadow-lg shadow-blue-100 disabled:opacity-50"
+                        >
+                            {loading ? 'Adjusting...' : 'Update Stock'}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    );
+}
+const Plus = ({ className, size }) => (
+    <svg className={className} width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
+);
diff --git a/resources/js/Pages/Owner/Inventory/Index.jsx b/resources/js/Pages/Owner/Inventory/Index.jsx
new file mode 100644
index 0000000..ae2c30f
--- /dev/null
+++ b/resources/js/Pages/Owner/Inventory/Index.jsx
@@ -0,0 +1,476 @@
+import React, { useState, useEffect } from 'react';
+import DataTable from '../../../Components/DataTable';
+import Toast from '../Components/Toast';
+import { 
+    Package, 
+    Plus, 
+    AlertTriangle, 
+    Search, 
+    Filter, 
+    Building, 
+    Eye, 
+    History, 
+    ShoppingCart,
+    ArrowUpRight,
+    X,
+    TrendingUp,
+    MoreVertical,
+    FileText,
+    Settings,
+    RefreshCw,
+    BarChart3
+} from 'lucide-react';
+
+import AddProductModal from './AddProductModal';
+import AdjustStockModal from './AdjustStockModal';
+import ProductDetailsModal from './ProductDetailsModal';
+import NewSaleModal from './NewSaleModal';
+
+export default function InventoryIndex() {
+    const [activeTab, setActiveTab] = useState('Stock Control');
+    const [products, setProducts] = useState([]);
+    const [movements, setMovements] = useState([]);
+    const [branches, setBranches] = useState([]);
+    const [categories, setCategories] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [movementsLoading, setMovementsLoading] = useState(false);
+    const [toast, setToast] = useState(null);
+
+    // Modals
+    const [isAddModalOpen, setIsAddModalOpen] = useState(false);
+    const [isAdjustModalOpen, setIsAdjustModalOpen] = useState(false);
+    const [isDetailsModalOpen, setIsDetailsModalOpen] = useState(false);
+    const [isSaleModalOpen, setIsSaleModalOpen] = useState(false);
+    const [selectedProduct, setSelectedProduct] = useState(null);
+
+    // Filters
+    const [filterBranch, setFilterBranch] = useState(window.__APP_DATA__?.role === 'receptionist' ? window.__APP_DATA__?.user?.branch_id : '');
+    const [filterStatus, setFilterStatus] = useState('');
+    const [startDate, setStartDate] = useState('');
+    const [endDate, setEndDate] = useState('');
+    const [searchTerm, setSearchTerm] = useState('');
+
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+
+    const fetchMasters = async () => {
+        try {
+            // Fetch branches
+            const bRes = await fetch('/api/branches');
+            if (bRes.ok) {
+                setBranches(await bRes.json());
+            } else {
+                console.error('Failed to fetch branches');
+            }
+
+            // Fetch categories from the Master API to ensure 1:1 match
+            const cRes = await fetch('/api/masters/product');
+            if (cRes.ok) {
+                const cats = await cRes.json();
+                // Filter for Active only if needed, or show all
+                setCategories(cats.filter(c => c.status === 'Active'));
+            } else {
+                console.error('Failed to fetch product categories from master API');
+            }
+        } catch (error) {
+            console.error('Master data fetch exception:', error);
+        }
+    };
+
+    const fetchProducts = async () => {
+        setLoading(true);
+        try {
+            const url = `/api/inventory/products?branch_id=${filterBranch}&status=${filterStatus}`;
+            const res = await fetch(url);
+            setProducts(await res.json());
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    // Fetch Sales moved to Global Reports
+
+    const fetchMovements = async () => {
+        setMovementsLoading(true);
+        try {
+            let url = `/api/inventory/movements?branch_id=${filterBranch}`;
+            if (startDate) url += `&start_date=${startDate}`;
+            if (endDate) url += `&end_date=${endDate}`;
+            const res = await fetch(url);
+            setMovements(await res.json());
+        } catch (error) {
+            console.error('Error fetching movements:', error);
+        } finally {
+            setMovementsLoading(false);
+        }
+    };
+
+    useEffect(() => {
+        const init = async () => {
+            setLoading(true);
+            await Promise.all([fetchProducts(), fetchMasters()]);
+            setLoading(false);
+        };
+        init();
+    }, []);
+
+    useEffect(() => {
+        fetchProducts();
+    }, [filterBranch, filterStatus, startDate, endDate]);
+
+    useEffect(() => {
+        if (activeTab === 'Reports & Alerts') {
+            fetchMovements();
+        }
+    }, [activeTab, filterBranch, startDate, endDate]);
+
+    const lowStockCount = products.filter(p => parseFloat(p.current_stock) <= parseFloat(p.reorder_level)).length;
+
+    const stockColumns = [
+        {
+            header: 'Branch',
+            render: (row) => <span className="text-gray-500 font-bold text-xs">{row.branch?.name}</span>
+        },
+        {
+            header: 'Product Info',
+            render: (row) => (
+                <div className="flex flex-col">
+                    <div className="flex items-center gap-2">
+                        <span className="font-bold text-gray-900 text-sm">{row.name}</span>
+                        <span className="text-[9px] bg-gray-50 text-gray-400 px-1.5 py-0.5 rounded border border-gray-100 font-black uppercase">{row.category?.name}</span>
+                    </div>
+                    <span className="text-[10px] text-gray-400 font-black tracking-widest uppercase">SKU-{row.sku}</span>
+                </div>
+            )
+        },
+        {
+            header: 'Cost Price',
+            render: (row) => <span className="text-gray-600 font-bold">{parseFloat(row.cost_price).toFixed(2)}</span>
+        },
+        {
+            header: 'Selling Price',
+            render: (row) => <span className="text-gray-600 font-bold">{parseFloat(row.selling_price).toFixed(2)}</span>
+        },
+        {
+            header: 'Current Stock',
+            render: (row) => <span className="font-black text-[#111827]">{row.current_stock}</span>
+        },
+        {
+            header: 'Reorder Level',
+            render: (row) => <span className="text-gray-400 font-bold">{row.reorder_level}</span>
+        },
+        {
+            header: 'Status',
+            render: (row) => (
+                <span className={`px-3 py-1 rounded-lg text-[10px] font-black uppercase tracking-widest ${
+                    row.status === 'In Stock' ? 'bg-emerald-50 text-emerald-600 border border-emerald-100' :
+                    row.status === 'Low Stock' ? 'bg-amber-50 text-amber-600 border border-amber-100' :
+                    'bg-red-50 text-red-600 border border-red-100'
+                }`}>
+                    {row.status}
+                </span>
+            )
+        },
+        {
+            header: 'Actions',
+            render: (row) => (
+                <div className="flex items-center gap-3">
+                    <button 
+                        onClick={() => {
+                            setSelectedProduct(row);
+                            setIsDetailsModalOpen(true);
+                        }}
+                        className="p-2 hover:bg-gray-100 rounded-lg text-blue-500 transition-all" title="View Details">
+                        <Eye size={16} />
+                    </button>
+                    <button 
+                        onClick={() => {
+                            setSelectedProduct(row);
+                            setIsAdjustModalOpen(true);
+                        }}
+                        className="text-blue-600 text-xs font-black uppercase tracking-widest hover:underline"
+                    >
+                        Adjust Stock
+                    </button>
+                </div>
+            )
+        }
+    ];
+
+    const movementColumns = [
+        {
+            header: 'Date',
+            render: (row) => <span className="text-gray-500 font-bold text-xs">{new Date(row.date).toLocaleDateString()}</span>
+        },
+        {
+            header: 'Product / SKU',
+            render: (row) => (
+                <div className="flex flex-col">
+                    <span className="font-bold text-gray-900 text-sm">{row.product_name}</span>
+                    <span className="text-[10px] text-gray-400 font-black tracking-widest uppercase">{row.sku}</span>
+                </div>
+            )
+        },
+        {
+            header: 'Branch',
+            render: (row) => <span className="text-gray-400 font-black text-[10px] uppercase tracking-wider">{row.branch}</span>
+        },
+        {
+            header: 'Movement Type',
+            render: (row) => <span className="text-gray-700 italic font-black text-xs">{row.reason}</span>
+        },
+        {
+            header: 'Change',
+            render: (row) => (
+                <span className={`flex items-center gap-1 font-black ${row.change >= 0 ? 'text-emerald-500' : 'text-red-500'}`}>
+                    {row.change >= 0 ? <Plus size={12} /> : '-'}
+                    {Math.abs(row.change)}
+                </span>
+            )
+        },
+        {
+            header: 'Stock After',
+            render: (row) => <span className="font-black text-gray-900 text-sm">{row.new_stock}</span>
+        },
+        {
+            header: 'Remarks',
+            render: (row) => <span className="text-xs text-gray-400 font-bold truncate max-w-[150px]">{row.remarks || '-'}</span>
+        }
+    ];
+
+    const showToast = (message, type = 'success') => {
+        setToast({ message, type });
+        setTimeout(() => setToast(null), 3000);
+    };
+
+
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+
+            <main className="px-10 py-8 max-w-[1600px] mx-auto space-y-8">
+                <div className="flex items-center justify-between">
+                    <div className="flex items-center gap-4">
+                        <div className="w-12 h-12 bg-gray-50 border border-gray-100 rounded-2xl flex items-center justify-center text-gray-400">
+                            <Package size={24} />
+                        </div>
+                        <div>
+                            <h1 className="text-3xl font-black text-[#101828] tracking-tight">Inventory Management</h1>
+                            <p className="text-gray-500 font-medium text-sm mt-0.5">Track stock, sales, and alerts.</p>
+                        </div>
+                    </div>
+                    
+                    <div className="flex items-center gap-4">
+                        <button 
+                            onClick={() => setIsAdjustModalOpen(true)}
+                            className="flex items-center gap-2 px-6 py-3 bg-white border border-gray-100 text-gray-900 rounded-xl font-black text-xs uppercase tracking-widest hover:bg-gray-50 transition-all shadow-sm"
+                        >
+                            <History size={18} />
+                            <span>Adjust Stock</span>
+                        </button>
+
+                        <button 
+                            onClick={() => setIsSaleModalOpen(true)}
+                            className="flex items-center gap-2 px-6 py-3 bg-[#10B981] text-white rounded-xl font-black text-xs uppercase tracking-widest hover:bg-[#059669] transition-all shadow-lg shadow-emerald-100"
+                        >
+                            <ShoppingCart size={18} />
+                            <span>New Sale</span>
+                        </button>
+
+                        <button 
+                            onClick={() => setIsAddModalOpen(true)}
+                            className="flex items-center gap-2 px-6 py-3 bg-[#FF4D4D] text-white rounded-xl font-black text-xs uppercase tracking-widest hover:bg-[#E60000] transition-all shadow-lg shadow-red-100"
+                        >
+                            <Plus size={18} />
+                            <span>Add Product</span>
+                        </button>
+                    </div>
+                </div>
+
+                {/* Tabs */}
+                <div className="flex items-center gap-10 border-b border-gray-100">
+                    {['Stock Control', 'Reports & Alerts'].map(tab => (
+                        <button
+                            key={tab}
+                            onClick={() => setActiveTab(tab)}
+                            className={`pb-4 px-2 text-xs font-black uppercase tracking-[0.2em] transition-all border-b-2 ${
+                                activeTab === tab 
+                                ? 'border-[#FF4D4D] text-[#FF4D4D]' 
+                                : 'border-transparent text-gray-400 hover:text-gray-600'
+                            }`}
+                        >
+                            {tab}
+                        </button>
+                    ))}
+                </div>
+
+                {/* Filters */}
+                <div className="flex flex-wrap items-center gap-4">
+                    <div className="flex-1 min-w-[300px] relative">
+                        <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
+                        <input 
+                            type="text" 
+                            placeholder="Search Product or SKU..."
+                            className="w-full pl-12 pr-4 py-3.5 bg-white border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all text-sm font-bold shadow-sm"
+                            value={searchTerm}
+                            onChange={(e) => setSearchTerm(e.target.value)}
+                        />
+                    </div>
+
+                    {!isReceptionist && (
+                        <div className="flex items-center gap-2 bg-white border border-gray-100 rounded-2xl p-1.5 shadow-sm">
+                            <div className="flex items-center gap-2 px-3 text-gray-400">
+                                <Filter size={16} />
+                            </div>
+                            <select 
+                                className="bg-transparent pr-8 py-2 text-xs font-black uppercase tracking-widest outline-none cursor-pointer"
+                                value={filterBranch}
+                                onChange={(e) => setFilterBranch(e.target.value)}
+                            >
+                                <option value="">All Branches</option>
+                                {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                            </select>
+                            
+                            {activeTab === 'Stock Control' && (
+                                <>
+                                    <div className="w-px h-6 bg-gray-100 mx-2"></div>
+                                    <select 
+                                        className="bg-transparent pr-8 py-2 text-xs font-black uppercase tracking-widest outline-none cursor-pointer"
+                                        value={filterStatus}
+                                        onChange={(e) => setFilterStatus(e.target.value)}
+                                    >
+                                        <option value="">All Statuses</option>
+                                        <option value="In Stock">In Stock</option>
+                                        <option value="Low Stock">Low Stock</option>
+                                        <option value="Out of Stock">Out of Stock</option>
+                                    </select>
+                                </>
+                            )}
+                        </div>
+                    )}
+                    
+                    {isReceptionist && activeTab === 'Stock Control' && (
+                        <div className="flex items-center gap-2 bg-white border border-gray-100 rounded-2xl p-1.5 shadow-sm">
+                            <div className="flex items-center gap-2 px-3 text-gray-400">
+                                <Filter size={16} />
+                            </div>
+                            <select 
+                                className="bg-transparent pr-8 py-2 text-xs font-black uppercase tracking-widest outline-none cursor-pointer"
+                                value={filterStatus}
+                                onChange={(e) => setFilterStatus(e.target.value)}
+                            >
+                                <option value="">All Statuses</option>
+                                <option value="In Stock">In Stock</option>
+                                <option value="Low Stock">Low Stock</option>
+                                <option value="Out of Stock">Out of Stock</option>
+                            </select>
+                        </div>
+                    )}
+
+                    {(activeTab === 'Product Sales' || activeTab === 'Reports & Alerts') && (
+                        <div className="flex items-center gap-3 bg-white border border-gray-100 rounded-2xl p-1.5 shadow-sm px-4">
+                            <div className="flex items-center gap-2">
+                                <span className="text-[10px] font-black text-gray-400 uppercase tracking-widest">From</span>
+                                <input 
+                                    type="date"
+                                    className="bg-transparent text-xs font-black text-gray-700 outline-none"
+                                    value={startDate}
+                                    onChange={(e) => setStartDate(e.target.value)}
+                                />
+                            </div>
+                            <div className="w-px h-6 bg-gray-100 mx-1"></div>
+                            <div className="flex items-center gap-2">
+                                <span className="text-[10px] font-black text-gray-400 uppercase tracking-widest">To</span>
+                                <input 
+                                    type="date"
+                                    className="bg-transparent text-xs font-black text-gray-700 outline-none"
+                                    value={endDate}
+                                    onChange={(e) => setEndDate(e.target.value)}
+                                />
+                            </div>
+                        </div>
+                    )}
+                </div>
+
+                {activeTab === 'Stock Control' && (
+                    <div className="animate-in fade-in slide-in-from-bottom-4 duration-500">
+                        <DataTable 
+                            columns={stockColumns}
+                            data={products.filter(p => p.name.toLowerCase().includes(searchTerm.toLowerCase()) || p.sku?.toLowerCase().includes(searchTerm.toLowerCase()))}
+                            loading={loading}
+                            emptyMessage="No products found."
+                        />
+                    </div>
+                )}
+
+                {activeTab === 'Reports & Alerts' && (
+                    <div className="bg-white rounded-[32px] border border-gray-100 shadow-sm overflow-hidden animate-in fade-in slide-in-from-bottom-4 duration-500">
+                        <div className="p-8 border-b border-gray-100 flex items-center justify-between">
+                            <div>
+                                <h3 className="text-xl font-black text-gray-900">Inventory Movement Report</h3>
+                                <p className="text-xs text-gray-500 font-bold uppercase tracking-widest mt-1">Global audit log of all stock adjustments across all branches.</p>
+                            </div>
+                            <button 
+                                onClick={fetchMovements}
+                                className="p-3 bg-gray-50 text-gray-400 rounded-2xl hover:bg-gray-100 transition-all border border-gray-100"
+                            >
+                                <RefreshCw size={20} className={movementsLoading ? 'animate-spin' : ''} />
+                            </button>
+                        </div>
+                        <DataTable 
+                            columns={movementColumns}
+                            data={movements}
+                            loading={movementsLoading}
+                            emptyMessage="No stock movements recorded."
+                        />
+                    </div>
+                )}
+
+                {/* Modals */}
+                <AddProductModal 
+                    isOpen={isAddModalOpen} 
+                    onClose={() => setIsAddModalOpen(false)} 
+                    onSave={(p) => {
+                        setProducts([p, ...products]);
+                        showToast('Product added successfully');
+                    }}
+                    branches={branches}
+                    categories={categories}
+                />
+
+                <AdjustStockModal 
+                    isOpen={isAdjustModalOpen}
+                    onClose={() => {
+                        setIsAdjustModalOpen(false);
+                        setSelectedProduct(null);
+                    }}
+                    onSave={(p) => {
+                        setProducts(products.map(old => old.id === p.id ? p : old));
+                        showToast('Stock adjusted successfully');
+                    }}
+                    product={selectedProduct}
+                />
+
+                <ProductDetailsModal 
+                    isOpen={isDetailsModalOpen}
+                    onClose={() => {
+                        setIsDetailsModalOpen(false);
+                        setSelectedProduct(null);
+                    }}
+                    product={selectedProduct}
+                />
+
+                <NewSaleModal 
+                    isOpen={isSaleModalOpen}
+                    onClose={() => setIsSaleModalOpen(false)}
+                    onSave={() => {
+                        fetchProducts(); // Refresh stocks
+                        showToast('Sale completed successfully');
+                    }}
+                    branches={branches}
+                    products={products}
+                />
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Inventory/NewSaleModal.jsx b/resources/js/Pages/Owner/Inventory/NewSaleModal.jsx
new file mode 100644
index 0000000..cf78661
--- /dev/null
+++ b/resources/js/Pages/Owner/Inventory/NewSaleModal.jsx
@@ -0,0 +1,334 @@
+import React, { useState, useEffect } from 'react';
+import { X, Search, ShoppingCart, Plus, Minus, CreditCard, DollarSign, Globe, Trash2 } from 'lucide-react';
+
+export default function NewSaleModal({ isOpen, onClose, onSave, branches, products }) {
+    const [searchTerm, setSearchTerm] = useState('');
+    const [selectedBranch, setSelectedBranch] = useState('');
+    const [cart, setCart] = useState([]);
+    const [paymentMethod, setPaymentMethod] = useState('');
+    const [paymentMethods, setPaymentMethods] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [adjustedTotal, setAdjustedTotal] = useState('');
+    const [adjustmentRemarks, setAdjustmentRemarks] = useState('');
+
+    useEffect(() => {
+        if (isOpen) {
+            fetchPaymentMethods();
+        }
+    }, [isOpen]);
+
+    const fetchPaymentMethods = async () => {
+        try {
+            const res = await fetch('/api/masters/payment_method');
+            if (res.ok) {
+                const data = await res.json();
+                const activeOnes = data.filter(m => m.status === 'Active');
+                setPaymentMethods(activeOnes);
+                if (activeOnes.length > 0 && !paymentMethod) {
+                    setPaymentMethod(activeOnes[0].name);
+                }
+            }
+        } catch (error) {
+            console.error('Error fetching payment methods:', error);
+        }
+    };
+
+    useEffect(() => {
+        if (window.__APP_DATA__?.role === 'receptionist') {
+            setSelectedBranch(window.__APP_DATA__?.user?.branch_id);
+        } else if (branches.length > 0) {
+            setSelectedBranch(branches[0].id);
+        }
+    }, [branches]);
+
+    const subtotal = cart.reduce((sum, item) => sum + (item.unit_price * item.quantity), 0);
+    const vatAmount = subtotal * 0.05;
+    const totalWithVat = subtotal + vatAmount;
+
+    // Sync adjusted total when base total changes, if not manually edited
+    useEffect(() => {
+        setAdjustedTotal(totalWithVat.toFixed(2));
+    }, [totalWithVat]);
+
+    if (!isOpen) return null;
+
+    const filteredProducts = products.filter(p => 
+        p.branch_id.toString() === selectedBranch.toString() &&
+        p.name.toLowerCase().includes(searchTerm.toLowerCase())
+    );
+
+    const addToCart = (product) => {
+        const existing = cart.find(item => item.product_id === product.id);
+        if (existing) {
+            setCart(cart.map(item => 
+                item.product_id === product.id 
+                ? { ...item, quantity: item.quantity + 1 } 
+                : item
+            ));
+        } else {
+            setCart([...cart, { 
+                product_id: product.id, 
+                name: product.name, 
+                unit_price: product.selling_price, 
+                quantity: 1,
+                max_stock: product.current_stock
+            }]);
+        }
+    };
+
+    const updateQuantity = (id, delta) => {
+        setCart(cart.map(item => {
+            if (item.product_id === id) {
+                const newQty = Math.max(1, Math.min(item.max_stock, item.quantity + delta));
+                return { ...item, quantity: newQty };
+            }
+            return item;
+        }));
+    };
+
+    const removeItem = (id) => {
+        setCart(cart.filter(item => item.product_id !== id));
+    };
+
+    const handleSubmit = async () => {
+        if (cart.length === 0) return;
+        setLoading(true);
+        try {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+            const res = await fetch('/api/inventory/sales', {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({
+                    branch_id: selectedBranch,
+                    payment_method: paymentMethod,
+                    total_amount: parseFloat(adjustedTotal),
+                    remarks: parseFloat(adjustedTotal) !== totalWithVat ? adjustmentRemarks : '',
+                    items: cart.map(i => ({
+                        product_id: i.product_id,
+                        quantity: i.quantity,
+                        unit_price: i.unit_price
+                    }))
+                })
+            });
+            if (res.ok) {
+                const sale = await res.json();
+                onSave(sale);
+                setCart([]);
+                setAdjustmentRemarks('');
+                onClose();
+            }
+        } catch (error) {
+            console.error('Sale error:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div className="fixed inset-0 bg-[#00171F]/40 backdrop-blur-sm z-[999] flex items-center justify-center p-4">
+            <div className="bg-white rounded-[32px] w-full max-w-6xl max-h-[95vh] overflow-hidden shadow-2xl flex flex-col animate-in zoom-in-95 duration-500">
+                <div className="p-6 border-b border-gray-100 flex items-center justify-between bg-[#FBFCFD]">
+                    <div className="flex items-center gap-4">
+                        <div className="w-12 h-12 bg-emerald-50 rounded-2xl flex items-center justify-center text-emerald-600">
+                            <ShoppingCart size={24} />
+                        </div>
+                        <div>
+                            <h2 className="text-2xl font-black text-gray-900 tracking-tight">New Product Sale</h2>
+                            <p className="text-xs text-gray-500 font-bold uppercase tracking-widest mt-0.5">Create a transaction for product sales.</p>
+                        </div>
+                    </div>
+                    <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-2xl transition-all">
+                        <X size={28} className="text-gray-400" />
+                    </button>
+                </div>
+
+                <div className="flex-1 flex overflow-hidden">
+                    {/* Product Selection Area */}
+                    <div className="flex-1 p-8 overflow-auto space-y-8 bg-gray-50/30">
+                        <div className="flex items-center gap-4">
+                            <div className="flex-1 relative">
+                                <Search className="absolute left-5 top-1/2 -translate-y-1/2 text-gray-400" size={20} />
+                                <input 
+                                    className="w-full pl-12 pr-6 py-3 bg-white border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-red-500/10 focus:border-red-500 transition-all font-bold text-gray-900 text-sm shadow-sm"
+                                    placeholder="Search products..."
+                                    value={searchTerm}
+                                    onChange={e => setSearchTerm(e.target.value)}
+                                />
+                            </div>
+                            {window.__APP_DATA__?.role !== 'receptionist' && (
+                                <select 
+                                    className="px-5 py-3 bg-white border border-gray-100 rounded-2xl outline-none font-black text-[10px] uppercase tracking-widest cursor-pointer shadow-sm"
+                                    value={selectedBranch}
+                                    onChange={e => {
+                                        setSelectedBranch(e.target.value);
+                                        setCart([]);
+                                    }}
+                                >
+                                    {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                                </select>
+                            )}
+                        </div>
+
+                        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
+                            {filteredProducts.map(product => (
+                                <div key={product.id} className="bg-white p-3 rounded-[20px] border border-gray-100 shadow-sm hover:shadow-md hover:border-red-100 transition-all group flex flex-col">
+                                    <div className="flex items-start justify-between gap-2">
+                                        <div className="flex-1 min-w-0">
+                                            <h4 className="font-black text-gray-900 text-xs leading-snug truncate" title={product.name}>{product.name}</h4>
+                                            <p className="text-[9px] text-gray-400 font-bold uppercase tracking-wider mt-0.5 truncate">{product.category?.name}</p>
+                                        </div>
+                                        <span className={`px-1.5 py-0.5 rounded-md text-[8px] font-black whitespace-nowrap ${product.current_stock > 0 ? 'bg-emerald-50 text-emerald-600' : 'bg-red-50 text-red-600'}`}>
+                                            {product.current_stock} left
+                                        </span>
+                                    </div>
+                                    <div className="flex items-center justify-between mt-auto pt-3">
+                                        <span className="text-sm font-black text-[#FF4D4D]">{parseFloat(product.selling_price).toFixed(2)}</span>
+                                        <button 
+                                            disabled={product.current_stock <= 0}
+                                            onClick={() => addToCart(product)}
+                                            className="px-3 py-1.5 bg-gray-50 text-gray-900 border border-transparent rounded-lg font-black text-[9px] uppercase tracking-widest hover:bg-[#FF4D4D] hover:text-white transition-all disabled:opacity-30 disabled:hover:bg-gray-50 disabled:hover:text-gray-900"
+                                        >
+                                            Add
+                                        </button>
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+
+                    {/* Cart Sidebar */}
+                    <div className="w-[340px] border-l border-gray-100 p-6 flex flex-col bg-white shrink-0">
+                        <h3 className="text-lg font-black text-gray-900 mb-4 flex items-center gap-3">
+                            <ShoppingCart size={18} className="text-gray-400" />
+                            Current Order
+                        </h3>
+
+                        <div className="flex-1 overflow-auto space-y-3 pr-1">
+                            {cart.map(item => (
+                                <div key={item.product_id} className="p-3 bg-gray-50/50 rounded-xl border border-gray-100 group">
+                                    <div className="flex items-start justify-between">
+                                        <p className="font-bold text-gray-900 text-xs flex-1 leading-tight">{item.name}</p>
+                                        <button onClick={() => removeItem(item.product_id)} className="text-gray-300 hover:text-red-500 transition-colors ml-2">
+                                            <Trash2 size={14} />
+                                        </button>
+                                    </div>
+                                    <div className="flex items-center justify-between mt-3">
+                                        <div className="flex items-center gap-2 bg-white border border-gray-100 rounded-lg p-0.5">
+                                            <button onClick={() => updateQuantity(item.product_id, -1)} className="p-1 hover:bg-gray-50 rounded"><Minus size={12}/></button>
+                                            <span className="text-[10px] font-black min-w-[16px] text-center">{item.quantity}</span>
+                                            <button onClick={() => updateQuantity(item.product_id, 1)} className="p-1 hover:bg-gray-50 rounded"><Plus size={12}/></button>
+                                        </div>
+                                        <p className="font-black text-gray-900 text-xs">{parseFloat(item.unit_price * item.quantity).toFixed(2)}</p>
+                                    </div>
+                                </div>
+                            ))}
+                            {cart.length === 0 && (
+                                <div className="h-full flex flex-col items-center justify-center text-gray-300 gap-3 opacity-50 pt-10">
+                                    <ShoppingCart size={40} />
+                                    <p className="text-[10px] font-black uppercase tracking-[0.2em]">Order is empty</p>
+                                </div>
+                            )}
+                        </div>
+
+                        <div className="pt-5 border-t border-gray-100 space-y-4">
+                            <div className="space-y-2.5">
+                                <div className="flex items-center justify-between px-1">
+                                    <p className="text-[10px] font-bold text-gray-400 uppercase tracking-wider">Sub-Total</p>
+                                    <p className="text-xs font-black text-gray-900">{subtotal.toFixed(2)} AED</p>
+                                </div>
+                                <div className="flex items-center justify-between px-1">
+                                    <div className="flex items-center gap-1">
+                                        <p className="text-[10px] font-bold text-gray-400 uppercase tracking-wider">VAT</p>
+                                        <span className="px-1.5 py-0.5 bg-red-50 text-red-500 rounded text-[9px] font-black">5%</span>
+                                    </div>
+                                    <p className="text-xs font-black text-gray-900">{vatAmount.toFixed(2)} AED</p>
+                                </div>
+                                <div className="flex items-center justify-between pt-2 pb-1 px-1 border-t border-dashed border-gray-200">
+                                    <p className="text-[11px] font-black text-emerald-600 uppercase tracking-widest">Total Amount</p>
+                                    <p className="text-sm font-black text-emerald-600">{totalWithVat.toFixed(2)} AED</p>
+                                </div>
+                                <div className="space-y-1 pt-1">
+                                    <label className="text-[9px] font-black text-red-500 uppercase tracking-[0.15rem] block ml-1">Adjusted Total</label>
+                                    <div className="relative group">
+                                        <input 
+                                            type="number"
+                                            step="0.01"
+                                            value={adjustedTotal}
+                                            onChange={(e) => setAdjustedTotal(e.target.value)}
+                                            className="w-full bg-white border-2 border-red-50 py-1.5 px-3 rounded-lg text-sm font-black text-gray-900 focus:outline-none focus:border-red-200 transition-all shadow-inner"
+                                        />
+                                        <span className="absolute right-3 top-1/2 -translate-y-1/2 text-[9px] font-black text-gray-400 uppercase tracking-widest">AED</span>
+                                    </div>
+                                </div>
+                                
+                                {parseFloat(adjustedTotal) !== totalWithVat && (
+                                    <div className="space-y-1 animate-in slide-in-from-top-2 duration-300">
+                                        <label className="text-[8px] font-black text-amber-500 uppercase tracking-widest block ml-1">Adjustment Remarks *</label>
+                                        <textarea 
+                                            rows="1"
+                                            placeholder="Why is adjusted?"
+                                            value={adjustmentRemarks}
+                                            onChange={(e) => setAdjustmentRemarks(e.target.value)}
+                                            className="w-full bg-amber-50/30 border border-amber-100 py-1.5 px-3 rounded-lg text-xs font-bold text-gray-900 focus:outline-none focus:border-amber-300 transition-all resize-none shadow-sm min-h-[40px]"
+                                        />
+                                    </div>
+                                )}
+                            </div>
+
+                            <div className="grid grid-cols-3 gap-1.5 pt-1">
+                                {paymentMethods.map(method => (
+                                    <button
+                                        key={method.id}
+                                        type="button"
+                                        onClick={() => setPaymentMethod(method.name)}
+                                        className={`py-1.5 px-1 rounded-lg flex flex-col items-center gap-1 border transition-all ${
+                                            paymentMethod === method.name 
+                                            ? 'bg-red-500 border-red-500 text-white shadow-md shadow-red-100' 
+                                            : 'bg-white border-gray-100 text-gray-400 hover:border-red-200'
+                                        }`}
+                                    >
+                                        <div className="scale-75">
+                                            {method.name.toLowerCase().includes('cash') && <Banknote size={14} />}
+                                            {method.name.toLowerCase().includes('card') && <CreditCard size={14} />}
+                                            {!method.name.toLowerCase().includes('cash') && !method.name.toLowerCase().includes('card') && <Globe size={14} />}
+                                        </div>
+                                        <span className="text-[8px] font-black uppercase tracking-tight leading-none">{method.name}</span>
+                                    </button>
+                                ))}
+                                {paymentMethods.length === 0 && (
+                                    ['Cash', 'Card', 'Online'].map(method => (
+                                        <button
+                                            key={method}
+                                            type="button"
+                                            onClick={() => setPaymentMethod(method)}
+                                            className={`py-1.5 px-1 rounded-lg flex flex-col items-center gap-1 border transition-all ${
+                                                paymentMethod === method 
+                                                ? 'bg-red-500 border-red-500 text-white shadow-md shadow-red-100' 
+                                                : 'bg-white border-gray-100 text-gray-400 hover:border-red-200'
+                                            }`}
+                                        >
+                                            <span className="text-[8px] font-black uppercase tracking-tight leading-none">{method}</span>
+                                        </button>
+                                    ))
+                                )}
+                            </div>
+
+                            <button
+                                disabled={cart.length === 0 || loading || (parseFloat(adjustedTotal) !== totalWithVat && !adjustmentRemarks.trim())}
+                                onClick={handleSubmit}
+                                className="w-full py-2.5 mt-2 rounded-lg font-black uppercase tracking-[0.15em] text-[10px] text-white shadow-lg transition-all flex items-center justify-center gap-2 active:scale-95 ${
+                                    success ? 'bg-emerald-500 shadow-emerald-200' : 'bg-[#EF4444] hover:bg-red-600 shadow-red-200'
+                                } disabled:opacity-50 disabled:scale-100 disabled:shadow-none"
+                            >
+                                {loading ? 'Processing...' : 'Process Payment'}
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Inventory/ProductDetailsModal.jsx b/resources/js/Pages/Owner/Inventory/ProductDetailsModal.jsx
new file mode 100644
index 0000000..e12462c
--- /dev/null
+++ b/resources/js/Pages/Owner/Inventory/ProductDetailsModal.jsx
@@ -0,0 +1,150 @@
+import React, { useState, useEffect } from 'react';
+import { X, Calendar, ArrowUpRight, ArrowDownRight, Info, Package, DollarSign, Building } from 'lucide-react';
+
+export default function ProductDetailsModal({ isOpen, onClose, product }) {
+    const [history, setHistory] = useState([]);
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        if (isOpen && product) {
+            fetchHistory();
+        }
+    }, [isOpen, product]);
+
+    const fetchHistory = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/inventory/products/${product.id}/history`);
+            setHistory(await res.json());
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    if (!isOpen || !product) return null;
+
+    return (
+        <div className="fixed inset-0 bg-[#101828]/60 backdrop-blur-md z-[999] flex items-center justify-center p-4">
+            <div className="bg-white rounded-[40px] w-full max-w-4xl max-h-[90vh] overflow-hidden shadow-2xl flex flex-col animate-in slide-in-from-bottom-8 duration-500">
+                {/* Header Section */}
+                <div className="p-8 border-b border-gray-100 flex items-start justify-between bg-white relative">
+                    <div className="flex gap-6">
+                        <div className="w-20 h-20 bg-gray-50 border border-gray-100 rounded-3xl flex items-center justify-center text-gray-400 group-hover:scale-105 transition-transform">
+                            <Package size={40} />
+                        </div>
+                        <div className="pt-1">
+                            <div className="flex items-center gap-3">
+                                <h2 className="text-3xl font-black text-gray-900 tracking-tight">{product.name}</h2>
+                                <span className={`px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-widest ${
+                                    product.status === 'In Stock' ? 'bg-emerald-50 text-emerald-600 border border-emerald-100' : 'bg-red-50 text-red-600 border border-red-100'
+                                }`}>
+                                    ● {product.status}
+                                </span>
+                            </div>
+                            <p className="text-sm text-gray-400 font-bold uppercase tracking-[0.2em] mt-1">SKU - {product.sku}</p>
+                        </div>
+                    </div>
+                    <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-2xl transition-all">
+                        <X size={28} className="text-gray-400" />
+                    </button>
+                </div>
+
+                {/* Stats Cards */}
+                <div className="grid grid-cols-4 gap-4 p-8 bg-gray-50/50">
+                    <div className="bg-white p-5 rounded-3xl border border-gray-100 shadow-sm">
+                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 flex items-center gap-2">
+                             Category
+                        </p>
+                        <p className="text-lg font-black text-gray-900">{product.category?.name}</p>
+                    </div>
+                    <div className="bg-white p-5 rounded-3xl border border-gray-100 shadow-sm">
+                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 flex items-center gap-2">
+                             Branch
+                        </p>
+                        <p className="text-lg font-black text-gray-900 truncate">{product.branch?.name}</p>
+                    </div>
+                    <div className="bg-white p-5 rounded-3xl border border-gray-100 shadow-sm">
+                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 flex items-center gap-2">
+                             Cost Price
+                        </p>
+                        <p className="text-lg font-black text-gray-900">{parseFloat(product.cost_price).toFixed(2)} AED</p>
+                    </div>
+                    <div className="bg-white p-5 rounded-3xl border border-gray-100 shadow-sm">
+                        <p className="text-[10px] font-black text-emerald-500 uppercase tracking-widest mb-2 flex items-center gap-2">
+                             Selling Price
+                        </p>
+                        <p className="text-lg font-black text-emerald-600">{parseFloat(product.selling_price).toFixed(2)} AED</p>
+                    </div>
+                    
+                    <div className="bg-blue-50/50 p-6 rounded-3xl border border-blue-100/50 col-span-2">
+                        <p className="text-[10px] font-black text-blue-400 uppercase tracking-widest mb-2">Current Stock</p>
+                        <p className="text-4xl font-black text-blue-600">{product.current_stock}</p>
+                    </div>
+                    <div className="bg-amber-50/50 p-6 rounded-3xl border border-amber-100/50 col-span-2">
+                        <p className="text-[10px] font-black text-amber-500 uppercase tracking-widest mb-2">Reorder Level</p>
+                        <p className="text-4xl font-black text-amber-600">{product.reorder_level}</p>
+                    </div>
+                </div>
+
+                {/* History Section */}
+                <div className="flex-1 overflow-auto p-8 pt-0">
+                    <h3 className="text-xl font-black text-gray-900 mb-6 flex items-center gap-3">
+                        Stock History
+                        <span className="text-[10px] bg-gray-100 text-gray-500 px-2 py-1 rounded-md uppercase tracking-tighter">{history.length} records</span>
+                    </h3>
+
+                    {loading ? (
+                        <div className="py-20 flex flex-col items-center justify-center text-gray-400 gap-4">
+                            <div className="w-10 h-10 border-4 border-gray-100 border-t-blue-500 rounded-full animate-spin"></div>
+                            <p className="text-xs font-black uppercase tracking-widest">Loading history...</p>
+                        </div>
+                    ) : (
+                        <div className="border border-gray-100 rounded-[32px] overflow-hidden">
+                            <table className="w-full text-left">
+                                <thead className="bg-gray-50/50 border-b border-gray-100">
+                                    <tr>
+                                        <th className="px-6 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Date</th>
+                                        <th className="px-6 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Action/Reason</th>
+                                        <th className="px-6 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Change</th>
+                                        <th className="px-6 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">New Stock</th>
+                                        <th className="px-6 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Remarks</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-gray-50">
+                                    {history.map((record) => (
+                                        <tr key={record.id} className="hover:bg-gray-50/30 transition-colors">
+                                            <td className="px-6 py-6 text-sm font-bold text-gray-500">{new Date(record.adjustment_date).toLocaleDateString()}</td>
+                                            <td className="px-6 py-6 text-sm font-black text-gray-700 italic">{record.reason}</td>
+                                            <td className="px-6 py-6">
+                                                <span className={`flex items-center gap-1 font-black ${record.adjustment_qty >= 0 ? 'text-emerald-500' : 'text-red-500'}`}>
+                                                    {record.adjustment_qty >= 0 ? <ArrowUpRight size={14} /> : <ArrowDownRight size={14} />}
+                                                    {Math.abs(record.adjustment_qty)}
+                                                </span>
+                                            </td>
+                                            <td className="px-6 py-6 text-sm font-black text-gray-900">{record.new_stock}</td>
+                                            <td className="px-6 py-6 text-xs font-bold text-gray-400 max-w-[200px] truncate">{record.remarks || '-'}</td>
+                                        </tr>
+                                    ))}
+                                    {history.length === 0 && (
+                                        <tr>
+                                            <td colSpan="5" className="px-6 py-20 text-center text-gray-400 font-bold uppercase tracking-[0.2em] text-[10px]">No stock history found</td>
+                                        </tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    )}
+                </div>
+
+                <div className="p-8 border-t border-gray-100 bg-gray-50/30 flex justify-end">
+                    <button 
+                        onClick={onClose}
+                        className="px-10 py-4 bg-[#111827] text-white rounded-2xl font-black text-xs uppercase tracking-widest hover:scale-105 transition-all shadow-xl"
+                    >
+                        Close
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Investors/Add.jsx b/resources/js/Pages/Owner/Investors/Add.jsx
new file mode 100644
index 0000000..b0982dd
--- /dev/null
+++ b/resources/js/Pages/Owner/Investors/Add.jsx
@@ -0,0 +1,315 @@
+import React, { useState, useEffect } from 'react';
+import Toast from '../Components/Toast';
+import { ChevronLeft, Upload, X, Check } from 'lucide-react';
+
+export default function InvestorAdd() {
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const basePath = isReceptionist ? '/receptionist/investors' : '/owner/investors';
+    
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [branches, setBranches] = useState([]);
+    const [toast, setToast] = useState(null);
+    
+    const [formData, setFormData] = useState({
+        name: '',
+        investment_date: new Date().toISOString().split('T')[0],
+        investment_amount: '',
+        applicable_to_all_branches: false,
+        branch_ids: isReceptionist ? [window.__APP_DATA__?.user?.branch_id] : [],
+        roi_type: 'Percentage',
+        roi_value: '',
+        roi_period: 'Monthly',
+        security_proof_document: null
+    });
+
+    const [branchDropdownOpen, setBranchDropdownOpen] = useState(false);
+
+    useEffect(() => {
+        const fetchBranches = async () => {
+            try {
+                const response = await fetch('/api/branches');
+                const data = await response.json();
+                setBranches(data);
+            } catch (error) {
+                console.error('Error fetching branches:', error);
+            } finally {
+                setLoading(false);
+            }
+        };
+        fetchBranches();
+    }, []);
+
+    const handleChange = (e) => {
+        const { name, value, type, checked } = e.target;
+        setFormData({
+            ...formData,
+            [name]: type === 'checkbox' ? checked : value
+        });
+    };
+
+    const handleFileChange = (e) => {
+        setFormData({ ...formData, security_proof_document: e.target.files[0] });
+    };
+
+    const toggleBranch = (id) => {
+        const newBranchIds = formData.branch_ids.includes(id)
+            ? formData.branch_ids.filter(bid => bid !== id)
+            : [...formData.branch_ids, id];
+        setFormData({ ...formData, branch_ids: newBranchIds });
+    };
+
+    const handleSave = async (e) => {
+        e.preventDefault();
+        setSaving(true);
+
+        const data = new FormData();
+        Object.keys(formData).forEach(key => {
+            if (key === 'branch_ids') {
+                formData.branch_ids.forEach(id => data.append('branch_ids[]', id));
+            } else if (key === 'security_proof_document' && formData[key]) {
+                data.append('security_proof_document', formData[key]);
+            } else if (key === 'applicable_to_all_branches') {
+                data.append(key, formData[key] ? '1' : '0');
+            } else {
+                data.append(key, formData[key]);
+            }
+        });
+
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+
+        try {
+            const response = await fetch('/api/investors', {
+                method: 'POST',
+                headers: { 
+                    'Accept': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: data
+            });
+
+            if (response.ok) {
+                setToast({ message: 'Investor added successfully!', type: 'success' });
+                setTimeout(() => window.location.href = basePath, 1500);
+            } else {
+                const errorData = await response.json().catch(() => ({}));
+                if (errorData.errors) {
+                    const message = Object.entries(errorData.errors)
+                        .map(([field, msgs]) => `${field.replace('_', ' ')}: ${msgs.join(', ')}`)
+                        .join('\n');
+                    setToast({ message: 'Validation Error:\n' + message, type: 'error' });
+                } else {
+                    setToast({ message: 'Error saving investor: ' + (errorData.message || response.statusText), type: 'error' });
+                }
+            }
+        } catch (error) {
+            console.error('API Error:', error);
+            setToast({ message: 'Failed to save investor.', type: 'error' });
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    if (loading) return <div className="p-10 text-center font-medium text-gray-400">Loading form...</div>;
+
+    const selectedBranchNames = branches
+        .filter(b => formData.branch_ids.includes(b.id))
+        .map(b => b.name)
+        .join(', ');
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+
+            <main className="p-8 max-w-4xl mx-auto">
+                <div className="flex items-center gap-4 mb-8">
+                    <button onClick={() => window.location.href = basePath} className="p-2 hover:bg-gray-100 rounded-full transition-all">
+                        <ChevronLeft size={24} className="text-gray-600" />
+                    </button>
+                    <h1 className="text-2xl font-bold text-[#101828]">Add New Investor</h1>
+                </div>
+
+                <div className="bg-white rounded-3xl border border-gray-100 shadow-sm p-10">
+                    <form onSubmit={handleSave} className="space-y-8">
+                        <div className="grid grid-cols-2 gap-8">
+                            {/* Investor Name */}
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">Investor Name</label>
+                                <input 
+                                    required 
+                                    type="text" 
+                                    name="name" 
+                                    value={formData.name} 
+                                    onChange={handleChange} 
+                                    className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" 
+                                    placeholder="Enter Investor Name" 
+                                />
+                            </div>
+
+                            {/* Investment Date */}
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">Investment Date</label>
+                                <input 
+                                    required 
+                                    type="date" 
+                                    name="investment_date" 
+                                    value={formData.investment_date} 
+                                    onChange={handleChange} 
+                                    className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" 
+                                />
+                            </div>
+
+                            {/* Investment Amount */}
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">Investment Amount (AED)</label>
+                                <input 
+                                    required 
+                                    type="number" 
+                                    name="investment_amount" 
+                                    value={formData.investment_amount} 
+                                    onChange={handleChange} 
+                                    className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" 
+                                    placeholder="Enter Amount" 
+                                />
+                            </div>
+
+                            {/* Branch Selection Toggle */}
+                            <div className={`space-y-4 ${isReceptionist ? 'opacity-50 pointer-events-none' : ''}`}>
+                                <label className="text-[13px] font-semibold text-gray-600">Branch Selection</label>
+                                <div className="flex items-center justify-between p-4 bg-gray-50/50 rounded-xl border border-gray-100">
+                                    <span className="text-sm text-gray-600 font-medium">Applicable to All Branches</span>
+                                    <button 
+                                        type="button"
+                                        disabled={isReceptionist}
+                                        onClick={() => setFormData({...formData, applicable_to_all_branches: !formData.applicable_to_all_branches})}
+                                        className={`w-12 h-6 rounded-full transition-all relative ${formData.applicable_to_all_branches ? 'bg-emerald-500' : 'bg-gray-300'}`}
+                                    >
+                                        <div className={`absolute top-1 w-4 h-4 bg-white rounded-full transition-all ${formData.applicable_to_all_branches ? 'left-7' : 'left-1'}`}></div>
+                                    </button>
+                                </div>
+                            </div>
+
+                            {/* Specific Branch Selector */}
+                            {!formData.applicable_to_all_branches && !isReceptionist && (
+                                <div className="col-span-2 space-y-2 animate-in slide-in-from-top-2 duration-300">
+                                    <label className="text-[13px] font-semibold text-gray-600">Select Specific Branches</label>
+                                    <div className="relative">
+                                        <button 
+                                            type="button"
+                                            onClick={() => setBranchDropdownOpen(!branchDropdownOpen)}
+                                            className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm text-left flex items-center justify-between bg-white focus:ring-2 focus:ring-emerald-500 transition-all"
+                                        >
+                                            <span className={selectedBranchNames ? 'text-gray-900' : 'text-gray-400'}>
+                                                {selectedBranchNames || 'Select Specific Branches...'}
+                                            </span>
+                                            <ChevronLeft size={18} className={`text-gray-400 transform transition-transform ${branchDropdownOpen ? 'rotate-90' : '-rotate-90'}`} />
+                                        </button>
+                                        
+                                        {branchDropdownOpen && (
+                                            <div className="absolute z-10 w-full mt-2 bg-white border border-gray-100 rounded-xl shadow-xl max-h-60 overflow-y-auto p-2">
+                                                {branches.map(branch => (
+                                                    <div 
+                                                        key={branch.id} 
+                                                        onClick={() => toggleBranch(branch.id)}
+                                                        className="flex items-center justify-between p-3 hover:bg-gray-50 rounded-lg cursor-pointer transition-colors"
+                                                    >
+                                                        <span className="text-sm font-medium text-gray-700">{branch.name}</span>
+                                                        {formData.branch_ids.includes(branch.id) && <Check size={16} className="text-emerald-600" />}
+                                                    </div>
+                                                ))}
+                                            </div>
+                                        )}
+                                    </div>
+                                </div>
+                            )}
+
+                            {/* ROI Type */}
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">ROI Type</label>
+                                <select 
+                                    name="roi_type" 
+                                    value={formData.roi_type} 
+                                    onChange={handleChange} 
+                                    className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none appearance-none bg-white"
+                                >
+                                    <option value="Percentage">Percentage</option>
+                                    <option value="Fixed Amount">Fixed Amount</option>
+                                </select>
+                            </div>
+
+                            {/* ROI Value */}
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">
+                                    {formData.roi_type === 'Percentage' ? 'ROI (%)' : 'Fixed Amount (AED)'}
+                                </label>
+                                <input 
+                                    type="number" 
+                                    name="roi_value" 
+                                    value={formData.roi_value} 
+                                    onChange={handleChange} 
+                                    className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" 
+                                    placeholder={formData.roi_type === 'Percentage' ? "e.g. 10" : "e.g. 500"} 
+                                />
+                            </div>
+
+                            {/* ROI Period */}
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">ROI Period</label>
+                                <select 
+                                    name="roi_period" 
+                                    value={formData.roi_period} 
+                                    onChange={handleChange} 
+                                    className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none appearance-none bg-white"
+                                >
+                                    <option value="Monthly">Monthly</option>
+                                    <option value="Quarterly">Quarterly</option>
+                                    <option value="Yearly">Yearly</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        {/* File Upload */}
+                        <div className="space-y-2">
+                            <label className="text-[13px] font-semibold text-gray-600">Security Proof Document</label>
+                            <div className="border-2 border-dashed border-gray-200 rounded-3xl p-12 flex flex-col items-center justify-center space-y-4 hover:border-emerald-300 transition-all group bg-gray-50/20 relative">
+                                <input 
+                                    type="file" 
+                                    className="absolute inset-0 opacity-0 cursor-pointer" 
+                                    onChange={handleFileChange}
+                                />
+                                <div className="w-16 h-16 rounded-2xl bg-gray-50 flex items-center justify-center text-gray-400 group-hover:bg-emerald-50 group-hover:text-emerald-500 transition-all">
+                                    <Upload size={32} />
+                                </div>
+                                <div className="text-center">
+                                    <p className="text-sm font-semibold text-gray-900">
+                                        {formData.security_proof_document ? formData.security_proof_document.name : <><span className="text-red-500">Upload a file</span> or drag and drop</>}
+                                    </p>
+                                    <p className="text-xs text-gray-400 mt-1 uppercase tracking-wider font-bold">PDF, PNG, JPG up to 10MB</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Actions */}
+                        <div className="flex items-center justify-end gap-3 pt-4">
+                            <button 
+                                type="button" 
+                                onClick={() => window.location.href = basePath}
+                                className="px-8 py-3.5 text-gray-500 font-bold text-sm hover:bg-gray-100 rounded-xl transition-all"
+                            >
+                                Cancel
+                            </button>
+                            <button 
+                                type="submit" 
+                                disabled={saving}
+                                className="px-10 py-3.5 bg-[#00C853] text-white font-bold text-sm rounded-xl hover:bg-[#00B24A] shadow-lg shadow-emerald-100 transition-all flex items-center gap-2"
+                            >
+                                <svg size={18} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4"><path d="M19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H16L21 8V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 21V13H7V21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 3V8H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+                                <span>{saving ? 'Creating...' : 'Create Investor'}</span>
+                            </button>
+                        </div>
+                    </form>
+                </div>
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Investors/Edit.jsx b/resources/js/Pages/Owner/Investors/Edit.jsx
new file mode 100644
index 0000000..7508bd8
--- /dev/null
+++ b/resources/js/Pages/Owner/Investors/Edit.jsx
@@ -0,0 +1,285 @@
+import React, { useState, useEffect } from 'react';
+import Toast from '../Components/Toast';
+import { ChevronLeft, Upload, X, Check, FileText } from 'lucide-react';
+
+export default function InvestorEdit({ id }) {
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const basePath = isReceptionist ? '/receptionist/investors' : '/owner/investors';
+    
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [branches, setBranches] = useState([]);
+    const [toast, setToast] = useState(null);
+    
+    const [formData, setFormData] = useState({
+        name: '',
+        investment_date: '',
+        investment_amount: '',
+        applicable_to_all_branches: false,
+        branch_ids: [],
+        roi_type: 'Percentage',
+        roi_value: '',
+        roi_period: 'Monthly',
+        security_proof_document: null,
+        existing_document: null
+    });
+
+    const [branchDropdownOpen, setBranchDropdownOpen] = useState(false);
+
+    useEffect(() => {
+        const fetchData = async () => {
+            try {
+                const bRes = await fetch('/api/branches');
+                const bData = await bRes.json();
+                setBranches(bData);
+
+                const iRes = await fetch(`/api/investors/${id}`);
+                const iData = await iRes.json();
+                
+                setFormData({
+                    ...formData,
+                    ...iData,
+                    applicable_to_all_branches: !!iData.applicable_to_all_branches,
+                    branch_ids: iData.branches.map(b => b.id),
+                    existing_document: iData.security_proof_document,
+                    security_proof_document: null
+                });
+            } catch (error) {
+                console.error('Error fetching data:', error);
+            } finally {
+                setLoading(false);
+            }
+        };
+        fetchData();
+    }, [id]);
+
+    const handleChange = (e) => {
+        const { name, value, type, checked } = e.target;
+        setFormData({
+            ...formData,
+            [name]: type === 'checkbox' ? checked : value
+        });
+    };
+
+    const handleFileChange = (e) => {
+        setFormData({ ...formData, security_proof_document: e.target.files[0] });
+    };
+
+    const toggleBranch = (id) => {
+        const newBranchIds = formData.branch_ids.includes(id)
+            ? formData.branch_ids.filter(bid => bid !== id)
+            : [...formData.branch_ids, id];
+        setFormData({ ...formData, branch_ids: newBranchIds });
+    };
+
+    const handleSave = async (e) => {
+        e.preventDefault();
+        setSaving(true);
+
+        const data = new FormData();
+        data.append('_method', 'PUT'); // For Laravel multipart PUT
+        Object.keys(formData).forEach(key => {
+            if (key === 'branch_ids') {
+                formData.branch_ids.forEach(id => data.append('branch_ids[]', id));
+            } else if (key === 'security_proof_document' && formData[key]) {
+                data.append('security_proof_document', formData[key]);
+            } else if (key === 'applicable_to_all_branches') {
+                data.append(key, formData[key] ? '1' : '0');
+            } else if (key !== 'existing_document' && key !== 'branches') {
+                data.append(key, formData[key] || '');
+            }
+        });
+
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+
+        try {
+            const response = await fetch(`/api/investors/${id}`, {
+                method: 'POST', // Multipart must be POST in PHP/Laravel with _method=PUT
+                headers: { 
+                    'Accept': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: data
+            });
+
+            if (response.ok) {
+                setToast({ message: 'Investor updated successfully!', type: 'success' });
+                setTimeout(() => window.location.href = basePath, 1500);
+            } else {
+                const errorData = await response.json().catch(() => ({}));
+                if (errorData.errors) {
+                    const message = Object.entries(errorData.errors)
+                        .map(([field, msgs]) => `${field.replace('_', ' ')}: ${msgs.join(', ')}`)
+                        .join('\n');
+                    setToast({ message: 'Validation Error:\n' + message, type: 'error' });
+                } else {
+                    setToast({ message: 'Error updating investor: ' + (errorData.message || response.statusText), type: 'error' });
+                }
+            }
+        } catch (error) {
+            console.error('API Error:', error);
+            setToast({ message: 'Failed to update investor.', type: 'error' });
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    if (loading) return <div className="p-10 text-center font-medium text-gray-400">Loading details...</div>;
+
+    const selectedBranchNames = branches
+        .filter(b => formData.branch_ids.includes(b.id))
+        .map(b => b.name)
+        .join(', ');
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+
+            <main className="p-8 max-w-4xl mx-auto">
+                <div className="flex items-center gap-4 mb-8">
+                    <button onClick={() => window.location.href = basePath} className="p-2 hover:bg-gray-100 rounded-full transition-all">
+                        <ChevronLeft size={24} className="text-gray-600" />
+                    </button>
+                    <h1 className="text-2xl font-bold text-[#101828]">Edit Investor</h1>
+                </div>
+
+                <div className="bg-white rounded-3xl border border-gray-100 shadow-sm p-10">
+                    <form onSubmit={handleSave} className="space-y-8">
+                        <div className="grid grid-cols-2 gap-8">
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">Investor Name</label>
+                                <input required type="text" name="name" value={formData.name} onChange={handleChange} className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" />
+                            </div>
+
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">Investment Date</label>
+                                <input required type="date" name="investment_date" value={formData.investment_date} onChange={handleChange} className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" />
+                            </div>
+
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">Investment Amount (AED)</label>
+                                <input required type="number" name="investment_amount" value={formData.investment_amount} onChange={handleChange} className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" />
+                            </div>
+
+                            <div className="space-y-4">
+                                <label className="text-[13px] font-semibold text-gray-600">Branch Selection</label>
+                                <div className="flex items-center justify-between p-4 bg-gray-50/50 rounded-xl border border-gray-100">
+                                    <span className="text-sm text-gray-600 font-medium">Applicable to All Branches</span>
+                                    <button 
+                                        type="button"
+                                        disabled={isReceptionist}
+                                        onClick={() => setFormData({...formData, applicable_to_all_branches: !formData.applicable_to_all_branches})}
+                                        className={`w-12 h-6 rounded-full transition-all relative ${formData.applicable_to_all_branches ? 'bg-emerald-500' : 'bg-gray-300'} ${isReceptionist ? 'opacity-50 cursor-not-allowed' : ''}`}
+                                    >
+                                        <div className={`absolute top-1 w-4 h-4 bg-white rounded-full transition-all ${formData.applicable_to_all_branches ? 'left-7' : 'left-1'}`}></div>
+                                    </button>
+                                </div>
+                            </div>
+
+                            {!formData.applicable_to_all_branches && !isReceptionist && (
+                                <div className="col-span-2 space-y-2 animate-in slide-in-from-top-2 duration-300">
+                                    <label className="text-[13px] font-semibold text-gray-600">Select Specific Branches</label>
+                                    <div className="relative">
+                                        <button 
+                                            type="button"
+                                            onClick={() => setBranchDropdownOpen(!branchDropdownOpen)}
+                                            className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm text-left flex items-center justify-between bg-white focus:ring-2 focus:ring-emerald-500 transition-all"
+                                        >
+                                            <span className={selectedBranchNames ? 'text-gray-900' : 'text-gray-400'}>
+                                                {selectedBranchNames || 'Select Specific Branches...'}
+                                            </span>
+                                            <ChevronLeft size={18} className={`text-gray-400 transform transition-transform ${branchDropdownOpen ? 'rotate-90' : '-rotate-90'}`} />
+                                        </button>
+                                        
+                                        {branchDropdownOpen && (
+                                            <div className="absolute z-10 w-full mt-2 bg-white border border-gray-100 rounded-xl shadow-xl max-h-60 overflow-y-auto p-2">
+                                                {branches.map(branch => (
+                                                    <div 
+                                                        key={branch.id} 
+                                                        onClick={() => toggleBranch(branch.id)}
+                                                        className="flex items-center justify-between p-3 hover:bg-gray-50 rounded-lg cursor-pointer transition-colors"
+                                                    >
+                                                        <span className="text-sm font-medium text-gray-700">{branch.name}</span>
+                                                        {formData.branch_ids.includes(branch.id) && <Check size={16} className="text-emerald-600" />}
+                                                    </div>
+                                                ))}
+                                            </div>
+                                        )}
+                                    </div>
+                                </div>
+                            )}
+
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">ROI Type</label>
+                                <select name="roi_type" value={formData.roi_type} onChange={handleChange} className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none appearance-none bg-white">
+                                    <option value="Percentage">Percentage</option>
+                                    <option value="Fixed Amount">Fixed Amount</option>
+                                </select>
+                            </div>
+
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">
+                                    {formData.roi_type === 'Percentage' ? 'ROI (%)' : 'Fixed Amount (AED)'}
+                                </label>
+                                <input type="number" name="roi_value" value={formData.roi_value} onChange={handleChange} className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none" />
+                            </div>
+
+                            <div className="space-y-2">
+                                <label className="text-[13px] font-semibold text-gray-600">ROI Period</label>
+                                <select name="roi_period" value={formData.roi_period} onChange={handleChange} className="w-full border border-gray-200 rounded-xl px-4 py-3.5 text-sm focus:ring-2 focus:ring-emerald-500 transition-all outline-none appearance-none bg-white">
+                                    <option value="Monthly">Monthly</option>
+                                    <option value="Quarterly">Quarterly</option>
+                                    <option value="Yearly">Yearly</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div className="space-y-4">
+                            <label className="text-[13px] font-semibold text-gray-600">Security Proof Document</label>
+                            
+                            {formData.existing_document && !formData.security_proof_document && (
+                                <div className="flex items-center justify-between p-4 bg-emerald-50/50 rounded-xl border border-emerald-100">
+                                    <div className="flex items-center gap-3">
+                                        <div className="p-2 bg-emerald-100 rounded-lg text-emerald-600">
+                                            <FileText size={20} />
+                                        </div>
+                                        <div>
+                                            <p className="text-sm font-bold text-emerald-900">Current Document</p>
+                                            <p className="text-xs text-emerald-600">Existing proof attached</p>
+                                        </div>
+                                    </div>
+                                    <button type="button" onClick={() => document.getElementById('fileInput').click()} className="text-xs font-bold text-emerald-700 hover:underline">Change File</button>
+                                </div>
+                            )}
+
+                            <div className="border-2 border-dashed border-gray-200 rounded-3xl p-10 flex flex-col items-center justify-center space-y-4 hover:border-emerald-300 transition-all group bg-gray-50/20 relative">
+                                <input 
+                                    id="fileInput"
+                                    type="file" 
+                                    className="absolute inset-0 opacity-0 cursor-pointer" 
+                                    onChange={handleFileChange}
+                                />
+                                <div className="w-12 h-12 rounded-xl bg-gray-50 flex items-center justify-center text-gray-400 group-hover:bg-emerald-50 group-hover:text-emerald-500 transition-all">
+                                    <Upload size={24} />
+                                </div>
+                                <div className="text-center">
+                                    <p className="text-sm font-semibold text-gray-900">
+                                        {formData.security_proof_document ? formData.security_proof_document.name : <><span className="text-emerald-600">Upload new file</span> or drag and drop</>}
+                                    </p>
+                                    <p className="text-xs text-gray-400 mt-1 uppercase tracking-wider font-bold">PDF, PNG, JPG up to 10MB</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="flex items-center justify-end gap-3 pt-4">
+                            <button type="button" onClick={() => window.location.href = basePath} className="px-8 py-3.5 text-gray-500 font-bold text-sm hover:bg-gray-100 rounded-xl transition-all">Cancel</button>
+                            <button type="submit" disabled={saving} className="px-10 py-3.5 bg-emerald-600 text-white font-bold text-sm rounded-xl hover:bg-emerald-700 shadow-lg shadow-emerald-100 transition-all flex items-center gap-2">
+                                <span>{saving ? 'Updating...' : 'Update Investor'}</span>
+                            </button>
+                        </div>
+                    </form>
+                </div>
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Investors/List.jsx b/resources/js/Pages/Owner/Investors/List.jsx
new file mode 100644
index 0000000..71b0bad
--- /dev/null
+++ b/resources/js/Pages/Owner/Investors/List.jsx
@@ -0,0 +1,270 @@
+import React, { useState, useEffect } from 'react';
+import DataTable from '../../../Components/DataTable';
+import StatusPill from '../../../Components/StatusPill';
+import DeleteModal from '../../../Components/DeleteModal';
+import { 
+    Search, 
+    Plus, 
+    Trash2, 
+    Edit2, 
+    TrendingUp, 
+    Eye, 
+    Wallet, 
+    Calendar, 
+    Percent, 
+    ArrowUpRight,
+    Building,
+    Users
+} from 'lucide-react';
+
+export default function InvestorList() {
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const basePath = isReceptionist ? '/receptionist/investors' : '/owner/investors';
+    
+    const [investors, setInvestors] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [deleteModal, setDeleteModal] = useState({ isOpen: false, id: null, name: '' });
+    
+    // Summary Stats
+    const [stats, setStats] = useState({
+        totalInvestment: 0,
+        totalInvestors: 0,
+        avgROI: 0
+    });
+
+    useEffect(() => {
+        fetchInvestors();
+    }, []);
+
+    const fetchInvestors = async () => {
+        setLoading(true);
+        try {
+            const response = await fetch('/api/investors');
+            const data = await response.json();
+            setInvestors(data);
+
+            const total = data.reduce((acc, inv) => acc + parseFloat(inv.investment_amount || 0), 0);
+            const percentageInvestors = data.filter(inv => inv.roi_type === 'Percentage');
+            const avg = percentageInvestors.length > 0 
+                ? percentageInvestors.reduce((acc, inv) => acc + parseFloat(inv.roi_value || 0), 0) / percentageInvestors.length 
+                : 0;
+            
+            setStats({
+                totalInvestment: total,
+                totalInvestors: data.length,
+                avgROI: avg.toFixed(1)
+            });
+        } catch (error) {
+            console.error('Error fetching investors:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const handleDelete = async (id) => {
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        try {
+            const response = await fetch(`/api/investors/${id}`, { 
+                method: 'DELETE',
+                headers: {
+                    'X-CSRF-TOKEN': csrfToken
+                }
+            });
+            if (response.ok) {
+                fetchInvestors();
+                setDeleteModal({ isOpen: false, id: null, name: '' });
+            } else {
+                alert('Error deleting investor.');
+            }
+        } catch (error) {
+            console.error('Error deleting investor:', error);
+        }
+    };
+
+    const columns = [
+        {
+            header: 'Investor Profile',
+            render: (row) => (
+                <div className="flex items-center gap-4">
+                    <div className="w-11 h-11 rounded-2xl bg-emerald-500/10 flex items-center justify-center text-emerald-600 font-black border border-emerald-100/50 shadow-sm text-lg">
+                        {row.name.charAt(0).toUpperCase()}
+                    </div>
+                    <div>
+                        <p className="text-sm font-black text-[#111827] leading-tight">{row.name}</p>
+                        <p className="text-[10px] font-bold text-gray-400 flex items-center gap-1 mt-0.5 uppercase tracking-widest">
+                            <Calendar size={10} />
+                            Since {new Date(row.investment_date).toLocaleDateString(undefined, { month: 'short', year: 'numeric' })}
+                        </p>
+                    </div>
+                </div>
+            )
+        },
+        { 
+            header: 'Investment', 
+            render: (row) => (
+                <div className="space-y-1">
+                    <p className="font-black text-gray-900 text-sm">{(parseFloat(row.investment_amount) || 0).toLocaleString()} AED</p>
+                    <div className="flex items-center gap-1.5">
+                        <span className="w-1.5 h-1.5 rounded-full bg-emerald-400"></span>
+                        <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest">Initial Capital</p>
+                    </div>
+                </div>
+            )
+        },
+        { 
+            header: 'ROI Terms', 
+            render: (row) => (
+                <div className="space-y-1">
+                    <div className="flex items-center gap-2">
+                        <span className={`text-xs font-black px-2 py-0.5 rounded-md border ${row.roi_type === 'Percentage' ? 'text-blue-600 bg-blue-50 border-blue-100/50' : 'text-amber-600 bg-amber-50 border-amber-100/50'}`}>
+                            {row.roi_value}{row.roi_type === 'Percentage' ? '%' : ' AED'}
+                        </span>
+                        <span className="text-[10px] font-bold text-gray-500 uppercase tracking-widest">{row.roi_period}</span>
+                    </div>
+                </div>
+            ) 
+        },
+        { 
+            header: 'Allocation', 
+            render: (row) => row.applicable_to_all_branches ? (
+                <div className="flex items-center gap-2 px-3 py-1 bg-emerald-50/50 border border-emerald-100/50 rounded-lg w-fit">
+                    <Building size={12} className="text-emerald-500" />
+                    <span className="text-[10px] font-black text-emerald-600 uppercase tracking-widest">Master Investor</span>
+                </div>
+            ) : (
+                <div className="flex flex-wrap gap-1.5 max-w-[200px]">
+                    {row.branches?.slice(0, 2).map(b => (
+                        <span key={b.id} className="text-[9px] font-bold text-gray-500 px-2 py-0.5 bg-gray-50 border border-gray-100 rounded-md uppercase tracking-wider">{b.name}</span>
+                    ))}
+                    {row.branches?.length > 2 && (
+                        <span className="text-[9px] font-black text-gray-400 px-2 py-0.5">+{row.branches.length - 2} MORE</span>
+                    )}
+                </div>
+            )
+        },
+        { 
+            header: 'Actions', 
+            align: 'right',
+            render: (row) => (
+                <div className="flex items-center justify-end gap-2">
+                    <button 
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            window.location.href = `${basePath}/view/${row.id}`;
+                        }} 
+                        className="p-2 text-gray-400 hover:text-emerald-500 hover:bg-emerald-50 rounded-xl transition-all outline-none"
+                    >
+                        <Eye size={18} />
+                    </button>
+                    <button 
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            window.location.href = `${basePath}/edit/${row.id}`;
+                        }} 
+                        className="p-2 text-gray-400 hover:text-amber-500 hover:bg-amber-50 rounded-xl transition-all outline-none"
+                    >
+                        <Edit2 size={18} />
+                    </button>
+                    <button 
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            setDeleteModal({ isOpen: true, id: row.id, name: row.name });
+                        }} 
+                        className="p-2 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-xl transition-all outline-none"
+                    >
+                        <Trash2 size={18} />
+                    </button>
+                </div>
+            )
+        }
+    ];
+
+    return (
+        <>
+            <main className="px-10 py-10 max-w-[1600px] mx-auto space-y-10">
+                <div className="flex items-end justify-between">
+                    <div className="space-y-1">
+                        <div className="flex items-center gap-3">
+                            <div className="p-2 bg-emerald-500 rounded-xl text-white">
+                                <TrendingUp size={24} />
+                            </div>
+                            <h1 className="text-3xl font-black text-[#101828] tracking-tight italic uppercase">Investor Network</h1>
+                        </div>
+                        <p className="text-gray-400 font-bold text-xs uppercase tracking-[0.2em] ml-12">Manage and track organization capital & ROI distributions</p>
+                    </div>
+                    
+                    <button 
+                        onClick={() => window.location.href = `${basePath}/add`}
+                        className="flex items-center gap-2 px-8 py-4 bg-[#111827] text-white rounded-2xl font-black text-sm hover:scale-[1.02] active:scale-[0.98] transition-all shadow-2xl shadow-gray-200 uppercase tracking-widest border-b-4 border-gray-800"
+                    >
+                        <Plus size={20} />
+                        <span>Add New Investor</span>
+                    </button>
+                </div>
+
+                {/* Summary Cards */}
+                <div className="grid grid-cols-3 gap-8">
+                    <div className="bg-white p-8 rounded-[2.5rem] border border-gray-100 shadow-sm space-y-4 group hover:border-emerald-200 transition-all">
+                        <div className="flex items-center justify-between">
+                            <div className="p-3 bg-emerald-50 rounded-2xl text-emerald-600">
+                                <Wallet size={24} />
+                            </div>
+                            <div className="flex items-center gap-1 text-emerald-500 bg-emerald-50 px-3 py-1 rounded-full text-[10px] font-black">
+                                <ArrowUpRight size={12} />
+                                <span>NET CAPITAL</span>
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-1">Total Investment</p>
+                            <h3 className="text-3xl font-black text-gray-900 tracking-tight">{stats.totalInvestment.toLocaleString()} <span className="text-xs text-gray-400">AED</span></h3>
+                        </div>
+                    </div>
+
+                    <div className="bg-white p-8 rounded-[2.5rem] border border-gray-100 shadow-sm space-y-4 group hover:border-blue-200 transition-all">
+                        <div className="flex items-center justify-between">
+                            <div className="p-3 bg-blue-50 rounded-2xl text-blue-600">
+                                <Users size={24} />
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-1">Active Investors</p>
+                            <h3 className="text-3xl font-black text-gray-900 tracking-tight">{stats.totalInvestors.toLocaleString()} <span className="text-xs text-gray-400">Members</span></h3>
+                        </div>
+                    </div>
+
+                    <div className="bg-white p-8 rounded-[2.5rem] border border-gray-100 shadow-sm space-y-4 group hover:border-purple-200 transition-all">
+                        <div className="flex items-center justify-between">
+                            <div className="p-3 bg-purple-50 rounded-2xl text-purple-600">
+                                <Percent size={24} />
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-1">Average ROI Yield</p>
+                            <h3 className="text-3xl font-black text-gray-900 tracking-tight">{stats.avgROI}% <span className="text-xs text-gray-400">Yield</span></h3>
+                        </div>
+                    </div>
+                </div>
+
+                <div className="bg-white rounded-[3rem] border border-gray-100 shadow-sm overflow-hidden p-2">
+                    <DataTable 
+                        columns={columns}
+                        data={investors}
+                        loading={loading}
+                        onRowClick={(row) => window.location.href = `${basePath}/view/${row.id}`}
+                        emptyMessage="No investors found. Click 'Add New Investor' to get started."
+                        className="border-none"
+                    />
+                </div>
+
+                <DeleteModal 
+                    isOpen={deleteModal.isOpen}
+                    onClose={() => setDeleteModal({ isOpen: false, id: null, name: '' })}
+                    onConfirm={() => handleDelete(deleteModal.id)}
+                    title="Delete Investor"
+                    message="Are you sure you want to remove this investor? All their investment records and ROI history will be permanently deleted from the financial books."
+                    itemName={deleteModal.name}
+                />
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Investors/View.jsx b/resources/js/Pages/Owner/Investors/View.jsx
new file mode 100644
index 0000000..6ead146
--- /dev/null
+++ b/resources/js/Pages/Owner/Investors/View.jsx
@@ -0,0 +1,616 @@
+import React, { useState, useEffect } from 'react';
+import Toast from '../Components/Toast';
+import { 
+    ChevronLeft, 
+    Edit2, 
+    TrendingUp, 
+    Calendar, 
+    MapPin, 
+    Building, 
+    Wallet, 
+    FileText, 
+    Users, 
+    Eye,
+    Percent,
+    Clock,
+    Shield,
+    CheckCircle2,
+    AlertCircle,
+    X,
+    ArrowRight,
+    Download
+} from 'lucide-react';
+
+export default function InvestorView({ id }) {
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const basePath = isReceptionist ? '/receptionist/investors' : '/owner/investors';
+    
+    const [investor, setInvestor] = useState(null);
+    const [payouts, setPayouts] = useState([]);
+    const [roiStatus, setRoiStatus] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [toast, setToast] = useState(null);
+    const [activeTab, setActiveTab] = useState('Overview');
+    const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+    
+    const [settleModal, setSettleModal] = useState({
+        isOpen: false,
+        month: '',
+        amount: '',
+        originalAmount: '',
+        baseAmount: 0,
+        carryOver: 0,
+        date: new Date().toISOString().split('T')[0],
+        method: 'Bank Transfer',
+        remarks: ''
+    });
+
+    useEffect(() => {
+        fetchInvestor();
+        fetchPayouts();
+        fetchROIStatus();
+    }, [id]);
+
+    const fetchPayouts = async () => {
+        try {
+            const response = await fetch(`/api/investors/${id}/payouts`);
+            const data = await response.json();
+            setPayouts(data);
+        } catch (error) {
+            console.error('Error fetching payouts:', error);
+        }
+    };
+
+    const fetchROIStatus = async () => {
+        try {
+            const response = await fetch(`/api/investors/${id}/roi-status`);
+            const data = await response.json();
+            setRoiStatus(data);
+        } catch (error) {
+            console.error('Error fetching ROI status:', error);
+        }
+    };
+
+    const fetchInvestor = async () => {
+        try {
+            const response = await fetch(`/api/investors/${id}`);
+            const data = await response.json();
+            setInvestor(data);
+        } catch (error) {
+            console.error('Error fetching investor:', error);
+            setToast({ message: 'Failed to load investor details.', type: 'error' });
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const handleSettleROI = async (e) => {
+        e.preventDefault();
+
+        // Validation: Remarks mandatory if amount is adjusted
+        if (parseFloat(settleModal.amount) !== parseFloat(settleModal.originalAmount) && !settleModal.remarks?.trim()) {
+            setToast({ message: 'Remarks field is mandatory when adjusting the payment amount.', type: 'error' });
+            return;
+        }
+
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        try {
+            const response = await fetch(`/api/investors/${id}/settle-roi`, {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({
+                    payout_month: settleModal.month,
+                    amount: settleModal.amount,
+                    payout_date: settleModal.date,
+                    payment_method: settleModal.method,
+                    remarks: settleModal.remarks
+                })
+            });
+
+            if (response.ok) {
+                setToast({ message: 'ROI settled successfully!', type: 'success' });
+                setSettleModal({ 
+                    isOpen: false,
+                    month: '',
+                    amount: '',
+                    originalAmount: '',
+                    date: new Date().toISOString().split('T')[0],
+                    method: 'Bank Transfer',
+                    remarks: ''
+                });
+                fetchPayouts();
+                fetchROIStatus();
+            } else {
+                setToast({ message: 'Settlement failed.', type: 'error' });
+            }
+        } catch (error) {
+            setToast({ message: 'Error during settlement.', type: 'error' });
+        }
+    };
+
+    if (loading) return (
+        <div className="min-h-screen bg-[#FDFDFD] flex items-center justify-center">
+            <div className="animate-spin rounded-full h-12 w-12 border-4 border-emerald-500 border-t-transparent shadow-lg shadow-emerald-100"></div>
+        </div>
+    );
+    
+    if (!investor) return (
+        <div className="min-h-screen bg-[#FDFDFD] flex flex-col items-center justify-center space-y-4">
+            <AlertCircle size={64} className="text-red-500 opacity-20" />
+            <h1 className="text-2xl font-black text-gray-900 uppercase italic">Investor Not Found</h1>
+            <button onClick={() => window.location.href = basePath} className="px-6 py-2 bg-gray-900 text-white rounded-xl text-sm font-bold">Return to Registry</button>
+        </div>
+    );
+
+    const initials = investor.name?.split(' ').map(n => n[0]).join('').toUpperCase() || 'INV';
+    const totalPayouts = payouts.reduce((acc, p) => acc + parseFloat(p.amount || 0), 0);
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+
+            <main className="p-10 max-w-[1400px] mx-auto space-y-10">
+                {/* Navigation & Actions */}
+                <div className="flex items-center justify-between">
+                    <button onClick={() => window.location.href = basePath} className="group flex items-center gap-3 text-sm font-black text-gray-400 hover:text-gray-900 transition-all uppercase tracking-widest">
+                        <div className="p-2 rounded-xl group-hover:bg-gray-100 transition-colors">
+                            <ChevronLeft size={20} />
+                        </div>
+                        <span>Back to Registry</span>
+                    </button>
+                    
+                    <div className="flex items-center gap-3">
+                        <button 
+                            onClick={() => window.location.href = `${basePath}/edit/${investor.id}`}
+                            className="flex items-center gap-2 px-6 py-3 bg-white border border-gray-200 text-gray-700 rounded-2xl font-black text-xs hover:bg-gray-50 transition-all shadow-sm uppercase tracking-widest"
+                        >
+                            <Edit2 size={16} />
+                            <span>Modify Profile</span>
+                        </button>
+                    </div>
+                </div>
+
+                {/* Profile Identity Card */}
+                <div className="bg-white rounded-[3rem] border border-gray-100 shadow-2xl shadow-emerald-100/20 p-12 relative overflow-hidden">
+                    <div className="absolute top-0 right-0 w-64 h-64 bg-emerald-50 rounded-full blur-3xl -mr-32 -mt-32 opacity-50"></div>
+                    
+                    <div className="relative flex flex-col md:flex-row items-center gap-10">
+                        <div className="w-32 h-32 bg-[#111827] rounded-[2.5rem] flex items-center justify-center text-white text-4xl font-black border-4 border-gray-50 shadow-2xl rotate-3">
+                            {initials}
+                        </div>
+                        
+                        <div className="flex-1 space-y-4 text-center md:text-left">
+                            <div className="space-y-1">
+                                <div className="flex items-center justify-center md:justify-start gap-4">
+                                    <h1 className="text-4xl font-black text-[#111827] tracking-tighter uppercase italic">{investor.name}</h1>
+                                    <span className="px-4 py-1.5 bg-emerald-50 text-emerald-600 border border-emerald-100 rounded-full text-[10px] font-black uppercase tracking-widest">Active Investor</span>
+                                </div>
+                                <div className="flex items-center justify-center md:justify-start gap-6 text-[#98A2B3] text-[11px] font-black uppercase tracking-[0.2em]">
+                                    <div className="flex items-center gap-1.5">
+                                        <Building size={14} className="text-gray-400" />
+                                        {investor.applicable_to_all_branches ? "Global Portfolio" : `${investor.branches?.length || 0} Branches`}
+                                    </div>
+                                    <div className="flex items-center gap-1.5">
+                                        <Calendar size={14} className="text-gray-400" />
+                                        Since {new Date(investor.investment_date).toLocaleDateString()}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="grid grid-cols-2 gap-4 w-full md:w-auto">
+                            <div className="bg-gray-50/50 p-6 rounded-3xl border border-gray-100 text-center space-y-1">
+                                <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Total Capital</p>
+                                <p className="text-xl font-black text-gray-900">{parseFloat(investor.investment_amount).toLocaleString()} <span className="text-[10px]">AED</span></p>
+                            </div>
+                            <div className="bg-emerald-50/30 p-6 rounded-3xl border border-emerald-50 text-center space-y-1">
+                                <p className="text-[10px] font-black text-emerald-600 uppercase tracking-widest">ROI Yielded</p>
+                                <p className="text-xl font-black text-emerald-700">{totalPayouts.toLocaleString()} <span className="text-[10px]">AED</span></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Tabs & Content */}
+                <div className="space-y-8">
+                    <div className="flex items-center gap-12 border-b border-gray-100">
+                        {['Overview', 'ROI Payouts', 'Monthly Status'].map(tab => (
+                            <button
+                                key={tab}
+                                onClick={() => setActiveTab(tab)}
+                                className={`pb-4 text-xs font-black uppercase tracking-[0.2em] transition-all relative ${
+                                    activeTab === tab 
+                                    ? 'text-emerald-600' 
+                                    : 'text-gray-400 hover:text-gray-600'
+                                }`}
+                            >
+                                {tab}
+                                {activeTab === tab && <div className="absolute bottom-0 left-0 right-0 h-1 bg-emerald-500 rounded-full"></div>}
+                            </button>
+                        ))}
+                    </div>
+
+                    {activeTab === 'Overview' && (
+                        <div className="grid grid-cols-3 gap-8 animate-in fade-in slide-in-from-bottom-2 duration-500">
+                            <div className="col-span-2 space-y-8">
+                                <div className="bg-white rounded-[2.5rem] border border-gray-100 shadow-sm overflow-hidden">
+                                    <div className="p-8 border-b border-gray-50 flex items-center justify-between">
+                                        <div className="flex items-center gap-3">
+                                            <div className="p-2 bg-blue-50 text-blue-600 rounded-xl font-black">
+                                                <TrendingUp size={20} />
+                                            </div>
+                                            <h2 className="text-lg font-black text-[#111827] uppercase italic">Investment Terms</h2>
+                                        </div>
+                                    </div>
+                                    <div className="p-10 grid grid-cols-2 gap-y-12">
+                                        <div className="space-y-2">
+                                            <p className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">
+                                                {investor.roi_type === 'Percentage' ? 'ROI Interest' : 'Fixed ROI'}
+                                            </p>
+                                            <div className="flex items-end gap-2">
+                                                <p className="text-3xl font-black text-gray-900">
+                                                    {investor.roi_value}
+                                                    {investor.roi_type === 'Percentage' ? '%' : ' AED'}
+                                                </p>
+                                                <p className="text-xs font-bold text-gray-400 pb-1 mb-1 uppercase bg-gray-50 px-2 py-0.5 rounded-md">PER {investor.roi_period || 'MONTH'}</p>
+                                            </div>
+                                        </div>
+                                        <div className="col-span-2 space-y-4">
+                                            <p className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Strategic Allocation</p>
+                                            <div className="flex flex-wrap gap-2">
+                                                {investor.applicable_to_all_branches ? (
+                                                    <div className="px-5 py-2.5 bg-[#111827] text-white rounded-2xl text-[10px] font-black uppercase tracking-[0.2em] flex items-center gap-2">
+                                                        <Shield size={14} className="text-emerald-400" />
+                                                        Organization Wide Equity
+                                                    </div>
+                                                ) : (
+                                                    investor.branches?.map(branch => (
+                                                        <div key={branch.id} className="px-5 py-2.5 bg-gray-50 text-gray-600 border border-gray-100 rounded-2xl text-[10px] font-black uppercase tracking-[0.2em]">
+                                                            {branch.name}
+                                                        </div>
+                                                    ))
+                                                )}
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div className="space-y-8">
+                                <div className="bg-white rounded-[2.5rem] border border-gray-100 shadow-sm overflow-hidden min-h-[300px]">
+                                    <div className="p-8 border-b border-gray-50 flex items-center gap-3">
+                                        <div className="p-2 bg-amber-50 text-amber-600 rounded-xl font-black">
+                                            <Shield size={20} />
+                                        </div>
+                                        <h2 className="text-lg font-black text-[#111827] uppercase italic tracking-tight">Security & Docs</h2>
+                                    </div>
+                                    <div className="p-8 flex flex-col items-center justify-center text-center space-y-6">
+                                        {investor.security_proof_document ? (
+                                            <div className="group w-full p-8 bg-gray-50 rounded-[2rem] border border-gray-100 flex flex-col items-center gap-4 hover:bg-white hover:border-blue-200 transition-all cursor-pointer" onClick={() => setIsPreviewOpen(true)}>
+                                                <div className="w-20 h-20 bg-white shadow-xl rounded-3xl flex items-center justify-center text-blue-600 group-hover:scale-110 transition-transform">
+                                                    <FileText size={40} />
+                                                </div>
+                                                <div className="space-y-1">
+                                                    <p className="text-sm font-black text-gray-900 uppercase italic">Security Proof</p>
+                                                    <p className="text-[10px] font-black text-blue-500 uppercase tracking-widest">Click to View</p>
+                                                </div>
+                                            </div>
+                                        ) : (
+                                            <div className="space-y-4 opacity-50">
+                                                <div className="w-20 h-20 bg-gray-50 rounded-3xl flex items-center justify-center text-gray-300 mx-auto">
+                                                    <FileText size={40} />
+                                                </div>
+                                                <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">No Document provided</p>
+                                            </div>
+                                        )}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    )}
+
+                    {activeTab === 'ROI Payouts' && (
+                        <div className="bg-white rounded-[3rem] border border-gray-100 shadow-sm overflow-hidden animate-in fade-in slide-in-from-bottom-2 duration-500">
+                            <div className="p-10 border-b border-gray-50 flex items-center justify-between">
+                                <div className="flex items-center gap-4">
+                                    <div className="p-3 bg-emerald-500 shadow-lg shadow-emerald-100 rounded-2xl text-white font-black">
+                                        <Wallet size={24} />
+                                    </div>
+                                    <div>
+                                        <h2 className="text-xl font-black text-[#111827] uppercase italic">Distribution History</h2>
+                                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Total ROI Settled: {totalPayouts.toLocaleString()} AED</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div className="overflow-x-auto">
+                                <table className="w-full">
+                                    <thead>
+                                        <tr className="bg-gray-50/50">
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Period</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Amount (AED)</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Payment Date</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Method</th>
+                                            <th className="px-10 py-6 text-right text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Status</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody className="divide-y divide-gray-50">
+                                        {payouts.length > 0 ? (
+                                            payouts.map(p => (
+                                                <tr key={p.id} className="hover:bg-gray-50/30 transition-colors">
+                                                    <td className="px-10 py-8 font-black text-gray-900 text-sm">{p.payout_month}</td>
+                                                    <td className="px-10 py-8 font-black text-emerald-600 text-sm">{(parseFloat(p.amount) || 0).toLocaleString()} AED</td>
+                                                    <td className="px-10 py-8 text-xs font-bold text-gray-400 uppercase tracking-widest">{new Date(p.payout_date).toLocaleDateString(undefined, { day: '2-digit', month: 'short', year: 'numeric' })}</td>
+                                                    <td className="px-10 py-8 text-[10px] font-black text-gray-500 uppercase tracking-widest underline decoration-gray-200 decoration-2 underline-offset-4">{p.payment_method}</td>
+                                                    <td className="px-10 py-8 text-right">
+                                                        <span className="px-4 py-1.5 bg-emerald-50 text-emerald-600 border border-emerald-100 rounded-full text-[10px] font-black uppercase tracking-widest">
+                                                            {p.status || 'Paid'}
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                            ))
+                                        ) : (
+                                            <tr>
+                                                <td colSpan="5" className="px-10 py-24 text-center">
+                                                    <div className="space-y-4 opacity-20">
+                                                        <Wallet size={48} className="mx-auto" />
+                                                        <p className="text-sm font-black uppercase italic italic tracking-widest">No ROI distributions recorded</p>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        )}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    )}
+
+                    {activeTab === 'Monthly Status' && (
+                        <div className="bg-white rounded-[3rem] border border-gray-100 shadow-sm overflow-hidden animate-in fade-in slide-in-from-bottom-2 duration-500">
+                             <div className="p-10 border-b border-gray-50 flex items-center justify-between">
+                                <div className="flex items-center gap-4">
+                                    <div className="p-3 bg-amber-500 shadow-lg shadow-amber-100 rounded-2xl text-white font-black">
+                                        <Clock size={24} />
+                                    </div>
+                                    <div>
+                                        <h2 className="text-xl font-black text-[#111827] uppercase italic">Settlement Tracking</h2>
+                                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Unpaid ROI Periods since Investment</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div className="overflow-x-auto">
+                                <table className="w-full">
+                                    <thead>
+                                        <tr className="bg-gray-50/50">
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">ROI Period</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Breakdown</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Net Due</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Status</th>
+                                            <th className="px-10 py-6 text-right text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Action</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody className="divide-y divide-gray-50">
+                                        {roiStatus.filter(s => s.status === 'Pending' || s.status === 'Partial').length > 0 ? (
+                                            roiStatus.filter(s => s.status === 'Pending' || s.status === 'Partial').map((s, idx) => (
+                                                <tr key={idx} className="hover:bg-amber-50/20 transition-colors">
+                                                    <td className="px-10 py-8 font-black text-gray-900 text-sm">{s.month}</td>
+                                                    <td className="px-10 py-4">
+                                                        <div className="space-y-1">
+                                                            <p className="text-[10px] font-black text-gray-400 flex justify-between w-40">
+                                                                <span>Base ROI:</span> <span>{(parseFloat(s.base_amount) || 0).toLocaleString()} AED</span>
+                                                            </p>
+                                                            {parseFloat(s.carry_from_previous) !== 0 && (
+                                                                <p className={`text-[10px] font-black flex justify-between w-40 ${parseFloat(s.carry_from_previous) > 0 ? 'text-amber-500' : 'text-emerald-500'}`}>
+                                                                    <span>Carry Over:</span> <span>{parseFloat(s.carry_from_previous) > 0 ? '+' : ''}{parseFloat(s.carry_from_previous).toLocaleString()} AED</span>
+                                                                </p>
+                                                            )}
+                                                            {s.paid > 0 && (
+                                                                <p className="text-[10px] font-black text-emerald-500 flex justify-between w-40">
+                                                                    <span>Allocated:</span> <span>-{(parseFloat(s.paid) || 0).toLocaleString()} AED</span>
+                                                                </p>
+                                                            )}
+                                                        </div>
+                                                    </td>
+                                                    <td className="px-10 py-8 font-black text-gray-900 text-sm">{(parseFloat(s.amount) || 0).toLocaleString()} AED</td>
+                                                    <td className="px-10 py-8">
+                                                        {s.status === 'Pending' ? (
+                                                            <span className="px-4 py-1.5 bg-red-50 text-red-600 border border-red-100 rounded-full text-[10px] font-black uppercase tracking-widest leading-none inline-flex items-center gap-2">
+                                                                <AlertCircle size={10} /> Pending
+                                                            </span>
+                                                        ) : (
+                                                            <span className="px-4 py-1.5 bg-amber-50 text-amber-600 border border-amber-100 rounded-full text-[10px] font-black uppercase tracking-widest leading-none inline-flex items-center gap-2">
+                                                                <AlertCircle size={10} /> Partially Paid
+                                                            </span>
+                                                        )}
+                                                    </td>
+                                                    <td className="px-10 py-8 text-right">
+                                                        {s.can_settle ? (
+                                                            <button 
+                                                                onClick={() => setSettleModal({ 
+                                                                    ...settleModal, 
+                                                                    isOpen: true, 
+                                                                    month: s.month, 
+                                                                    amount: s.amount, 
+                                                                    originalAmount: s.amount,
+                                                                    baseAmount: s.base_amount,
+                                                                    carryOver: s.carry_from_previous
+                                                                })}
+                                                                className="px-6 py-2.5 bg-[#111827] text-white rounded-xl text-[10px] font-black uppercase tracking-widest hover:scale-105 transition-all shadow-lg active:scale-95"
+                                                            >
+                                                                Settle Now
+                                                            </button>
+                                                        ) : (
+                                                            <button 
+                                                                disabled
+                                                                title="Older months must be settled first."
+                                                                className="px-6 py-2.5 bg-gray-100 text-gray-400 border border-gray-200 rounded-xl text-[10px] font-black uppercase tracking-widest cursor-not-allowed"
+                                                            >
+                                                                Locked
+                                                            </button>
+                                                        )}
+                                                    </td>
+                                                </tr>
+                                            ))
+                                        ) : (
+                                            <tr>
+                                                <td colSpan="5" className="px-10 py-24 text-center">
+                                                    <div className="space-y-4">
+                                                        <CheckCircle2 size={48} className="mx-auto text-emerald-500 opacity-40 hover:scale-110 transition-transform cursor-pointer" />
+                                                        <p className="text-sm font-black uppercase tracking-widest text-emerald-600">All ROI Distributions Up to Date</p>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        )}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    )}
+                </div>
+
+                {/* Document Preview Modal */}
+                {isPreviewOpen && (
+                    <div className="fixed inset-0 z-[100] bg-black/90 backdrop-blur-md flex items-center justify-center p-10">
+                        <div className="relative w-full max-w-5xl h-full flex flex-col items-center justify-center animate-in zoom-in-95 duration-200">
+                             <button onClick={() => setIsPreviewOpen(false)} className="fixed top-8 right-8 p-3 bg-white/10 hover:bg-white/20 text-white rounded-full transition-all group">
+                                <X size={24} className="group-hover:rotate-90 transition-transform" />
+                            </button>
+                             <div className="w-full h-full bg-white/5 rounded-[4rem] border border-white/10 p-4 relative flex items-center justify-center overflow-hidden">
+                                {investor.security_proof_document.toLowerCase().endsWith('.pdf') ? (
+                                    <iframe src={`/storage/${investor.security_proof_document}`} className="w-full h-full rounded-[3.5rem]" />
+                                ) : (
+                                    <img src={`/storage/${investor.security_proof_document}`} className="max-w-full max-h-full object-contain rounded-2xl shadow-2xl shadow-black/50" alt="Document Preview" />
+                                )}
+                            </div>
+                            <div className="mt-8 flex gap-4">
+                                <a 
+                                    href={`/storage/${investor.security_proof_document}`} 
+                                    download 
+                                    className="px-8 py-3 bg-white text-gray-900 rounded-2xl font-black text-xs uppercase tracking-widest flex items-center gap-2 hover:scale-105 transition-all"
+                                >
+                                    <Download size={18} />
+                                    Download Original
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                )}
+
+                {/* Settle ROI Modal */}
+                {settleModal.isOpen && (
+                    <div className="fixed inset-0 z-[90] bg-black/50 backdrop-blur-sm flex items-center justify-center p-4">
+                        <div className="bg-white rounded-[3rem] w-full max-w-md shadow-2xl border border-gray-100 overflow-hidden animate-in fade-in zoom-in-95 duration-200">
+                            <div className="p-10 border-b border-gray-50 flex items-center justify-between bg-gray-50/50">
+                                <div className="space-y-1">
+                                    <h3 className="text-2xl font-black text-[#111827] uppercase italic">ROI Settlement</h3>
+                                    <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Distributing ROI for {settleModal.month}</p>
+                                </div>
+                                <button onClick={() => setSettleModal({...settleModal, isOpen: false})} className="p-3 hover:bg-white rounded-full transition-colors text-gray-400 border border-transparent hover:border-gray-100">
+                                    <X size={20} />
+                                </button>
+                            </div>
+                            
+                            <form onSubmit={handleSettleROI} className="p-10 space-y-8">
+                                <div className="space-y-6">
+                                    <div className="bg-[#111827] p-8 rounded-[2rem] text-center space-y-4 relative overflow-hidden group">
+                                        <TrendingUp className="absolute top-4 right-4 text-emerald-500/20 w-24 h-24 -rotate-12 transition-transform group-hover:scale-110" />
+                                        
+                                        <div className="space-y-1 relative z-10">
+                                            <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">
+                                                {parseFloat(settleModal.amount) !== parseFloat(settleModal.originalAmount) ? 'Adjusted Payout' : 'Calculated Payout'}
+                                            </p>
+                                            <div className="flex items-center justify-center gap-2">
+                                                <input 
+                                                    type="number"
+                                                    className="bg-transparent border-b border-gray-700 text-4xl font-black text-white text-center w-32 outline-none focus:border-emerald-500 transition-colors"
+                                                    value={settleModal.amount}
+                                                    onChange={(e) => setSettleModal({...settleModal, amount: e.target.value})}
+                                                />
+                                                <span className="text-xs text-gray-500">AED</span>
+                                            </div>
+                                        </div>
+
+                                        <div className="pt-4 border-t border-gray-800 space-y-2 relative z-10">
+                                            <div className="flex justify-between text-[10px] font-black uppercase tracking-widest">
+                                                <span className="text-gray-500">Base ROI:</span>
+                                                <span className="text-gray-300">{parseFloat(settleModal.baseAmount).toLocaleString()} AED</span>
+                                            </div>
+                                            {parseFloat(settleModal.carryOver) !== 0 && (
+                                                <div className="flex justify-between text-[10px] font-black uppercase tracking-widest">
+                                                    <span className="text-gray-500">Carry Over:</span>
+                                                    <span className={parseFloat(settleModal.carryOver) > 0 ? 'text-amber-500' : 'text-emerald-500'}>
+                                                        {parseFloat(settleModal.carryOver) > 0 ? '+' : ''}{parseFloat(settleModal.carryOver).toLocaleString()} AED
+                                                    </span>
+                                                </div>
+                                            )}
+                                        </div>
+
+                                        {parseFloat(settleModal.amount) !== parseFloat(settleModal.originalAmount) && (
+                                            <p className="text-[9px] font-black text-amber-500 uppercase tracking-widest pt-2 relative z-10">Adjustment detected: Remarks required</p>
+                                        )}
+                                    </div>
+
+                                    <div className="grid grid-cols-2 gap-4">
+                                        <div className="space-y-2">
+                                            <label className="text-[10px] font-black text-gray-400 uppercase tracking-widest block pl-1">Settlement Date</label>
+                                            <input 
+                                                type="date"
+                                                required
+                                                className="w-full px-5 py-4 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all font-black text-sm"
+                                                value={settleModal.date}
+                                                onChange={(e) => setSettleModal({...settleModal, date: e.target.value})}
+                                            />
+                                        </div>
+                                        <div className="space-y-2">
+                                            <label className="text-[10px] font-black text-gray-400 uppercase tracking-widest block pl-1">Method</label>
+                                            <select 
+                                                className="w-full px-5 py-4 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all font-black text-[10px] tracking-widest uppercase appearance-none"
+                                                value={settleModal.method}
+                                                onChange={(e) => setSettleModal({...settleModal, method: e.target.value})}
+                                            >
+                                                <option value="Bank Transfer">Bank Transfer</option>
+                                                <option value="Cash">Cash</option>
+                                                <option value="Cheque">Cheque</option>
+                                            </select>
+                                        </div>
+                                    </div>
+
+                                    <div className="space-y-2">
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-widest block pl-1">
+                                            Notes / Reference {parseFloat(settleModal.amount) !== parseFloat(settleModal.originalAmount) && <span className="text-red-500">*</span>}
+                                        </label>
+                                        <textarea 
+                                            className={`w-full px-5 py-4 bg-gray-50 border ${parseFloat(settleModal.amount) !== parseFloat(settleModal.originalAmount) && !settleModal.remarks ? 'border-amber-200' : 'border-gray-100'} rounded-2xl outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all text-xs font-bold resize-none h-24 placeholder:text-gray-300`}
+                                            placeholder={parseFloat(settleModal.amount) !== parseFloat(settleModal.originalAmount) ? "Reason for adjustment (Mandatory)" : "Optional remarks..."}
+                                            value={settleModal.remarks}
+                                            onChange={(e) => setSettleModal({...settleModal, remarks: e.target.value})}
+                                        />
+                                    </div>
+                                </div>
+
+                                <div className="flex gap-4 pt-4">
+                                    <button 
+                                        type="button"
+                                        onClick={() => setSettleModal({...settleModal, isOpen: false})}
+                                        className="flex-1 px-8 py-5 bg-gray-50 text-gray-400 rounded-[1.5rem] font-black text-xs uppercase tracking-widest hover:bg-gray-100 transition-all"
+                                    >
+                                        Dismiss
+                                    </button>
+                                    <button 
+                                        type="submit"
+                                        className="flex-[1.5] px-8 py-5 bg-emerald-600 text-white rounded-[1.5rem] font-black text-xs uppercase tracking-[0.2em] hover:scale-[1.02] active:scale-[0.98] transition-all shadow-xl shadow-emerald-100 flex items-center justify-center gap-2"
+                                    >
+                                        <CheckCircle2 size={18} />
+                                        Confirm Pay
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                )}
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Masters/MasterTable.jsx b/resources/js/Pages/Owner/Masters/MasterTable.jsx
new file mode 100644
index 0000000..dd1abe6
--- /dev/null
+++ b/resources/js/Pages/Owner/Masters/MasterTable.jsx
@@ -0,0 +1,290 @@
+import React, { useState, useEffect } from 'react';
+import { Plus, Edit2, Trash2, Loader2, Save, X } from 'lucide-react';
+import DeleteConfirmationModal from '../Components/DeleteConfirmationModal';
+
+export default function MasterTable({ type, onNotify, btnLabel }) {
+    const [data, setData] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [editingItem, setEditingItem] = useState(null);
+    const [formData, setFormData] = useState({ name: '', status: 'Active' });
+    const [isSaving, setIsSaving] = useState(false);
+    
+    // Delete Confirmation State
+    const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+    const [itemToDelete, setItemToDelete] = useState(null);
+    const [isDeleting, setIsDeleting] = useState(false);
+
+    useEffect(() => {
+        fetchData();
+    }, [type]);
+
+    const fetchData = async () => {
+        setLoading(true);
+        try {
+            const response = await fetch(`/api/masters/${type}`);
+            const result = await response.json();
+            setData(result);
+        } catch (error) {
+            console.error('Error fetching data:', error);
+            onNotify('Failed to fetch data.', 'error');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const handleOpenModal = (item = null) => {
+        if (item) {
+            setEditingItem(item);
+            setFormData({ name: item.name, status: item.status });
+        } else {
+            setEditingItem(null);
+            setFormData({ name: '', status: 'Active' });
+        }
+        setIsModalOpen(true);
+    };
+
+    const handleSave = async (e) => {
+        e.preventDefault();
+        setIsSaving(true);
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+
+        try {
+            const url = editingItem ? `/api/masters/${type}/${editingItem.id}` : `/api/masters/${type}`;
+            const method = editingItem ? 'PUT' : 'POST';
+
+            const response = await fetch(url, {
+                method,
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Accept': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify(formData)
+            });
+
+            if (response.ok) {
+                onNotify(`${editingItem ? 'Updated' : 'Added'} successfully!`, 'success');
+                setIsModalOpen(false);
+                fetchData();
+            } else {
+                const err = await response.json().catch(() => ({}));
+                onNotify(err.message || 'Error occurred while saving.', 'error');
+            }
+        } catch (error) {
+            onNotify('Server error.', 'error');
+        } finally {
+            setIsSaving(false);
+        }
+    };
+
+    const handleToggleStatus = async (item) => {
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        const newStatus = item.status === 'Active' ? 'Inactive' : 'Active';
+
+        try {
+            const response = await fetch(`/api/masters/${type}/${item.id}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Accept': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({ ...item, status: newStatus })
+            });
+
+            if (response.ok) {
+                setData(data.map(i => i.id === item.id ? { ...i, status: newStatus } : i));
+            }
+        } catch (error) {
+            onNotify('Failed to update status.', 'error');
+        }
+    };
+
+    const handleDelete = async () => {
+        if (!itemToDelete) return;
+        setIsDeleting(true);
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+
+        try {
+            const response = await fetch(`/api/masters/${type}/${itemToDelete}`, {
+                method: 'DELETE',
+                headers: { 'X-CSRF-TOKEN': csrfToken }
+            });
+
+            if (response.ok) {
+                onNotify('Deleted successfully!', 'success');
+                setIsDeleteModalOpen(false);
+                setItemToDelete(null);
+                fetchData();
+            } else {
+                const err = await response.json().catch(() => ({}));
+                onNotify(err.message || 'Failed to delete.', 'error');
+            }
+        } catch (error) {
+            onNotify('Failed to delete.', 'error');
+        } finally {
+            setIsDeleting(false);
+        }
+    };
+
+    const confirmDelete = (id) => {
+        setItemToDelete(id);
+        setIsDeleteModalOpen(true);
+    };
+
+    if (loading) return (
+        <div className="p-12 flex justify-center items-center gap-2 text-gray-400">
+            <Loader2 className="animate-spin" size={20} />
+            <span className="font-medium">Loading data...</span>
+        </div>
+    );
+
+    return (
+        <div className="relative">
+            <div className="absolute top-[-5.5rem] right-6">
+                <button 
+                    onClick={() => handleOpenModal()}
+                    className="flex justify-center items-center gap-2 bg-[#F34444] text-white px-5 py-2.5 rounded-xl font-bold text-sm hover:bg-[#D32F2F] transition-all shadow-lg shadow-red-100"
+                >
+                    <Plus size={18} />
+                    Add {btnLabel}
+                </button>
+            </div>
+
+            <table className="w-full">
+                <thead className="bg-[#F9FAFB] border-b border-gray-100">
+                    <tr>
+                        <th className="px-6 py-4 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Name</th>
+                        <th className="px-6 py-4 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Status</th>
+                        <th className="px-6 py-4 text-right text-[11px] font-bold text-gray-500 uppercase tracking-wider">Actions</th>
+                    </tr>
+                </thead>
+                <tbody className="divide-y divide-gray-50">
+                    {data.length === 0 ? (
+                        <tr>
+                            <td colSpan="3" className="px-6 py-12 text-center text-gray-400 text-sm italic">
+                                No records found.
+                            </td>
+                        </tr>
+                    ) : data.map((item) => (
+                        <tr key={item.id} className="hover:bg-[#FDFDFD] transition-colors group">
+                            <td className="px-6 py-4 whitespace-nowrap">
+                                <span className="font-semibold text-gray-900">{item.name}</span>
+                            </td>
+                            <td className="px-6 py-4 whitespace-nowrap">
+                                <div className="flex items-center gap-3">
+                                    <button 
+                                        onClick={() => handleToggleStatus(item)}
+                                        className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none ${
+                                            item.status === 'Active' ? 'bg-emerald-500' : 'bg-gray-200'
+                                        }`}
+                                    >
+                                        <span className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
+                                            item.status === 'Active' ? 'translate-x-6' : 'translate-x-1'
+                                        }`} />
+                                    </button>
+                                    <span className={`text-xs font-bold uppercase tracking-wider ${
+                                        item.status === 'Active' ? 'text-emerald-500' : 'text-gray-400'
+                                    }`}>
+                                        {item.status}
+                                    </span>
+                                </div>
+                            </td>
+                            <td className="px-6 py-4 whitespace-nowrap text-right text-sm">
+                                <div className="flex items-center justify-end gap-2">
+                                    <button 
+                                        onClick={() => handleOpenModal(item)}
+                                        className="p-2 text-gray-400 hover:text-emerald-500 hover:bg-emerald-50 rounded-lg transition-all"
+                                    >
+                                        <Edit2 size={16} />
+                                    </button>
+                                    {item.name !== 'Product Sale' && (
+                                        <button 
+                                            onClick={() => confirmDelete(item.id)}
+                                            className="p-2 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-lg transition-all"
+                                        >
+                                            <Trash2 size={16} />
+                                        </button>
+                                    )}
+                                </div>
+                            </td>
+                        </tr>
+                    ))}
+                </tbody>
+            </table>
+
+            {/* Modal */}
+            {isModalOpen && (
+                <div className="fixed inset-0 z-[10000] flex items-center justify-center p-4 bg-black/40 backdrop-blur-sm animate-in fade-in duration-200">
+                    <div className="bg-white rounded-3xl w-full max-w-md shadow-2xl overflow-hidden animate-in zoom-in-95 duration-200">
+                        <div className="p-6 border-b border-gray-100 flex items-center justify-between">
+                            <h3 className="text-xl font-bold text-[#111827]">
+                                {editingItem ? `Edit ${btnLabel}` : `Add New ${btnLabel}`}
+                            </h3>
+                            <button onClick={() => setIsModalOpen(false)} className="p-2 hover:bg-gray-50 rounded-full transition-colors">
+                                <X size={20} className="text-gray-400" />
+                            </button>
+                        </div>
+                        <form onSubmit={handleSave} className="p-6">
+                            <div className="space-y-6">
+                                <div>
+                                    <label className="block text-sm font-bold text-gray-700 mb-2">Name *</label>
+                                    <input
+                                        type="text"
+                                        required
+                                        value={formData.name}
+                                        onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                                        className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all text-gray-900 placeholder:text-gray-400"
+                                        placeholder={`Enter ${btnLabel.toLowerCase()} name`}
+                                    />
+                                </div>
+                                <div className="flex items-center justify-between p-4 bg-gray-50 rounded-2xl border border-gray-100">
+                                    <div className="flex items-center gap-3">
+                                        <div className={`p-2 rounded-xl ${formData.status === 'Active' ? 'bg-emerald-100 text-emerald-600' : 'bg-gray-100 text-gray-500'}`}>
+                                            <Save size={18} />
+                                        </div>
+                                        <span className="text-sm font-bold text-gray-700">Set as Active</span>
+                                    </div>
+                                    <button 
+                                        type="button"
+                                        onClick={() => setFormData({ ...formData, status: formData.status === 'Active' ? 'Inactive' : 'Active' })}
+                                        className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none ${
+                                            formData.status === 'Active' ? 'bg-emerald-500' : 'bg-gray-200'
+                                        }`}
+                                    >
+                                        <span className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
+                                            formData.status === 'Active' ? 'translate-x-6' : 'translate-x-1'
+                                        }`} />
+                                    </button>
+                                </div>
+                            </div>
+                            <div className="mt-8 flex gap-3">
+                                <button
+                                    type="button"
+                                    onClick={() => setIsModalOpen(false)}
+                                    className="flex-1 py-3.5 border border-gray-100 rounded-2xl font-bold text-gray-500 hover:bg-gray-50 transition-all text-sm"
+                                >
+                                    Cancel
+                                </button>
+                                <button
+                                    type="submit"
+                                    disabled={isSaving}
+                                    className="flex-1 py-3.5 bg-[#F34444] text-white rounded-2xl font-bold hover:bg-[#D32F2F] transition-all disabled:opacity-50 disabled:cursor-not-allowed text-sm shadow-lg shadow-red-100 flex items-center justify-center gap-2"
+                                >
+                                    {isSaving ? <Loader2 className="animate-spin" size={18} /> : (editingItem ? 'Update Mastery' : 'Save Mastery')}
+                                </button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            )}
+            <DeleteConfirmationModal 
+                isOpen={isDeleteModalOpen}
+                isDeleting={isDeleting}
+                onClose={() => setIsDeleteModalOpen(false)}
+                onConfirm={handleDelete}
+            />
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Masters/index.jsx b/resources/js/Pages/Owner/Masters/index.jsx
new file mode 100644
index 0000000..e6a85b7
--- /dev/null
+++ b/resources/js/Pages/Owner/Masters/index.jsx
@@ -0,0 +1,69 @@
+import React, { useState, useEffect } from 'react';
+import Toast from '../Components/Toast';
+import MasterTable from './MasterTable';
+import { Tag, Briefcase, Box, Plus, CreditCard } from 'lucide-react';
+
+export default function MasterManagement() {
+    const [activeTab, setActiveTab] = useState('collection');
+    const [toast, setToast] = useState(null);
+
+    const tabs = [
+        { id: 'collection', label: 'Collection Types', icon: Tag, desc: 'Manage categories for payment collection.', btnLabel: 'Type' },
+        { id: 'expense', label: 'Expense Categories', icon: Briefcase, desc: 'Organize various types of business expenses.', btnLabel: 'Category' },
+        { id: 'product', label: 'Product Categories', icon: Box, desc: 'Group products into searchable categories.', btnLabel: 'Category' },
+        { id: 'payment_method', label: 'Payment Methods', icon: CreditCard, desc: 'Manage available payment methods.', btnLabel: 'Method' }
+    ];
+
+    const currentTab = tabs.find(t => t.id === activeTab);
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+
+            <div className="max-w-7xl mx-auto px-8 py-8">
+                <div className="mb-8">
+                    <h1 className="text-2xl font-bold text-[#111827]">Master Management</h1>
+                    <p className="text-gray-500 mt-1">Configure system-wide master data and dropdown values.</p>
+                </div>
+
+                {/* Tabs */}
+                <div className="flex items-center gap-8 border-b border-gray-100 mb-8">
+                    {tabs.map((tab) => (
+                        <button
+                            key={tab.id}
+                            onClick={() => setActiveTab(tab.id)}
+                            className={`pb-4 px-2 text-sm font-semibold transition-all border-b-2 ${
+                                activeTab === tab.id
+                                    ? 'border-red-500 text-red-500'
+                                    : 'border-transparent text-gray-500 hover:text-gray-700'
+                            }`}
+                        >
+                            {tab.label}
+                        </button>
+                    ))}
+                </div>
+
+                {/* Content */}
+                <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                    <div className="p-6 border-b border-gray-50 flex items-center justify-between">
+                        <div className="flex items-center gap-3">
+                            <div className="p-2.5 bg-red-50 rounded-xl text-red-500">
+                                <currentTab.icon size={20} />
+                            </div>
+                            <div>
+                                <h2 className="font-bold text-[#111827]">{currentTab.label}</h2>
+                                <p className="text-xs text-gray-500">{currentTab.desc}</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <MasterTable 
+                        type={activeTab} 
+                        btnLabel={currentTab.btnLabel}
+                        onNotify={(msg, type) => setToast({ message: msg, type })} 
+                    />
+                </div>
+            </div>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Reports/Index.jsx b/resources/js/Pages/Owner/Reports/Index.jsx
new file mode 100644
index 0000000..8ec8eca
--- /dev/null
+++ b/resources/js/Pages/Owner/Reports/Index.jsx
@@ -0,0 +1,1031 @@
+import React, { useState, useEffect } from 'react';
+import { 
+    TrendingUp, 
+    CreditCard, 
+    BarChart3, 
+    Package, 
+    ShoppingCart, 
+    PieChart, 
+    Users, 
+    Bell,
+    DollarSign,
+    ArrowUpRight,
+    ArrowDownRight,
+    ArrowRight,
+    Search,
+    Download,
+    Filter,
+    Clock,
+    Shield,
+    Building,
+    AlertCircle
+} from 'lucide-react';
+
+export default function ReportIndex() {
+    const [activeTab, setActiveTab] = useState('Profit Report');
+    const [profitData, setProfitData] = useState(null);
+    const [expiryReminders, setExpiryReminders] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [selectedBranch, setSelectedBranch] = useState('');
+    const [startDate, setStartDate] = useState('');
+    const [endDate, setEndDate] = useState('');
+    const [branches, setBranches] = useState([]);
+    
+    // Additional Report States
+    const [expenseData, setExpenseData] = useState([]);
+    const [collectionData, setCollectionData] = useState([]);
+    const [lowStockData, setLowStockData] = useState([]);
+    const [movementsData, setMovementsData] = useState([]);
+    const [salesData, setSalesData] = useState([]);
+    const [investmentData, setInvestmentData] = useState([]);
+    const [investmentSummary, setInvestmentSummary] = useState({ total_invested: 0, total_roi_returned: 0 });
+    const [salaryData, setSalaryData] = useState([]);
+    const [selectedItem, setSelectedItem] = useState(null);
+
+    const tabs = [
+        'Profit Report', 'Expense Report', 'Collection Report', 
+        'Low Stock Report', 'Inventory Report', 'Product Sales', 
+        'Investment Report', 'Salary Report', 'Expiry Reminders'
+    ];
+
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+
+    const buildQueryString = () => {
+        const params = new URLSearchParams();
+        if (selectedBranch && selectedBranch !== 'All Branches') params.append('branch_id', selectedBranch);
+        if (startDate) params.append('start_date', startDate);
+        if (endDate) params.append('end_date', endDate);
+        return params.toString();
+    };
+
+    useEffect(() => {
+        fetchMetadata();
+    }, []);
+
+    useEffect(() => {
+        if (activeTab === 'Profit Report') {
+            fetchProfitData();
+        } else if (activeTab === 'Expiry Reminders') {
+            fetchExpiryReminders();
+        } else if (activeTab === 'Expense Report') {
+            fetchExpenseReport();
+        } else if (activeTab === 'Collection Report') {
+            fetchCollectionReport();
+        } else if (activeTab === 'Low Stock Report') {
+            fetchLowStockReport();
+        } else if (activeTab === 'Inventory Report') {
+            fetchMovementsReport();
+        } else if (activeTab === 'Product Sales') {
+            fetchSalesData();
+        } else if (activeTab === 'Investment Report') {
+            fetchInvestmentReport();
+        } else if (activeTab === 'Salary Report') {
+            fetchSalaryReport();
+        }
+    }, [activeTab, selectedBranch, startDate, endDate]);
+
+    const fetchMetadata = async () => {
+        try {
+            const res = await fetch('/api/expense-branches');
+            const data = await res.json();
+            setBranches(data || []);
+        } catch (error) {
+            console.error('Error fetching branches:', error);
+        }
+    };
+
+    const fetchProfitData = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/reports/profit?${buildQueryString()}`);
+            const data = await res.json();
+            setProfitData(data);
+        } catch (error) {
+            console.error('Error fetching profit data:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchExpiryReminders = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/reports/expiry-reminders?${buildQueryString()}`);
+            const data = await res.json();
+            setExpiryReminders(data.reminders || []);
+        } catch (error) {
+            console.error('Error fetching expiry reminders:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchExpenseReport = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/expenses?${buildQueryString()}`);
+            const data = await res.json();
+            setExpenseData(data || []);
+        } catch (error) {
+            console.error('Error fetching expenses:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchCollectionReport = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/collections?${buildQueryString()}`);
+            const data = await res.json();
+            setCollectionData(data || []);
+        } catch (error) {
+            console.error('Error fetching collections:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchLowStockReport = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/inventory/products?${buildQueryString()}`);
+            const data = await res.json();
+            setLowStockData(data.filter(p => parseFloat(p.current_stock) <= parseFloat(p.reorder_level)) || []);
+        } catch (error) {
+            console.error('Error fetching low stock:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchMovementsReport = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/inventory/movements?${buildQueryString()}`);
+            const data = await res.json();
+            setMovementsData(data || []);
+        } catch (error) {
+            console.error('Error fetching movements:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchSalesData = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/inventory/sales?${buildQueryString()}`);
+            const data = await res.json();
+            setSalesData(data || []);
+        } catch (error) {
+            console.error('Error fetching sales:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchInvestmentReport = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/reports/investments?${buildQueryString()}`);
+            const data = await res.json();
+            console.log("INVESTMENT REPORT DATA:", data);
+            setInvestmentData(data.investors || []);
+            setInvestmentSummary({
+                total_invested: data.total_invested || 0,
+                total_roi_returned: data.total_roi_returned || 0
+            });
+        } catch (error) {
+            console.error('Error fetching investments:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchSalaryReport = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/expenses/salary-history?${buildQueryString()}`);
+            const data = await res.json();
+            setSalaryData(data || []);
+        } catch (error) {
+            console.error('Error fetching salary report:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const comingSoon = (tabName) => (
+        <div className="flex flex-col items-center justify-center py-24 bg-white rounded-3xl border border-dashed border-gray-200 animate-in fade-in duration-500">
+            <div className="w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mb-6 text-gray-400">
+                <Clock size={40} />
+            </div>
+            <h3 className="text-2xl font-black text-gray-900 mb-2">{tabName}</h3>
+            <p className="text-gray-500 font-medium tracking-tight">This specialized reporting module is currently under development.</p>
+        </div>
+    );
+
+    return (
+        <>
+            <main className="max-w-[1700px] mx-auto p-4 md:p-10 space-y-10">
+                {/* Global Reports Title & Filters */}
+                <div className="flex flex-col md:flex-row md:items-end justify-between gap-6">
+                    <div>
+                        <h1 className="text-4xl font-black text-[#1B254B] tracking-tight">Global Reports</h1>
+                        <p className="text-gray-500 font-bold mt-2">Comprehensive financial and operational oversight.</p>
+                    </div>
+
+                    <div className="flex flex-wrap items-center gap-4 bg-white p-3 rounded-2xl border border-[#E0E5F2] shadow-sm">
+                        {!isReceptionist && (
+                            <div className="min-w-[180px]">
+                                <label className="block text-[9px] font-black text-[#A3AED0] uppercase tracking-widest mb-1.5 ml-1">Branch</label>
+                                <select 
+                                    className="w-full px-4 py-2.5 bg-[#F4F7FE] border-none rounded-xl text-sm font-bold text-[#1B254B] focus:ring-2 focus:ring-[#E31B1B]/20 outline-none appearance-none cursor-pointer"
+                                    value={selectedBranch}
+                                    onChange={(e) => setSelectedBranch(e.target.value)}
+                                >
+                                    <option value="">All Branches</option>
+                                    {branches.map(b => (
+                                        <option key={b.id} value={b.id}>{b.name}</option>
+                                    ))}
+                                </select>
+                            </div>
+                        )}
+                        <div className="min-w-[160px]">
+                            <label className="block text-[9px] font-black text-[#A3AED0] uppercase tracking-widest mb-1.5 ml-1">From Date</label>
+                            <input 
+                                type="date"
+                                className="w-full px-4 py-2.5 bg-[#F4F7FE] border-none rounded-xl text-sm font-bold text-[#1B254B] focus:ring-2 focus:ring-[#E31B1B]/20 outline-none"
+                                value={startDate}
+                                onChange={(e) => setStartDate(e.target.value)}
+                            />
+                        </div>
+                        <div className="min-w-[160px]">
+                            <label className="block text-[9px] font-black text-[#A3AED0] uppercase tracking-widest mb-1.5 ml-1">To Date</label>
+                            <input 
+                                type="date"
+                                className="w-full px-4 py-2.5 bg-[#F4F7FE] border-none rounded-xl text-sm font-bold text-[#1B254B] focus:ring-2 focus:ring-[#E31B1B]/20 outline-none"
+                                value={endDate}
+                                onChange={(e) => setEndDate(e.target.value)}
+                            />
+                        </div>
+                    </div>
+                </div>
+
+                {/* Standard Tabs */}
+                <div className="flex items-center gap-8 border-b border-gray-200">
+                    {tabs.map((tab) => {
+                        const isActive = activeTab === tab;
+                        return (
+                            <button
+                                key={tab}
+                                onClick={() => setActiveTab(tab)}
+                                className={`pb-4 text-sm font-bold transition-all relative ${
+                                    isActive 
+                                    ? 'text-[#E31B1B]' 
+                                    : 'text-[#A3AED0] hover:text-[#1B254B]'
+                                }`}
+                            >
+                                {tab}
+                                {isActive && (
+                                    <div className="absolute bottom-0 left-0 w-full h-1 bg-[#E31B1B] rounded-t-full shadow-[0_-2px_10px_rgba(227,27,27,0.3)]" />
+                                )}
+                            </button>
+                        );
+                    })}
+                </div>
+
+                {activeTab === 'Profit Report' && (
+                    <div className="space-y-10 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Cards */}
+                        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                            <div className="bg-white p-8 rounded-[1.5rem] shadow-sm flex items-center justify-between group hover:shadow-lg transition-all border border-transparent hover:border-emerald-100">
+                                <div>
+                                    <p className="text-sm font-bold text-[#A3AED0] mb-2 uppercase tracking-wider">Total Income</p>
+                                    <p className="text-2xl font-black text-[#1B254B] tracking-tight">{profitData?.total_credited?.toLocaleString() || '0.00'} AED</p>
+                                    <p className="text-xs font-bold text-[#A3AED0] mt-1">{profitData?.transactions?.filter(t => t.type === 'Income').length || 0} Records</p>
+                                </div>
+                                <div className="w-14 h-14 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500 group-hover:bg-emerald-500 group-hover:text-white transition-all shadow-sm">
+                                    <DollarSign size={24} />
+                                </div>
+                            </div>
+                            <div className="bg-white p-8 rounded-[1.5rem] shadow-sm flex items-center justify-between group hover:shadow-lg transition-all border border-transparent hover:border-red-100">
+                                <div>
+                                    <p className="text-sm font-bold text-[#A3AED0] mb-2 uppercase tracking-wider">Total Expenses</p>
+                                    <p className="text-2xl font-black text-[#1B254B] tracking-tight">{profitData?.total_expense?.toLocaleString() || '0.00'} AED</p>
+                                    <p className="text-xs font-bold text-[#A3AED0] mt-1">{profitData?.transactions?.filter(t => t.type === 'Expense').length || 0} Records</p>
+                                </div>
+                                <div className="w-14 h-14 bg-red-50 rounded-full flex items-center justify-center text-red-500 group-hover:bg-red-500 group-hover:text-white transition-all shadow-sm">
+                                    <ArrowDownRight size={24} />
+                                </div>
+                            </div>
+                            <div className="bg-white p-8 rounded-[1.5rem] shadow-sm flex items-center justify-between group hover:shadow-lg transition-all border border-transparent hover:border-orange-100">
+                                <div>
+                                    <p className="text-sm font-bold text-[#A3AED0] mb-2 uppercase tracking-wider">Net Profit</p>
+                                    <p className="text-2xl font-black text-[#1B254B] tracking-tight">{profitData?.net_profit?.toLocaleString() || '0.00'} AED</p>
+                                </div>
+                                <div className="w-14 h-14 bg-orange-50 rounded-full flex items-center justify-center text-orange-500 group-hover:bg-orange-500 group-hover:text-white transition-all shadow-sm">
+                                    <TrendingUp size={24} />
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Detailed Breakdown Card */}
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                            <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                                <h3 className="text-xl font-black text-[#1B254B] tracking-tight">Detailed Breakdown</h3>
+                                <button className="flex items-center gap-2 px-6 py-3 bg-[#00C566] text-white rounded-xl text-sm font-bold hover:shadow-lg hover:shadow-[#00C566]/20 transition-all active:scale-95">
+                                    <Download size={20} />
+                                    Export Data
+                                </button>
+                            </div>
+
+                            <div className="overflow-x-auto">
+                                <table className="w-full">
+                                    <thead>
+                                        <tr className="bg-[#F9FAFB]">
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Date</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Transaction Type</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Details / Source</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Branch</th>
+                                            <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Amount</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody className="divide-y divide-[#F4F7FE]">
+                                        {profitData?.transactions?.length > 0 ? (
+                                            profitData.transactions.map((t, idx) => (
+                                                <tr key={idx} className="hover:bg-[#F4F7FE]/30 transition-colors group">
+                                                    <td className="px-10 py-6">
+                                                        <p className="text-sm font-bold text-[#1B254B]">{new Date(t.date).toLocaleDateString()}</p>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <span className={`px-4 py-1.5 rounded-full text-[10px] font-black tracking-widest uppercase ${
+                                                            t.type === 'Income' ? 'bg-emerald-50 text-emerald-600' : 'bg-red-50 text-red-600'
+                                                        }`}>
+                                                            {t.type}
+                                                        </span>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <p className="text-sm font-black text-[#1B254B]">{t.category}</p>
+                                                        <p className="text-xs font-bold text-[#A3AED0] truncate max-w-xs">{t.description}</p>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <div className="flex items-center gap-2">
+                                                            <Building size={14} className="text-[#A3AED0]" />
+                                                            <span className="text-sm font-bold text-[#1B254B]">{t.branch}</span>
+                                                        </div>
+                                                    </td>
+                                                    <td className="px-10 py-6 text-right">
+                                                        <div className="flex flex-col items-end gap-1">
+                                                            <p className={`text-sm font-black ${
+                                                                t.type === 'Income' ? 'text-emerald-500' : 'text-red-500'
+                                                            }`}>
+                                                                {t.type === 'Income' ? '+' : '-'}{t.amount.toLocaleString()} AED
+                                                            </p>
+                                                            {t.is_adjusted && (
+                                                                <button 
+                                                                    onClick={() => setSelectedItem(t)}
+                                                                    className="px-2 py-0.5 bg-amber-50 text-amber-600 rounded-md text-[9px] font-black uppercase tracking-wider border border-amber-100 hover:bg-amber-100 transition-colors"
+                                                                >
+                                                                    Adjusted
+                                                                </button>
+                                                            )}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            ))
+                                        ) : (
+                                            <tr>
+                                                <td colSpan="5" className="px-10 py-24 text-center">
+                                                    <p className="text-lg font-black text-[#A3AED0] uppercase tracking-widest">No transaction data found</p>
+                                                </td>
+                                            </tr>
+                                        )}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                )}
+
+                {activeTab === 'Expiry Reminders' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Search Bar */}
+                        <div className="grid grid-cols-1 gap-6 items-end">
+                            <div>
+                                <label className="block text-[10px] font-black text-[#A3AED0] uppercase tracking-widest mb-3 ml-1">Search</label>
+                                <div className="relative group">
+                                    <Search className="absolute left-5 top-1/2 -translate-y-1/2 text-[#A3AED0] group-focus-within:text-[#E31B1B] transition-colors" size={20} />
+                                    <input 
+                                        type="text" 
+                                        placeholder="Search records..." 
+                                        className="w-full pl-14 pr-6 py-4 bg-white border border-[#E0E5F2] rounded-2xl text-sm font-bold text-[#1B254B] focus:ring-2 focus:ring-[#E31B1B]/10 focus:border-[#E31B1B] transition-all outline-none shadow-sm"
+                                        value={searchQuery}
+                                        onChange={(e) => setSearchQuery(e.target.value)}
+                                    />
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Active Expiry Reminders Banner */}
+                        <div className="bg-white border-2 border-amber-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-amber-200">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-1">
+                                    <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Active Expiry Reminders</p>
+                                    <h4 className="text-4xl font-black text-[#1B254B]">{expiryReminders.length} Alerts</h4>
+                                    <p className="text-sm font-bold text-[#A3AED0]">{expiryReminders.length} Records found across branches</p>
+                                </div>
+                                <div className="w-16 h-16 bg-amber-50 rounded-full flex items-center justify-center text-amber-500 shadow-inner group-hover:scale-110 transition-transform">
+                                    <Bell size={28} />
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Detailed Breakdown Card */}
+                        <div className="bg-white rounded-[2.5rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                            <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                                <h3 className="text-xl font-black text-[#1B254B] tracking-tight">Detailed Breakdown</h3>
+                                <button className="flex items-center gap-2 px-6 py-3 bg-[#00C566] text-white rounded-xl text-sm font-bold hover:shadow-lg hover:shadow-[#00C566]/20 transition-all active:scale-95">
+                                    <Download size={20} />
+                                    Export Data
+                                </button>
+                            </div>
+
+                            <div className="overflow-x-auto">
+                                <table className="w-full">
+                                    <thead>
+                                        <tr className="bg-[#F9FAFB]">
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Staff Name</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Branch</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Document Type</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Doc Number</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Reminder Started On</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Expiry Date</th>
+                                            <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Status</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody className="divide-y divide-[#F4F7FE]">
+                                        {expiryReminders.length > 0 ? (
+                                            expiryReminders.map((alert, idx) => (
+                                                <tr key={idx} className="hover:bg-[#F4F7FE]/50 transition-colors">
+                                                    <td className="px-10 py-6">
+                                                        <p className="text-sm font-black text-[#1B254B] uppercase tracking-tight">{alert.entity_name}</p>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <p className="text-sm font-bold text-[#A3AED0]">{alert.branch_name}</p>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">{alert.document_name}</p>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <p className="text-sm font-mono font-bold text-[#1B254B]">{alert.document_number || '---'}</p>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <p className="text-sm font-bold text-[#A3AED0]">{alert.reminder_started_on || '---'}</p>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <div className="flex items-center gap-2">
+                                                            <Clock size={14} className="text-[#E31B1B]" />
+                                                            <span className="text-sm font-black text-[#1B254B]">{new Date(alert.expiry_date).toLocaleDateString()}</span>
+                                                        </div>
+                                                    </td>
+                                                    <td className="px-10 py-6">
+                                                        <span className={`px-4 py-1.5 rounded-full text-[10px] font-black uppercase tracking-widest ${
+                                                            alert.days_left <= 0 ? 'bg-red-100 text-[#E31B1B]' : 'bg-amber-100 text-amber-600'
+                                                        }`}>
+                                                            {alert.days_left <= 0 ? 'Expired' : 'Expiring Soon'}
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                            ))
+                                        ) : (
+                                            <tr>
+                                                <td colSpan="7" className="px-10 py-24 text-center">
+                                                    <div className="flex flex-col items-center opacity-40">
+                                                        <Shield size={64} className="text-[#A3AED0] mb-4" />
+                                                        <p className="text-lg font-black text-[#A3AED0] uppercase tracking-widest">No Active Reminders</p>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        )}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                )}
+
+                {activeTab === 'Expense Report' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white border-2 border-red-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-red-200">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-1">
+                                    <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Total Expenses</p>
+                                    <h4 className="text-4xl font-black text-[#1B254B]">{expenseData.reduce((sum, e) => sum + parseFloat(e.amount || 0), 0).toLocaleString()} AED</h4>
+                                    <p className="text-sm font-bold text-[#A3AED0]">{expenseData.length} Expense Records</p>
+                                </div>
+                                <div className="w-16 h-16 bg-red-50 rounded-full flex items-center justify-center text-red-500 shadow-inner group-hover:scale-110 transition-transform">
+                                    <ArrowDownRight size={28} />
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                            <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                                <h3 className="text-xl font-black text-[#1B254B]">Expense Records</h3>
+                            </div>
+                            <div className="overflow-x-auto">
+                                <table className="w-full">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Date</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Category</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Branch</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Amount</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {expenseData.map((e, idx) => (
+                                        <tr key={idx}>
+                                            <td className="px-10 py-6 text-sm font-bold text-[#1B254B]">{new Date(e.date).toLocaleDateString()}</td>
+                                            <td className="px-10 py-6 text-sm font-black text-[#1B254B]">{e.category?.name}</td>
+                                            <td className="px-10 py-6 text-sm font-bold text-[#A3AED0]">{e.branch?.name}</td>
+                                            <td className="px-10 py-6 text-right text-sm font-black text-red-500">{e.amount.toLocaleString()} AED</td>
+                                        </tr>
+                                    ))}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                )}
+
+                {activeTab === 'Collection Report' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white border-2 border-emerald-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-emerald-200">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-1">
+                                    <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Total Collections</p>
+                                    <h4 className="text-4xl font-black text-[#1B254B]">{collectionData.reduce((sum, c) => sum + parseFloat(c.amount || 0), 0).toLocaleString()} AED</h4>
+                                    <p className="text-sm font-bold text-[#A3AED0]">{collectionData.length} Collection Records</p>
+                                </div>
+                                <div className="w-16 h-16 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500 shadow-inner group-hover:scale-110 transition-transform">
+                                    <DollarSign size={28} />
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                            <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                                <h3 className="text-xl font-black text-[#1B254B]">Collection Records</h3>
+                            </div>
+                            <div className="overflow-x-auto">
+                                <table className="w-full">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Date</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Type</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Branch</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Amount</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {collectionData.map((c, idx) => (
+                                        <tr key={idx}>
+                                            <td className="px-10 py-6 text-sm font-bold text-[#1B254B]">{new Date(c.date).toLocaleDateString()}</td>
+                                            <td className="px-10 py-6 text-sm font-black text-[#1B254B]">{c.type?.name}</td>
+                                            <td className="px-10 py-6 text-sm font-bold text-[#A3AED0]">{c.branch?.name}</td>
+                                            <td className="px-10 py-6 text-right text-sm font-black text-emerald-500">
+                                                <div className="flex flex-col items-end gap-1">
+                                                    <span>{c.amount.toLocaleString()} AED</span>
+                                                    {c.is_adjusted && (
+                                                        <button 
+                                                            onClick={() => setSelectedItem({
+                                                                transaction_id: c.transaction_id,
+                                                                original_amount: c.original_amount,
+                                                                amount: c.amount,
+                                                                remarks: c.remarks
+                                                            })}
+                                                            className="px-2 py-0.5 bg-amber-50 text-amber-600 rounded-md text-[9px] font-black uppercase tracking-wider border border-amber-100 hover:bg-amber-100 transition-colors outline-none"
+                                                        >
+                                                            Adjusted
+                                                        </button>
+                                                    )}
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    ))}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                )}
+
+                {activeTab === 'Low Stock Report' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white border-2 border-rose-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-rose-200">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-1">
+                                    <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Low Stock Items</p>
+                                    <h4 className="text-4xl font-black text-[#1B254B]">{lowStockData.length} Products</h4>
+                                    <p className="text-sm font-bold text-[#A3AED0]">Products below reorder level</p>
+                                </div>
+                                <div className="w-16 h-16 bg-rose-50 rounded-full flex items-center justify-center text-rose-500 shadow-inner group-hover:scale-110 transition-transform">
+                                    <AlertCircle size={28} />
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                            <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                                <h3 className="text-xl font-black text-[#1B254B]">Low Stock Inventory</h3>
+                            </div>
+                            <div className="overflow-x-auto">
+                                <table className="w-full">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Product</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Branch</th>
+                                        <th className="px-10 py-6 text-center text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Stock</th>
+                                        <th className="px-10 py-6 text-center text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Min Level</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Status</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {lowStockData.map((p, idx) => (
+                                        <tr key={idx}>
+                                            <td className="px-10 py-6 text-sm font-black text-[#1B254B] uppercase tracking-tight">{p.name}</td>
+                                            <td className="px-10 py-6 text-sm font-bold text-[#A3AED0]">{p.branch?.name}</td>
+                                            <td className="px-10 py-6 text-center text-sm font-black text-red-500 group-hover:scale-110 transition-transform">{p.current_stock}</td>
+                                            <td className="px-10 py-6 text-center text-sm font-bold text-gray-400">{p.reorder_level}</td>
+                                            <td className="px-10 py-6 text-right">
+                                                <span className="px-4 py-1.5 bg-red-50 text-red-600 rounded-full text-[10px] font-black uppercase tracking-widest border border-red-100 italic">
+                                                    Low Stock
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    ))}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                )}
+
+                {activeTab === 'Inventory Report' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white border-2 border-indigo-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-indigo-200">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-1">
+                                    <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Total Movements</p>
+                                    <h4 className="text-4xl font-black text-[#1B254B]">{movementsData.length} Records</h4>
+                                    <p className="text-sm font-bold text-[#A3AED0]">Stock Additions & Deductions</p>
+                                </div>
+                                <div className="w-16 h-16 bg-indigo-50 rounded-full flex items-center justify-center text-indigo-500 shadow-inner group-hover:scale-110 transition-transform">
+                                    <Package size={28} />
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                        <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                            <div>
+                                <h3 className="text-xl font-black text-[#1B254B]">Inventory Alerts & Movements</h3>
+                                <p className="text-xs text-gray-500 font-bold mt-1">Global audit log of all stock adjustments and alerts.</p>
+                            </div>
+                            <button className="flex items-center gap-2 px-6 py-3 bg-[#00C566] text-white rounded-xl text-sm font-bold hover:shadow-lg hover:shadow-[#00C566]/20 transition-all active:scale-95">
+                                <Download size={20} />
+                                Export
+                            </button>
+                        </div>
+                        <div className="overflow-x-auto">
+                            <table className="w-full">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Date</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Product</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Branch</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Movement Type</th>
+                                        <th className="px-10 py-6 text-center text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Change</th>
+                                        <th className="px-10 py-6 text-center text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Stock After</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {movementsData.length > 0 ? (
+                                        movementsData.map((m, idx) => (
+                                            <tr key={idx} className="hover:bg-[#F4F7FE]/30 transition-colors">
+                                                <td className="px-10 py-6 text-sm font-bold text-[#1B254B]">{new Date(m.date).toLocaleDateString()}</td>
+                                                <td className="px-10 py-6">
+                                                    <p className="text-sm font-black text-[#1B254B] uppercase tracking-tight">{m.product_name}</p>
+                                                    <p className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest mt-0.5">SKU: {m.sku}</p>
+                                                </td>
+                                                <td className="px-10 py-6 text-sm font-bold text-[#A3AED0]">{m.branch}</td>
+                                                <td className="px-10 py-6 text-sm font-bold text-[#1B254B] italic">{m.reason}</td>
+                                                <td className="px-10 py-6 text-center">
+                                                    <span className={`px-3 py-1 rounded-lg text-xs font-black ${
+                                                        m.change >= 0 
+                                                        ? 'bg-emerald-50 text-emerald-600 border border-emerald-100' 
+                                                        : 'bg-red-50 text-red-600 border border-red-100'
+                                                    }`}>
+                                                        {m.change >= 0 ? '+' : ''}{m.change}
+                                                    </span>
+                                                </td>
+                                                <td className="px-10 py-6 text-center text-sm font-black text-[#1B254B]">{m.new_stock}</td>
+                                            </tr>
+                                        ))
+                                    ) : (
+                                        <tr>
+                                            <td colSpan="6" className="px-10 py-24 text-center">
+                                                <p className="text-lg font-black text-[#A3AED0] uppercase tracking-widest">No inventory data found</p>
+                                            </td>
+                                        </tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                )}
+
+                {activeTab === 'Product Sales' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white border-2 border-emerald-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-emerald-200">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-1">
+                                    <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Total Sales</p>
+                                    <h4 className="text-4xl font-black text-[#1B254B]">{salesData.reduce((sum, s) => sum + parseFloat(s.total_amount || 0), 0).toLocaleString()} AED</h4>
+                                    <p className="text-sm font-bold text-[#A3AED0]">{salesData.length} Sales Transactions</p>
+                                </div>
+                                <div className="w-16 h-16 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500 shadow-inner group-hover:scale-110 transition-transform">
+                                    <ShoppingCart size={28} />
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                        <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                            <h3 className="text-xl font-black text-[#1B254B]">Sales Records</h3>
+                            <button className="flex items-center gap-2 px-6 py-3 bg-[#00C566] text-white rounded-xl text-sm font-bold hover:shadow-lg hover:shadow-[#00C566]/20 transition-all active:scale-95">
+                                <Download size={20} />
+                                Export
+                            </button>
+                        </div>
+                        <div className="overflow-x-auto">
+                            <table className="w-full">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Date</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Transaction ID</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Branch</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Method</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Sub-Total</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">VAT (5%)</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Total Amount</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {salesData.length > 0 ? (
+                                        salesData.map((s, idx) => (
+                                            <tr key={idx} className="hover:bg-[#F4F7FE]/30 transition-colors">
+                                                <td className="px-10 py-6 text-sm font-bold text-[#1B254B]">{new Date(s.date).toLocaleDateString()}</td>
+                                                <td className="px-10 py-6 text-[10px] font-black text-[#A3AED0] tracking-widest">{s.transaction_id}</td>
+                                                <td className="px-10 py-6 text-sm font-bold text-[#A3AED0]">{s.branch?.name}</td>
+                                                <td className="px-10 py-6 text-sm font-bold text-[#1B254B]">{s.payment_method}</td>
+                                                <td className="px-10 py-6 text-right text-xs font-black text-[#A3AED0]">{parseFloat(s.subtotal_amount || 0).toFixed(2)} AED</td>
+                                                <td className="px-10 py-6 text-right text-xs font-black text-[#A3AED0]">{parseFloat(s.vat_amount || 0).toFixed(2)} AED</td>
+                                                <td className="px-10 py-6 text-right text-sm font-black text-emerald-500">{parseFloat(s.total_amount).toLocaleString()} AED</td>
+                                            </tr>
+                                        ))
+                                    ) : (
+                                        <tr>
+                                            <td colSpan="7" className="px-10 py-24 text-center">
+                                                <p className="text-lg font-black text-[#A3AED0] uppercase tracking-widest">No sales records found</p>
+                                            </td>
+                                        </tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                )}
+
+                {activeTab === 'Investment Report' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Cards */}
+                        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                            <div className="bg-white border-2 border-blue-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-blue-200 cursor-default">
+                                <div className="flex items-center justify-between">
+                                    <div className="space-y-1">
+                                        <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Total Active Investment</p>
+                                        <h4 className="text-4xl font-black text-[#1B254B]">{(investmentSummary?.total_invested || 0).toLocaleString()} AED</h4>
+                                        <p className="text-sm font-bold text-[#A3AED0]">{investmentData?.length || 0} Investors</p>
+                                    </div>
+                                    <div className="w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center text-blue-500 shadow-inner group-hover:scale-110 transition-transform">
+                                        <PieChart size={28} />
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div className="bg-white border-2 border-emerald-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-emerald-200 cursor-default">
+                                <div className="flex items-center justify-between">
+                                    <div className="space-y-1">
+                                        <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Total ROI Returned</p>
+                                        <h4 className="text-4xl font-black text-emerald-500">{(investmentSummary?.total_roi_returned || 0).toLocaleString()} AED</h4>
+                                        <p className="text-sm font-bold text-[#A3AED0]">Total Payouts Made</p>
+                                    </div>
+                                    <div className="w-16 h-16 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500 shadow-inner group-hover:scale-110 transition-transform">
+                                        <TrendingUp size={28} />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                        <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                            <div>
+                                <h3 className="text-xl font-black text-[#1B254B]">Investment Performance</h3>
+                                <p className="text-xs text-gray-500 font-bold mt-1">Overview of investor contributions, returns and pending payouts.</p>
+                            </div>
+                            <button className="flex items-center gap-2 px-6 py-3 bg-[#00C566] text-white rounded-xl text-sm font-bold hover:shadow-lg hover:shadow-[#00C566]/20 transition-all active:scale-95">
+                                <Download size={20} />
+                                Export
+                            </button>
+                        </div>
+                        <div className="overflow-x-auto">
+                            <table className="w-full">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Investor Name</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Investment Date</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Invested Amount</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Returns Earned</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Pending to Pay</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {investmentData.length > 0 ? (
+                                        investmentData.map((inv, idx) => (
+                                            <tr key={idx} className="hover:bg-[#F4F7FE]/30 transition-colors">
+                                                <td className="px-10 py-6">
+                                                    <p className="text-sm font-black text-[#1B254B] uppercase tracking-tight">{inv.investor_name}</p>
+                                                    <p className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest mt-0.5">
+                                                        {inv.roi_type === 'Percentage' ? `${inv.roi_value}%` : `${inv.roi_value} AED`} {inv.roi_period}
+                                                    </p>
+                                                </td>
+                                                <td className="px-10 py-6 text-sm font-bold text-[#1B254B]">{new Date(inv.investment_date).toLocaleDateString()}</td>
+                                                <td className="px-10 py-6 text-right text-sm font-black text-[#1B254B]">{parseFloat(inv.investment_amount).toLocaleString()} AED</td>
+                                                <td className="px-10 py-6 text-right text-sm font-black text-emerald-500">{parseFloat(inv.returns_earned).toLocaleString()} AED</td>
+                                                <td className="px-10 py-6 text-right text-sm font-black text-amber-500">{parseFloat(inv.total_pending).toLocaleString()} AED</td>
+                                            </tr>
+                                        ))
+                                    ) : (
+                                        <tr>
+                                            <td colSpan="5" className="px-10 py-24 text-center">
+                                                <p className="text-lg font-black text-[#A3AED0] uppercase tracking-widest">No investments found</p>
+                                            </td>
+                                        </tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                )}
+
+                {activeTab === 'Salary Report' && (
+                    <div className="space-y-8 animate-in slide-in-from-bottom-2 duration-500">
+                        {/* Summary Card */}
+                        <div className="bg-white border-2 border-violet-100 rounded-[2.5rem] p-8 shadow-sm group hover:shadow-lg transition-all border-l-[12px] border-l-violet-200">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-1">
+                                    <p className="text-xs font-black text-[#A3AED0] uppercase tracking-widest">Total Released Salary</p>
+                                    <h4 className="text-4xl font-black text-[#1B254B]">{salaryData.reduce((sum, s) => sum + parseFloat(s.amount || 0), 0).toLocaleString()} AED</h4>
+                                    <p className="text-sm font-bold text-[#A3AED0]">{salaryData.length} Payout Batches</p>
+                                </div>
+                                <div className="w-16 h-16 bg-violet-50 rounded-full flex items-center justify-center text-violet-500 shadow-inner group-hover:scale-110 transition-transform">
+                                    <Users size={28} />
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                            <div className="px-10 py-8 border-b border-[#F4F7FE] flex items-center justify-between">
+                            <div>
+                                <h3 className="text-xl font-black text-[#1B254B]">Salary Release History</h3>
+                                <p className="text-xs text-gray-500 font-bold mt-1">Overview of all individual and bulk salary payouts.</p>
+                            </div>
+                            <button className="flex items-center gap-2 px-6 py-3 bg-[#00C566] text-white rounded-xl text-sm font-bold hover:shadow-lg hover:shadow-[#00C566]/20 transition-all active:scale-95">
+                                <Download size={20} />
+                                Export
+                            </button>
+                        </div>
+                        <div className="overflow-x-auto">
+                            <table className="w-full">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Date</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Batch/Staff Details</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Branch</th>
+                                        <th className="px-10 py-6 text-left text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Remarks</th>
+                                        <th className="px-10 py-6 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-widest border-b border-[#F4F7FE]">Total Amount</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {salaryData.length > 0 ? (
+                                        salaryData.map((s, idx) => (
+                                            <tr key={idx} className="hover:bg-[#F4F7FE]/30 transition-colors">
+                                                <td className="px-10 py-6 text-sm font-bold text-[#1B254B]">{new Date(s.date).toLocaleDateString()}</td>
+                                                <td className="px-10 py-6">
+                                                    <div className="flex items-center gap-3">
+                                                        <div className={`w-10 h-10 rounded-xl flex items-center justify-center ${s.is_bulk ? 'bg-blue-50 text-blue-600' : 'bg-[#F4F7FE] text-[#1B254B]'}`}>
+                                                            {s.is_bulk ? <Users size={18} /> : <Users size={18} />}
+                                                        </div>
+                                                        <div>
+                                                            <p className="text-sm font-black text-[#1B254B] uppercase tracking-tight">{s.is_bulk ? 'Bulk Release' : 'Individual Release'}</p>
+                                                            <p className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest mt-0.5">{s.count} Staff {s.count === 1 ? 'Member' : 'Members'}</p>
+                                                        </div>
+                                                    </div>
+                                                </td>
+                                                <td className="px-10 py-6 text-sm font-bold text-[#A3AED0]">{s.branch}</td>
+                                                <td className="px-10 py-6 text-sm font-bold text-[#1B254B] italic line-clamp-1">{s.remarks}</td>
+                                                <td className="px-10 py-6 text-right text-sm font-black text-emerald-500">{parseFloat(s.amount).toLocaleString()} AED</td>
+                                            </tr>
+                                        ))
+                                    ) : (
+                                        <tr>
+                                            <td colSpan="5" className="px-10 py-24 text-center">
+                                                <p className="text-lg font-black text-[#A3AED0] uppercase tracking-widest">No salary records found</p>
+                                            </td>
+                                        </tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                )}
+
+                {activeTab !== 'Profit Report' && activeTab !== 'Expiry Reminders' && 
+                 activeTab !== 'Expense Report' && activeTab !== 'Collection Report' && 
+                 activeTab !== 'Low Stock Report' && activeTab !== 'Inventory Report' && 
+                 activeTab !== 'Product Sales' && activeTab !== 'Investment Report' && 
+                 activeTab !== 'Salary Report' && comingSoon(activeTab)}
+
+                {/* Details Modal */}
+                {selectedItem && (
+                    <div className="fixed inset-0 bg-[#1B254B]/40 backdrop-blur-sm z-[100] flex items-center justify-center p-4 animate-in fade-in duration-300">
+                        <div className="bg-white rounded-[2.5rem] w-full max-w-lg overflow-hidden shadow-2xl animate-in zoom-in-95 duration-300">
+                            <div className="p-8 border-b border-gray-100 flex items-center justify-between bg-gray-50/50">
+                                <div>
+                                    <h3 className="text-xl font-black text-[#1B254B]">Adjustment Details</h3>
+                                    <p className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest mt-1">Transaction: #{selectedItem.transaction_id || 'N/A'}</p>
+                                </div>
+                                <button 
+                                    onClick={() => setSelectedItem(null)}
+                                    className="p-2 hover:bg-white rounded-xl transition-all text-[#A3AED0] hover:text-[#1B254B]"
+                                >
+                                    <span className="font-black text-xl">×</span>
+                                </button>
+                            </div>
+                            <div className="p-8 space-y-8">
+                                <div className="grid grid-cols-2 gap-8">
+                                    <div className="space-y-1">
+                                        <p className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Original Total</p>
+                                        <p className="text-lg font-black text-gray-400 line-through">{(selectedItem.original_amount || 0).toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</p>
+                                    </div>
+                                    <div className="space-y-1">
+                                        <p className="text-[10px] font-black text-emerald-600 uppercase tracking-widest">Adjusted Total</p>
+                                        <p className="text-lg font-black text-[#22C55E]">{(parseFloat(selectedItem.amount) || 0).toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</p>
+                                    </div>
+                                </div>
+
+                                <div className="space-y-2 p-6 bg-amber-50/50 rounded-2xl border border-amber-100">
+                                    <p className="text-[10px] font-black text-amber-600 uppercase tracking-widest block mb-2">Remarks / Reason</p>
+                                    <p className="text-sm font-bold text-[#1B254B] leading-relaxed italic">
+                                        "{selectedItem.remarks || 'No remarks provided for this adjustment.'}"
+                                    </p>
+                                </div>
+
+                                <button 
+                                    onClick={() => setSelectedItem(null)}
+                                    className="w-full py-4 bg-[#1B254B] text-white rounded-2xl font-black text-xs uppercase tracking-[0.2em] hover:bg-[#2B3674] transition-all shadow-lg shadow-[#1B254B]/10"
+                                >
+                                    Close Details
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Staff/Add.jsx b/resources/js/Pages/Owner/Staff/Add.jsx
new file mode 100644
index 0000000..fa22f10
--- /dev/null
+++ b/resources/js/Pages/Owner/Staff/Add.jsx
@@ -0,0 +1,623 @@
+import React, { useState, useEffect } from 'react';
+import Toast from '../Components/Toast';
+import { Shield, ChevronLeft, Save, Plus, Trash2 } from 'lucide-react';
+
+export default function StaffAdd() {
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [branches, setBranches] = useState([]);
+    const [toast, setToast] = useState(null);
+    
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const receptionistBranchId = window.__APP_DATA__?.branch?.id;
+    const basePath = isReceptionist ? '/receptionist' : '/owner';
+    
+    const today = new Date().toISOString().split("T")[0];
+
+    const [formData, setFormData] = useState({
+        full_name: '',
+        email: '',
+        phone: '',
+        role: 'Trainer',
+        branch_id: isReceptionist ? (receptionistBranchId?.toString() || '') : '',
+        joining_date: today,
+        status: 'Active',
+        salary_type: 'Fixed',
+        salary_amount: '',
+        cycle_effective_date: today,
+        advance_enabled: false,
+        advance_amount: '',
+        advance_months: '',
+        advance_repayment_mode: 'Full Next Month',
+        commission_enabled: false,
+        commission_amount: '',
+        commission_member_count: '',
+        emirates_id: '',
+        emirates_id_expiry: '',
+        emirates_id_reminder_days: 30,
+        salary_reminder_enabled: true,
+        document_expiry_enabled: true,
+        family_members: [{ name: '', relation: '', contact: '' }],
+        documents: [{ name: '', document_number: '', expiry_date: '', reminder_days: 30, file: null }]
+    });
+
+    useEffect(() => {
+        const fetchBranches = async () => {
+            try {
+                const response = await fetch('/api/branches');
+                const data = await response.json();
+                setBranches(data);
+            } catch (error) {
+                console.error('Error fetching branches:', error);
+            } finally {
+                setLoading(false);
+            }
+        };
+        fetchBranches();
+    }, []);
+
+    const handleChange = (e) => {
+        const { name, value, type, checked } = e.target;
+        setFormData({
+            ...formData,
+            [name]: type === 'checkbox' ? checked : value
+        });
+    };
+
+    const handleDocumentChange = (index, e) => {
+        const { name, value, files } = e.target;
+        const newDocs = [...formData.documents];
+        if (name === 'file') {
+            newDocs[index][name] = files[0];
+        } else {
+            newDocs[index][name] = value;
+        }
+        setFormData({ ...formData, documents: newDocs });
+    };
+
+    const addDocumentRow = () => {
+        setFormData({
+            ...formData,
+            documents: [...formData.documents, { name: '', document_number: '', expiry_date: '', reminder_days: 30, file: null }]
+        });
+    };
+
+    const removeDocumentRow = (index) => {
+        const newDocs = formData.documents.filter((_, i) => i !== index);
+        setFormData({ ...formData, documents: newDocs });
+    };
+    
+    const handleFamilyMemberChange = (index, e) => {
+        const { name, value } = e.target;
+        const newMembers = [...formData.family_members];
+        newMembers[index][name] = value;
+        setFormData({ ...formData, family_members: newMembers });
+    };
+
+    const addFamilyMemberRow = () => {
+        setFormData({
+            ...formData,
+            family_members: [...formData.family_members, { name: '', relation: '', contact: '' }]
+        });
+    };
+
+    const removeFamilyMemberRow = (index) => {
+        const newMembers = formData.family_members.filter((_, i) => i !== index);
+        setFormData({ ...formData, family_members: newMembers });
+    };
+
+    const handleSave = async (e) => {
+        if (e) e.preventDefault();
+        
+        // Comprehensive Validations
+        const errors = [];
+        if (!formData.full_name.trim()) errors.push('Full Name is required.');
+        if (!formData.email.trim()) errors.push('Email is required.');
+        else if (!/\S+@\S+\.\S+/.test(formData.email)) errors.push('Invalid Email format.');
+        
+        if (!formData.phone.trim()) errors.push('Phone number is required.');
+        else if (!/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/.test(formData.phone.replace(/[\s-]/g, ''))) {
+            errors.push('Invalid Phone format. Only Indian (+91) and UAE (+971) numbers are allowed.');
+        }
+        if (!formData.branch_id) errors.push('Please select a Branch.');
+        if (!formData.joining_date) errors.push('Joining Date is required.');
+        if (!formData.role) errors.push('Please select a Role.');
+        
+        if (!formData.salary_amount || parseFloat(formData.salary_amount) <= 0) {
+            errors.push('Please enter a valid Salary Amount.');
+        }
+
+        // Branch Start Date Validation - REMOVED AS PER USER REQUEST
+        /*
+        const selectedBranch = branches.find(b => b.id == formData.branch_id);
+        if (selectedBranch && formData.joining_date && selectedBranch.operational_start_date) {
+            if (formData.joining_date < selectedBranch.operational_start_date) {
+                errors.push(`Joining date (${formData.joining_date}) cannot be before branch start date (${selectedBranch.operational_start_date}).`);
+            }
+        }
+        */
+
+        if (formData.advance_enabled) {
+            if (!formData.advance_amount || parseFloat(formData.advance_amount) <= 0) errors.push('Please enter a valid Advance Amount.');
+            if (formData.advance_repayment_mode === 'Divide by Months' && (!formData.advance_months || parseInt(formData.advance_months) <= 0)) {
+                errors.push('Please enter a valid number of months for repayment.');
+            }
+        }
+
+        if (formData.commission_enabled) {
+            if (!formData.commission_amount || parseFloat(formData.commission_amount) <= 0) errors.push('Please enter a valid Commission Amount.');
+            if (!formData.commission_member_count || parseInt(formData.commission_member_count) <= 0) errors.push('Please enter a valid Member Count for commission.');
+        }
+
+        // Family Details Validation
+        formData.family_members.forEach((member, idx) => {
+            if (member.name || member.relation || member.contact) {
+                if (!member.name) errors.push(`Family Member ${idx + 1}: Name is required.`);
+                if (!member.relation) errors.push(`Family Member ${idx + 1}: Relation is required.`);
+                if (!member.contact) errors.push(`Family Member ${idx + 1}: Contact is required.`);
+                else if (!/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/.test(member.contact.replace(/[\s-]/g, ''))) {
+                    errors.push(`Family Member ${idx + 1}: Invalid Contact format. Only Indian (+91) and UAE (+971) numbers are allowed.`);
+                }
+            }
+        });
+
+        // Document Validations (Check if any document rows have partial data)
+        formData.documents.forEach((doc, idx) => {
+            if (doc.name || doc.document_number || doc.expiry_date || doc.file) {
+                if (!doc.name) errors.push(`Document ${idx + 1}: Name is required.`);
+                if (!doc.document_number) errors.push(`Document ${idx + 1}: Document Number is required.`);
+                if (!doc.expiry_date) errors.push(`Document ${idx + 1}: Expiry Date is required.`);
+            }
+        });
+
+        if (errors.length > 0) {
+            setToast({ message: 'Validation Errors:\n• ' + errors.join('\n• '), type: 'error' });
+            return;
+        }
+
+        setSaving(true);
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        const data = new FormData();
+        // ... (rest of the method remains similar but with the validation above)
+        Object.keys(formData).forEach(key => {
+            if (key === 'documents') {
+                formData.documents.forEach((doc, index) => {
+                    data.append(`documents[${index}][name]`, doc.name);
+                    data.append(`documents[${index}][document_number]`, doc.document_number);
+                    data.append(`documents[${index}][expiry_date]`, doc.expiry_date);
+                    data.append(`documents[${index}][reminder_days]`, doc.reminder_days);
+                    if (doc.file) {
+                        data.append(`documents[${index}][file]`, doc.file);
+                    }
+                });
+            } else if (key === 'family_members') {
+                formData.family_members.forEach((member, index) => {
+                    data.append(`family_members[${index}][name]`, member.name);
+                    data.append(`family_members[${index}][relation]`, member.relation);
+                    data.append(`family_members[${index}][contact]`, member.contact);
+                });
+            } else {
+                let value = formData[key];
+                if (typeof value === 'boolean') {
+                    value = value ? '1' : '0';
+                }
+                data.append(key, value);
+            }
+        });
+
+        try {
+            const response = await fetch('/api/staff', {
+                method: 'POST',
+                headers: { 
+                    'Accept': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: data
+            });
+
+            if (response.ok) {
+                setToast({ message: 'Staff member added successfully!', type: 'success' });
+                setTimeout(() => window.location.href = `${basePath}/staff`, 1500);
+            } else {
+                const errorData = await response.json().catch(() => ({}));
+                if (errorData.errors) {
+                    const message = Object.entries(errorData.errors)
+                        .map(([field, msgs]) => `${field.replace('_', ' ')}: ${msgs.join(', ')}`)
+                        .join('\n');
+                    setToast({ message: 'Validation Error:\n' + message, type: 'error' });
+                } else {
+                    setToast({ message: 'Error saving staff member: ' + (errorData.message || response.statusText), type: 'error' });
+                }
+            }
+        } catch (error) {
+            console.error('API Error:', error);
+            setToast({ message: 'Failed to save staff member.', type: 'error' });
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    if (loading) return <div className="p-10 text-center font-medium text-gray-400">Loading form...</div>;
+
+    return (
+        <div className="pb-20">
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+            <main className="p-8 max-w-5xl mx-auto space-y-8">
+                {/* Top Actions */}
+                <div className="flex items-center justify-between">
+                    <button onClick={() => window.location.href = `${basePath}/staff`} className="flex items-center gap-2 text-sm font-bold text-gray-500 hover:text-gray-900 transition-colors">
+                        <ChevronLeft size={18} />
+                        <span>Back to Staff List</span>
+                    </button>
+                    <button 
+                        onClick={handleSave}
+                        disabled={saving}
+                        className="flex items-center gap-2 px-6 py-2.5 bg-red-500 text-white rounded-xl font-bold text-sm hover:hover:scale-[1.02] active:scale-[0.98] transition-all shadow-lg shadow-red-100 disabled:opacity-50"
+                    >
+                        <Save size={18} />
+                        <span>{saving ? 'Adding...' : 'Create Staff Member'}</span>
+                    </button>
+                </div>
+
+                <form onSubmit={handleSave} className="grid grid-cols-1 gap-8">
+                    {/* Card 1: Basic Details */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30">
+                            <h3 className="text-lg font-bold text-gray-900">Basic Details</h3>
+                        </div>
+                        <div className="p-8 grid grid-cols-2 gap-6">
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Full Name *</label>
+                                <input type="text" name="full_name" value={formData.full_name} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="Ex: Alex Johnson" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Email *</label>
+                                <input type="text" name="email" value={formData.email} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="Ex: alex@gym.com" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Phone (India/UAE) *</label>
+                                <input type="text" name="phone" value={formData.phone} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="Ex: +91 98765 43210 or +971 50 123 4567" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Role *</label>
+                                <select name="role" value={formData.role} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium appearance-none">
+                                    <option value="Trainer">Trainer</option>
+                                    <option value="Receptionist">Receptionist</option>
+                                    <option value="Manager">Manager</option>
+                                </select>
+                            </div>
+                            {!isReceptionist && (
+                                <div>
+                                    <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Branch *</label>
+                                    <select name="branch_id" value={formData.branch_id} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium appearance-none">
+                                        <option value="">Select Branch...</option>
+                                        {branches.map(branch => (
+                                            <option key={branch.id} value={branch.id}>{branch.name}</option>
+                                        ))}
+                                    </select>
+                                </div>
+                            )}
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Joining Date *</label>
+                                <input type="date" name="joining_date" value={formData.joining_date} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Status</label>
+                                <select name="status" value={formData.status} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium appearance-none">
+                                    <option value="Active">Active</option>
+                                    <option value="Inactive">Inactive</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Salary Details */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30">
+                            <h3 className="text-lg font-bold text-gray-900">Salary Details</h3>
+                        </div>
+                        <div className="p-8 grid grid-cols-2 gap-6">
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Salary Type</label>
+                                <select name="salary_type" value={formData.salary_type} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium appearance-none">
+                                    <option value="Monthly">Monthly</option>
+                                    <option value="Daily">Daily</option>
+                                    <option value="Weekly">Weekly</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Amount (AED) *</label>
+                                <input type="number" name="salary_amount" value={formData.salary_amount} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="0.00" />
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Salary Advance */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30">
+                            <h3 className="text-lg font-bold text-gray-900">Salary Advance</h3>
+                        </div>
+                        <div className="p-8 space-y-6">
+                            {!formData.advance_enabled ? (
+                                <div className="py-8 text-center bg-gray-50 rounded-2xl border-2 border-dashed border-gray-100">
+                                    <button 
+                                        type="button"
+                                        onClick={() => setFormData({...formData, advance_enabled: true})}
+                                        className="px-6 py-2.5 bg-white border border-gray-200 text-gray-700 rounded-xl text-sm font-bold hover:bg-gray-50 transition-all shadow-sm flex items-center gap-2 mx-auto"
+                                    >
+                                        Get Advance
+                                    </button>
+                                </div>
+                            ) : (
+                                <div className="animate-in slide-in-from-top-2 duration-300 space-y-6">
+                                    <div className="flex items-center justify-between">
+                                        <div className="flex items-center gap-3">
+                                            <div className="w-2 h-2 rounded-full bg-orange-500 shadow-[0_0_10px_rgba(249,115,22,0.5)]" />
+                                            <span className="text-[#344054] font-bold text-sm">Advance Configuration Active</span>
+                                        </div>
+                                        <button 
+                                            type="button"
+                                            onClick={() => setFormData({...formData, advance_enabled: false, advance_amount: '', advance_months: ''})}
+                                            className="text-xs font-bold text-red-500 hover:text-red-600 transition-colors uppercase tracking-widest"
+                                        >
+                                            Remove Advance
+                                        </button>
+                                    </div>
+
+                                    <div className="grid grid-cols-2 gap-6 pt-4">
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Advance Amount (AED)</label>
+                                            <input type="number" name="advance_amount" value={formData.advance_amount} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="e.g. 3000" />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Repayment Mode</label>
+                                            <div className="flex gap-2">
+                                                <button 
+                                                    type="button"
+                                                    onClick={() => setFormData({...formData, advance_repayment_mode: 'Full Next Month'})}
+                                                    className={`flex-1 py-3 text-sm font-bold rounded-xl border transition-all ${formData.advance_repayment_mode === 'Full Next Month' ? 'border-orange-500 bg-orange-50/50 text-orange-600' : 'border-gray-200 text-gray-500 bg-white'}`}
+                                                >
+                                                    Full Next Month
+                                                </button>
+                                                <button 
+                                                    type="button"
+                                                    onClick={() => setFormData({...formData, advance_repayment_mode: 'Divide by Months'})}
+                                                    className={`flex-1 py-3 text-sm font-bold rounded-xl border transition-all ${formData.advance_repayment_mode === 'Divide by Months' ? 'border-orange-500 bg-orange-50/50 text-orange-600' : 'border-gray-200 text-gray-500 bg-white'}`}
+                                                >
+                                                    Divide by Months
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    {formData.advance_repayment_mode === 'Divide by Months' && (
+                                        <div className="grid grid-cols-2 gap-6 p-6 bg-gray-50 rounded-2xl border border-gray-100 animate-in zoom-in-95 duration-200">
+                                            <div>
+                                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Number of Months</label>
+                                                <input 
+                                                    type="number" 
+                                                    name="advance_months" 
+                                                    value={formData.advance_months} 
+                                                    onChange={handleChange} 
+                                                    className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" 
+                                                    placeholder="e.g. 3" 
+                                                />
+                                            </div>
+                                            <div className="flex flex-col justify-center">
+                                                <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Monthly Deduction</p>
+                                                <p className="text-xl font-black text-orange-600">
+                                                    AED {((parseFloat(formData.advance_amount) || 0) / (parseInt(formData.advance_months) || 1)).toFixed(2)}
+                                                </p>
+                                            </div>
+                                        </div>
+                                    )}
+                                </div>
+                            )}
+                        </div>
+                    </div>
+
+                    {/* Commission Card */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden text-purple-600">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30 font-bold">
+                            Commission Settings
+                        </div>
+                        <div className="p-8 space-y-6">
+                            <div className="flex items-center gap-3">
+                                <input 
+                                    type="checkbox" 
+                                    name="commission_enabled" 
+                                    checked={formData.commission_enabled} 
+                                    onChange={handleChange}
+                                    className="w-5 h-5 rounded border-gray-300 text-purple-600 focus:ring-purple-500 cursor-pointer"
+                                />
+                                <span className="text-[#344054] font-medium text-sm">Enable per-person commission</span>
+                            </div>
+
+                            {formData.commission_enabled && (
+                                <div className="animate-in slide-in-from-top-2 duration-300 space-y-6">
+                                    <div className="grid grid-cols-2 gap-6">
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Number of Members</label>
+                                            <input type="number" name="commission_member_count" value={formData.commission_member_count} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-purple-500 transition-all font-medium" placeholder="Ex: 15" />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Amount per Person (AED)</label>
+                                            <input type="number" name="commission_amount" value={formData.commission_amount} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-purple-500 transition-all font-medium" placeholder="e.g. 195" />
+                                        </div>
+                                    </div>
+                                    
+                                    <div className="grid grid-cols-2 gap-6 p-6 bg-purple-50 rounded-2xl border border-purple-100 animate-in zoom-in-95 duration-200">
+                                        <div>
+                                            <p className="text-[10px] font-bold text-purple-400 uppercase tracking-widest mb-1">Total Commission</p>
+                                            <p className="text-2xl font-black text-purple-600">
+                                                AED {((parseFloat(formData.commission_member_count) || 0) * (parseFloat(formData.commission_amount) || 0)).toFixed(2)}
+                                            </p>
+                                        </div>
+                                        <div className="flex items-center text-[10px] text-purple-400 font-medium leading-relaxed italic">
+                                            * This amount will be added to the monthly settlement automatically.
+                                        </div>
+                                    </div>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+
+                    <div className="grid grid-cols-2 gap-8">
+                    {/* Documentation Card */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden text-blue-600">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30 flex items-center justify-between font-bold">
+                            <span>Documentation</span>
+                            <button 
+                                type="button"
+                                onClick={addDocumentRow}
+                                className="flex items-center gap-2 px-3 py-1.5 bg-blue-50 text-blue-600 rounded-lg text-xs hover:bg-blue-100 transition-all border border-blue-100"
+                            >
+                                <Plus size={14} />
+                                <span>Add Document</span>
+                            </button>
+                        </div>
+                        <div className="p-8 space-y-8">
+                            {formData.documents.map((doc, index) => (
+                                <div key={index} className="relative p-6 bg-gray-50 rounded-2xl border border-gray-100 animate-in slide-in-from-top-2 duration-300">
+                                    {formData.documents.length > 1 && (
+                                        <button 
+                                            type="button"
+                                            onClick={() => removeDocumentRow(index)}
+                                            className="absolute top-4 right-4 text-red-400 hover:text-red-600 transition-colors"
+                                        >
+                                            <Trash2 size={18} />
+                                        </button>
+                                    )}
+                                    <div className="grid grid-cols-2 gap-6">
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Document Name</label>
+                                            <input 
+                                                type="text" 
+                                                name="name" 
+                                                value={doc.name} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                                placeholder="Ex: Visa, Emirates ID, Passport" 
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Document Number</label>
+                                            <input 
+                                                type="text" 
+                                                name="document_number" 
+                                                value={doc.document_number} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                                placeholder="Number / ID" 
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Expiry Date</label>
+                                            <input 
+                                                type="date" 
+                                                name="expiry_date" 
+                                                value={doc.expiry_date} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Days Before</label>
+                                            <input 
+                                                type="number" 
+                                                name="reminder_days" 
+                                                value={doc.reminder_days} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                                placeholder="30" 
+                                            />
+                                        </div>
+                                        <div className="col-span-2">
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Upload Document</label>
+                                            <input 
+                                                type="file" 
+                                                name="file" 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-2.5 text-xs focus:ring-2 focus:ring-blue-500 transition-all font-medium file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-xs file:font-black file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100" 
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+
+                        {/* Family Members Card */}
+                        <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden text-emerald-600">
+                            <div className="p-6 border-b border-gray-50 bg-gray-50/30 flex items-center justify-between font-bold">
+                                <span>Family Members</span>
+                                <button 
+                                    type="button"
+                                    onClick={addFamilyMemberRow}
+                                    className="flex items-center gap-2 px-3 py-1.5 bg-emerald-50 text-emerald-600 rounded-lg text-xs hover:bg-emerald-100 transition-all border border-emerald-100"
+                                >
+                                    <Plus size={14} />
+                                    <span>Add Member</span>
+                                </button>
+                            </div>
+                            <div className="p-8 space-y-6">
+                                {formData.family_members.map((member, index) => (
+                                    <div key={index} className="relative p-6 bg-gray-50 rounded-2xl border border-gray-100 animate-in slide-in-from-top-2 duration-300">
+                                        {formData.family_members.length > 1 && (
+                                            <button 
+                                                type="button"
+                                                onClick={() => removeFamilyMemberRow(index)}
+                                                className="absolute top-4 right-4 text-red-400 hover:text-red-600 transition-colors"
+                                            >
+                                                <Trash2 size={18} />
+                                            </button>
+                                        )}
+                                        <div className="space-y-4">
+                                            <div>
+                                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Member Name</label>
+                                                <input 
+                                                    type="text" 
+                                                    name="name" 
+                                                    value={member.name} 
+                                                    onChange={(e) => handleFamilyMemberChange(index, e)} 
+                                                    className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-emerald-500 transition-all font-medium" 
+                                                    placeholder="e.g. Jane Doe" 
+                                                />
+                                            </div>
+                                            <div className="grid grid-cols-2 gap-4">
+                                                <div>
+                                                    <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Relation</label>
+                                                    <input 
+                                                        type="text" 
+                                                        name="relation" 
+                                                        value={member.relation} 
+                                                        onChange={(e) => handleFamilyMemberChange(index, e)} 
+                                                        className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-emerald-500 transition-all font-medium" 
+                                                        placeholder="e.g. Spouse" 
+                                                    />
+                                                </div>
+                                                <div>
+                                                    <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Contact Number</label>
+                                                    <input 
+                                                        type="text" 
+                                                        name="contact" 
+                                                        value={member.contact} 
+                                                        onChange={(e) => handleFamilyMemberChange(index, e)} 
+                                                        className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-emerald-500 transition-all font-medium" 
+                                                        placeholder="05XXXXXXXX" 
+                                                    />
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+                    </div>
+
+
+                </form>
+            </main>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Owner/Staff/Edit.jsx b/resources/js/Pages/Owner/Staff/Edit.jsx
new file mode 100644
index 0000000..c999865
--- /dev/null
+++ b/resources/js/Pages/Owner/Staff/Edit.jsx
@@ -0,0 +1,907 @@
+import React, { useState, useEffect } from 'react';
+import Toast from '../Components/Toast';
+import { Shield, ChevronLeft, Save, History, Calculator, Clock, CheckCircle2, X, Plus, Trash2 } from 'lucide-react';
+
+export default function StaffEdit({ id }) {
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const basePath = isReceptionist ? '/receptionist' : '/owner';
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [branches, setBranches] = useState([]);
+    const [history, setHistory] = useState([]);
+    const [showHistory, setShowHistory] = useState(false);
+    const [loadingHistory, setLoadingHistory] = useState(false);
+    const [toast, setToast] = useState(null);
+    const [initialCommission, setInitialCommission] = useState({ amount: '', count: '' });
+    const [commissionChanged, setCommissionChanged] = useState(false);
+    const [periodSelected, setPeriodSelected] = useState(false);
+    const [isAdvanceConfirmOpen, setIsAdvanceConfirmOpen] = useState(false);
+    const [advanceHistory, setAdvanceHistory] = useState([]);
+    const [loadingAdvanceHistory, setLoadingAdvanceHistory] = useState(false);
+    const [formData, setFormData] = useState({
+        full_name: '',
+        email: '',
+        phone: '',
+        role: 'Trainer',
+        branch_id: '',
+        joining_date: '',
+        status: 'Active',
+        salary_type: 'Fixed',
+        salary_amount: '',
+        cycle_effective_date: '',
+        advance_enabled: false,
+        advance_amount: '',
+        advance_repayment_mode: 'Full Next Month',
+        advance_months: '',
+        commission_enabled: false,
+        commission_amount: '',
+        commission_member_count: '',
+        apply_from: 'this_month',
+        emirates_id: '',
+        emirates_id_expiry: '',
+        emirates_id_reminder_days: 30,
+        salary_reminder_enabled: true,
+        document_expiry_enabled: true,
+        family_members: [],
+        documents: []
+    });
+
+    useEffect(() => {
+        const fetchData = async () => {
+            try {
+                // Fetch Branches
+                const bRes = await fetch('/api/branches');
+                const bData = await bRes.json();
+                setBranches(bData);
+
+                // Fetch Staff Details
+                const sRes = await fetch(`/api/staff/${id}`);
+                const sData = await sRes.json();
+                
+                if (sData) {
+                    const urlParams = new URLSearchParams(window.location.search);
+                    const autoGetAdvance = urlParams.get('get_advance') === 'true';
+
+                    setFormData({
+                        ...formData,
+                        full_name: sData.full_name || '',
+                        email: sData.email || '',
+                        phone: sData.phone || '',
+                        role: sData.role || 'Trainer',
+                        branch_id: sData.branch_id || '',
+                        joining_date: sData.joining_date || '',
+                        status: sData.status || 'Active',
+                        salary_type: sData.salary_type || 'Monthly',
+                        salary_amount: sData.salary_amount || '',
+                        cycle_effective_date: sData.cycle_effective_date || '',
+                        advance_enabled: autoGetAdvance ? true : !!sData.advance_enabled,
+                        advance_amount: sData.advance_amount || '',
+                        advance_repayment_mode: sData.advance_repayment_mode || 'Full Next Month',
+                        advance_months: sData.advance_months || '',
+                        commission_enabled: !!sData.commission_enabled,
+                        commission_amount: sData.commission_amount || '',
+                        commission_member_count: sData.commission_member_count || '',
+                        emirates_id: sData.emirates_id || '',
+                        emirates_id_expiry: sData.emirates_id_expiry || '',
+                        emirates_id_reminder_days: sData.emirates_id_reminder_days || 30,
+                        family_members: sData.family_members && sData.family_members.length > 0 ? sData.family_members : [{ name: '', relation: '', contact: '' }],
+                        documents: sData.documents || [],
+                        apply_from: '' // Reset to force choice if changed
+                    });
+
+                    setInitialCommission({
+                        amount: sData.commission_amount || '',
+                        count: sData.commission_member_count || ''
+                    });
+                }
+            } catch (error) {
+                console.error('Error fetching data:', error);
+                setToast({ message: 'Error loading staff details. Please refresh.', type: 'error' });
+            } finally {
+                setLoading(false);
+            }
+        };
+        fetchData();
+        fetchAdvanceHistory();
+    }, [id]);
+
+    const fetchAdvanceHistory = async () => {
+        setLoadingAdvanceHistory(true);
+        try {
+            const res = await fetch(`/api/staff/${id}/advance-history`);
+            const data = await res.json();
+            setAdvanceHistory(data);
+        } catch (error) {
+            console.error('Error fetching advance history:', error);
+        } finally {
+            setLoadingAdvanceHistory(false);
+        }
+    };
+
+    const fetchHistory = async () => {
+        setLoadingHistory(true);
+        setShowHistory(true);
+        try {
+            const res = await fetch(`/api/staff/${id}/commission-history`);
+            const data = await res.json();
+            setHistory(data);
+        } catch (error) {
+            console.error('Error fetching history:', error);
+        } finally {
+            setLoadingHistory(false);
+        }
+    };
+
+    const handleChange = (e) => {
+        const { name, value, type, checked } = e.target;
+        const newFormData = {
+            ...formData,
+            [name]: type === 'checkbox' ? checked : value
+        };
+        
+        // Detect commission changes
+        if (name === 'commission_amount' || name === 'commission_member_count' || name === 'commission_enabled') {
+            const hasChanged = 
+                newFormData.commission_enabled !== (initialCommission.enabled ?? false) ||
+                newFormData.commission_amount !== initialCommission.amount ||
+                newFormData.commission_member_count !== initialCommission.count;
+            
+            setCommissionChanged(hasChanged);
+            if (!hasChanged) setPeriodSelected(false);
+        }
+
+        setFormData(newFormData);
+    };
+
+    const handleDocumentChange = (index, e) => {
+        const { name, value } = e.target;
+        const newDocs = [...formData.documents];
+        newDocs[index][name] = value;
+        setFormData({ ...formData, documents: newDocs });
+    };
+
+    const addDocumentRow = () => {
+        setFormData({
+            ...formData,
+            documents: [...formData.documents, { name: '', document_number: '', expiry_date: '', reminder_days: 30, file: null }]
+        });
+    };
+
+    const removeDocumentRow = (index) => {
+        const newDocs = formData.documents.filter((_, i) => i !== index);
+        setFormData({ ...formData, documents: newDocs });
+    };
+
+    const handleFamilyMemberChange = (index, e) => {
+        const { name, value } = e.target;
+        const newMembers = [...formData.family_members];
+        newMembers[index][name] = value;
+        setFormData({ ...formData, family_members: newMembers });
+    };
+
+    const addFamilyMemberRow = () => {
+        setFormData({
+            ...formData,
+            family_members: [...formData.family_members, { name: '', relation: '', contact: '' }]
+        });
+    };
+
+    const removeFamilyMemberRow = (index) => {
+        const newMembers = formData.family_members.filter((_, i) => i !== index);
+        setFormData({ ...formData, family_members: newMembers });
+    };
+
+    const handleSave = async (e) => {
+        if (e) e.preventDefault();
+
+        // Validation for commission change
+        if (commissionChanged && !formData.apply_from) {
+            setToast({ message: 'Please select when to apply commission changes (This Month or Next Month).', type: 'error' });
+            // Scroll to commission section
+            const el = document.getElementById('commission-section');
+            if (el) el.scrollIntoView({ behavior: 'smooth' });
+            return;
+        }
+
+        // Branch Start Date Validation - REMOVED AS PER USER REQUEST
+        /*
+        const selectedBranch = branches.find(b => b.id == formData.branch_id);
+        if (selectedBranch && formData.joining_date && selectedBranch.operational_start_date) {
+            if (formData.joining_date < selectedBranch.operational_start_date) {
+                setToast({ 
+                    message: `Error: Joining date (${formData.joining_date}) cannot be before branch start date (${selectedBranch.operational_start_date}).`, 
+                    type: 'error' 
+                });
+                return;
+            }
+        }
+        */
+
+        // Phone Validation
+        if (formData.phone && !/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/.test(formData.phone.replace(/[\s-]/g, ''))) {
+            setToast({ message: 'Error: Invalid Phone format. Only Indian (+91) and UAE (+971) numbers are allowed.', type: 'error' });
+            return;
+        }
+
+        // Family Contact Validation
+        for (let i = 0; i < formData.family_members.length; i++) {
+            const member = formData.family_members[i];
+            if (member.contact && !/^(\+91|91|0)?[6-9]\d{9}$|^(\+971|971|0)?5[024568]\d{7}$/.test(member.contact.replace(/[\s-]/g, ''))) {
+                setToast({ message: `Error: Invalid Family Contact format for ${member.name || (i+1)}. Only Indian (+91) and UAE (+971) numbers are allowed.`, type: 'error' });
+                return;
+            }
+        }
+
+        setSaving(true);
+
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+
+        const data = new FormData();
+        Object.keys(formData).forEach(key => {
+            if (key === 'documents') {
+                formData.documents.forEach((doc, index) => {
+                    if (doc.id) data.append(`documents[${index}][id]`, doc.id);
+                    data.append(`documents[${index}][name]`, doc.name);
+                    data.append(`documents[${index}][document_number]`, doc.document_number || '');
+                    data.append(`documents[${index}][expiry_date]`, doc.expiry_date || '');
+                    data.append(`documents[${index}][reminder_days]`, doc.reminder_days || 30);
+                    if (doc.file) {
+                        data.append(`documents[${index}][file]`, doc.file);
+                    }
+                });
+            } else if (key === 'family_members') {
+                formData.family_members.forEach((member, index) => {
+                    data.append(`family_members[${index}][name]`, member.name);
+                    data.append(`family_members[${index}][relation]`, member.relation);
+                    data.append(`family_members[${index}][contact]`, member.contact);
+                });
+            } else if (formData[key] !== null && formData[key] !== undefined) {
+                let value = formData[key];
+                if (typeof value === 'boolean') {
+                    value = value ? '1' : '0';
+                }
+                data.append(key, value);
+            }
+        });
+
+        // Use POST with _method=PUT for multipart support in Laravel
+        data.append('_method', 'PUT');
+
+        try {
+            const response = await fetch(`/api/staff/${id}`, {
+                method: 'POST',
+                headers: { 
+                    'Accept': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: data
+            });
+
+            if (response.ok) {
+                setToast({ message: 'Staff updated successfully!', type: 'success' });
+                setTimeout(() => window.location.href = `${basePath}/staff`, 1500);
+            } else {
+                const errorData = await response.json().catch(() => ({}));
+                if (errorData.errors) {
+                    const message = Object.entries(errorData.errors)
+                        .map(([field, msgs]) => `${field.replace('_', ' ')}: ${msgs.join(', ')}`)
+                        .join('\n');
+                    setToast({ message: 'Validation Error:\n' + message, type: 'error' });
+                } else {
+                    setToast({ message: 'Error updating staff details: ' + (errorData.message || response.statusText), type: 'error' });
+                }
+            }
+        } catch (error) {
+            console.error('API Error:', error);
+            setToast({ message: 'Failed to update staff.', type: 'error' });
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    if (loading) return <div className="p-10 text-center font-medium text-gray-400">Loading details...</div>;
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+            <form onSubmit={handleSave} className="p-8 max-w-5xl mx-auto space-y-8">
+                {/* Top Actions */}
+                <div className="flex items-center justify-between underline-offset-4">
+                    <button type="button" onClick={() => window.location.href = `${basePath}/staff`} className="flex items-center gap-2 text-sm font-bold text-gray-500 hover:text-gray-900 transition-colors">
+                        <ChevronLeft size={18} />
+                        <span>Back to Staff List</span>
+                    </button>
+                    <button 
+                        type="submit"
+                        disabled={saving}
+                        className="flex items-center gap-2 px-6 py-2.5 bg-red-500 text-white rounded-xl font-bold text-sm hover:bg-red-600 transition-all shadow-lg shadow-red-100 disabled:opacity-50"
+                    >
+                        <Save size={18} />
+                        <span>{saving ? 'Saving...' : 'Update Staff Details'}</span>
+                    </button>
+                </div>
+
+                <div className="grid grid-cols-1 gap-8">
+                    {/* Card 1: Basic Details */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30">
+                            <h3 className="text-lg font-bold text-gray-900">Basic Details</h3>
+                        </div>
+                        <div className="p-8 grid grid-cols-2 gap-6">
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Full Name *</label>
+                                <input required type="text" name="full_name" value={formData.full_name} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Email *</label>
+                                <input required type="email" name="email" value={formData.email} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" />
+                            </div>
+                             <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Phone (India/UAE)</label>
+                                <input type="text" name="phone" value={formData.phone} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="Ex: +91 98765 43210 or +971 50 123 4567" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Role *</label>
+                                <select name="role" value={formData.role} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium appearance-none">
+                                    <option value="Trainer">Trainer</option>
+                                    <option value="Receptionist">Receptionist</option>
+                                    <option value="Manager">Manager</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Joining Date *</label>
+                                <input required type="date" name="joining_date" value={formData.joining_date} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Status</label>
+                                <select name="status" value={formData.status} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium appearance-none">
+                                    <option value="Active">Active</option>
+                                    <option value="Inactive">Inactive</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Card 2: Salary Details */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30">
+                            <h3 className="text-lg font-bold text-gray-900">Salary Details</h3>
+                        </div>
+                        <div className="p-8 grid grid-cols-2 gap-6">
+                            <div>
+                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Salary Type</label>
+                                <select name="salary_type" value={formData.salary_type || 'Monthly'} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium appearance-none">
+                                    <option value="Monthly">Monthly</option>
+                                    <option value="Daily">Daily</option>
+                                    <option value="Weekly">Weekly</option>
+                                </select>
+                            </div>
+                            <div>
+                                 <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Amount (AED) *</label>
+                                <input required type="number" name="salary_amount" value={formData.salary_amount || ''} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="0.00" />
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Card 3: Salary Advance */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30">
+                            <h3 className="text-lg font-bold text-gray-900">Salary Advance</h3>
+                        </div>
+                        <div className="p-8 space-y-6">
+                            {!formData.advance_enabled ? (
+                                <div className="py-8 text-center bg-gray-50 rounded-2xl border-2 border-dashed border-gray-100">
+                                    <button 
+                                        type="button"
+                                        onClick={() => setFormData({...formData, advance_enabled: true})}
+                                        className="px-6 py-2.5 bg-white border border-gray-200 text-gray-700 rounded-xl text-sm font-bold hover:bg-gray-50 transition-all shadow-sm flex items-center gap-2 mx-auto"
+                                    >
+                                        Get Advance
+                                    </button>
+                                </div>
+                            ) : (
+                                <div className="animate-in slide-in-from-top-2 duration-300 space-y-6">
+                                    <div className="flex items-center justify-between">
+                                        <div className="flex items-center gap-3">
+                                            <div className="w-2 h-2 rounded-full bg-orange-500 shadow-[0_0_10px_rgba(249,115,22,0.5)]" />
+                                            <span className="text-gray-900 font-bold text-sm">Advance Configuration Active</span>
+                                        </div>
+                                        <button 
+                                            type="button"
+                                            onClick={() => setIsAdvanceConfirmOpen(true)}
+                                            className="text-xs font-bold text-red-500 hover:text-red-600 transition-colors uppercase tracking-widest"
+                                        >
+                                            Remove Advance
+                                        </button>
+                                    </div>
+
+                                    {/* Advance History Section */}
+                                    {advanceHistory.length > 0 && (
+                                        <div className="bg-gray-50/50 rounded-2xl border border-gray-100 overflow-hidden">
+                                            <div className="px-4 py-3 bg-gray-100/50 border-b border-gray-100 flex items-center justify-between">
+                                                <span className="text-[10px] font-black text-gray-400 uppercase tracking-widest text-[#101828]">Advance History</span>
+                                                <div className="flex gap-4">
+                                                    <span className="text-[9px] font-bold text-gray-400">
+                                                        Due: {advanceHistory
+                                                            .filter(h => h.status === 'Pending')
+                                                            .reduce((sum, h) => sum + (parseFloat(h.advance_amount) - parseFloat(h.paid_amount || 0)), 0)
+                                                            .toLocaleString()} AED
+                                                    </span>
+                                                    <span className="text-[9px] font-bold text-emerald-500">
+                                                        Total Paid: {advanceHistory.reduce((sum, h) => sum + parseFloat(h.paid_amount || 0), 0).toLocaleString()} AED
+                                                    </span>
+                                                </div>
+                                            </div>
+                                            <div className="divide-y divide-gray-100 max-h-48 overflow-y-auto">
+                                                {advanceHistory.map((h, i) => (
+                                                    <div key={i} className="px-4 py-3 flex items-center justify-between hover:bg-white transition-colors">
+                                                        <div className="flex items-center gap-3">
+                                                            <div className={`w-8 h-8 rounded-lg flex items-center justify-center font-bold text-[10px] ${h.status === 'Closed' ? 'bg-emerald-50 text-emerald-600' : 'bg-orange-50 text-orange-600'}`}>
+                                                                {h.status === 'Closed' ? <CheckCircle2 size={14} /> : <Clock size={14} />}
+                                                            </div>
+                                                            <div>
+                                                                <p className="text-xs font-bold text-gray-900">{h.advance_amount.toLocaleString()} AED</p>
+                                                                <p className="text-[10px] text-gray-400 font-medium">Taken on {new Date(h.created_at).toLocaleDateString()}</p>
+                                                            </div>
+                                                        </div>
+                                                        <div className="text-right">
+                                                            <p className="text-[10px] font-black uppercase tracking-widest text-emerald-500">{parseFloat(h.paid_amount || 0).toLocaleString()} Paid</p>
+                                                            <p className="text-[9px] font-bold text-gray-300">{(parseFloat(h.advance_amount) - parseFloat(h.paid_amount || 0)).toLocaleString()} Pending</p>
+                                                        </div>
+                                                    </div>
+                                                ))}
+                                            </div>
+                                        </div>
+                                    )}
+
+                                    <div className="grid grid-cols-2 gap-6 pt-4">
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Advance Amount (AED)</label>
+                                            <input type="number" name="advance_amount" value={formData.advance_amount || ''} onChange={handleChange} className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" placeholder="e.g. 3000" />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2 text-center sm:text-left">Repayment Mode</label>
+                                            <div className="flex gap-2">
+                                                <button 
+                                                    type="button"
+                                                    onClick={() => setFormData({...formData, advance_repayment_mode: 'Full Next Month'})}
+                                                    className={`flex-1 py-3 text-sm font-bold rounded-xl border transition-all ${formData.advance_repayment_mode === 'Full Next Month' ? 'border-orange-500 bg-orange-50/50 text-orange-600' : 'border-gray-200 text-gray-500 bg-white'}`}
+                                                >
+                                                    Full Next Month
+                                                </button>
+                                                <button 
+                                                    type="button"
+                                                    onClick={() => setFormData({...formData, advance_repayment_mode: 'Divide by Months'})}
+                                                    className={`flex-1 py-3 text-sm font-bold rounded-xl border transition-all ${formData.advance_repayment_mode === 'Divide by Months' ? 'border-orange-500 bg-orange-50/50 text-orange-600' : 'border-gray-200 text-gray-500 bg-white'}`}
+                                                >
+                                                    Divide by Months
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    {formData.advance_repayment_mode === 'Divide by Months' && (
+                                        <div className="grid grid-cols-2 gap-6 p-6 bg-gray-50 rounded-2xl border border-gray-100 animate-in zoom-in-95 duration-200">
+                                            <div>
+                                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Number of Months</label>
+                                                <input 
+                                                    type="number" 
+                                                    name="advance_months" 
+                                                    value={formData.advance_months || ''} 
+                                                    onChange={handleChange} 
+                                                    className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium" 
+                                                    placeholder="e.g. 3" 
+                                                />
+                                            </div>
+                                            <div className="flex flex-col justify-center">
+                                                <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Monthly Deduction</p>
+                                                <p className="text-xl font-black text-orange-600">
+                                                    AED {((parseFloat(formData.advance_amount) || 0) / (parseInt(formData.advance_months) || 1)).toFixed(2)}
+                                                </p>
+                                            </div>
+                                        </div>
+                                    )}
+                                </div>
+                            )}
+                        </div>
+                    </div>
+
+                    {/* Card 4: Commission Settings */}
+                    <div id="commission-section" className={`bg-white rounded-2xl border shadow-sm overflow-hidden text-purple-600 transition-all ${commissionChanged && !formData.apply_from ? 'border-purple-300 ring-4 ring-purple-50' : 'border-gray-100'}`}>
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30 font-bold flex items-center justify-between">
+                            <span>Commission Settings</span>
+                            {id !== 'new' && (
+                                <button 
+                                    type="button"
+                                    onClick={fetchHistory}
+                                    className="flex items-center gap-2 px-4 py-2 bg-purple-50 text-purple-600 rounded-xl text-xs font-bold hover:bg-purple-100 transition-all border border-purple-100"
+                                >
+                                    <History size={14} />
+                                    <span>View History</span>
+                                </button>
+                            )}
+                        </div>
+                        <div className="p-8 space-y-6">
+                            <div className="flex items-center gap-3">
+                                <input 
+                                    type="checkbox" 
+                                    name="commission_enabled" 
+                                    checked={formData.commission_enabled} 
+                                    onChange={handleChange}
+                                    className="w-5 h-5 rounded border-gray-300 text-purple-600 focus:ring-purple-500 cursor-pointer"
+                                />
+                                <span className="text-[#344054] font-medium text-sm">Enable per-person commission</span>
+                            </div>
+
+                            {formData.commission_enabled && (
+                                <div className="space-y-6 animate-in slide-in-from-top-2 duration-300">
+                                    <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Number of Members</label>
+                                            <div className="relative">
+                                                <input 
+                                                    type="number" 
+                                                    name="commission_member_count" 
+                                                    value={formData.commission_member_count || ''} 
+                                                    onChange={handleChange} 
+                                                    className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-purple-500 transition-all font-medium pl-10" 
+                                                    placeholder="e.g. 10" 
+                                                />
+                                                <div className="absolute left-3 top-3.5 text-gray-400">
+                                                    <Calculator size={16} />
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Amount per Person (AED)</label>
+                                            <input 
+                                                type="number" 
+                                                name="commission_amount" 
+                                                value={formData.commission_amount || ''} 
+                                                onChange={handleChange} 
+                                                className="w-full bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-purple-500 transition-all font-medium" 
+                                                placeholder="e.g. 50" 
+                                            />
+                                        </div>
+                                    </div>
+
+                                    {/* Instant Total Calculation */}
+                                    <div className="p-4 bg-purple-50 rounded-2xl border border-purple-100 flex items-center justify-between">
+                                        <div className="flex items-center gap-3">
+                                            <div className="p-2 bg-white rounded-xl shadow-sm text-purple-500">
+                                                <Calculator size={18} />
+                                            </div>
+                                            <div>
+                                                <p className="text-sm font-bold text-gray-900">Total Monthly Commission</p>
+                                                <p className="text-xs text-gray-400 font-medium">Calculated instantly (Members × Rate)</p>
+                                            </div>
+                                        </div>
+                                        <div className="text-xl font-black text-purple-600">
+                                            AED {( (parseFloat(formData.commission_member_count) || 0) * (parseFloat(formData.commission_amount) || 0) ).toFixed(2)}
+                                        </div>
+                                    </div>
+
+                                    {/* Apply Period Selection */}
+                                    <div className="space-y-3">
+                                        <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider">Start Applying From</label>
+                                        <div className="flex gap-4">
+                                            <button 
+                                                type="button"
+                                                onClick={() => setFormData({...formData, apply_from: 'this_month'})}
+                                                className={`flex-1 p-4 rounded-2xl border-2 transition-all flex flex-col gap-1 items-start ${formData.apply_from === 'this_month' ? 'border-purple-500 bg-purple-50/50 text-purple-700' : 'border-gray-100 bg-gray-50 text-gray-500 hover:border-gray-200'}`}
+                                            >
+                                                <div className="flex items-center gap-2 font-bold text-sm">
+                                                    {formData.apply_from === 'this_month' ? <CheckCircle2 size={16} /> : <Clock size={16} />}
+                                                    <span>This Month</span>
+                                                </div>
+                                                <span className="text-[10px] opacity-70">Will apply to {new Date().toLocaleString('default', { month: 'long', year: 'numeric' })}</span>
+                                            </button>
+                                            <button 
+                                                type="button"
+                                                onClick={() => setFormData({...formData, apply_from: 'next_month'})}
+                                                className={`flex-1 p-4 rounded-2xl border-2 transition-all flex flex-col gap-1 items-start ${formData.apply_from === 'next_month' ? 'border-purple-500 bg-purple-50/50 text-purple-700' : 'border-gray-100 bg-gray-50 text-gray-500 hover:border-gray-200'}`}
+                                            >
+                                                <div className="flex items-center gap-2 font-bold text-sm">
+                                                    {formData.apply_from === 'next_month' ? <CheckCircle2 size={16} /> : <Clock size={16} />}
+                                                    <span>Next Month</span>
+                                                </div>
+                                                <span className="text-[10px] opacity-70">Will apply from {new Date(new Date().setMonth(new Date().getMonth() + 1)).toLocaleString('default', { month: 'long', year: 'numeric' })}</span>
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+
+                    <div className="grid grid-cols-2 gap-8">
+                    {/* Documentation Card */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden text-blue-600">
+                        <div className="p-6 border-b border-gray-50 bg-gray-50/30 flex items-center justify-between font-bold">
+                            <span>Documentation</span>
+                            <button 
+                                type="button"
+                                onClick={addDocumentRow}
+                                className="flex items-center gap-2 px-3 py-1.5 bg-blue-50 text-blue-600 rounded-lg text-xs hover:bg-blue-100 transition-all border border-blue-100"
+                            >
+                                <Plus size={14} />
+                                <span>Add Document</span>
+                            </button>
+                        </div>
+                        <div className="p-8 space-y-8">
+                            {formData.documents.map((doc, index) => (
+                                <div key={index} className="relative p-6 bg-gray-50 rounded-2xl border border-gray-100 animate-in slide-in-from-top-2 duration-300">
+                                    <button 
+                                        type="button"
+                                        onClick={() => removeDocumentRow(index)}
+                                        className="absolute top-4 right-4 text-red-400 hover:text-red-600 transition-colors"
+                                    >
+                                        <Trash2 size={18} />
+                                    </button>
+                                    <div className="grid grid-cols-2 gap-6">
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Document Name</label>
+                                            <input 
+                                                type="text" 
+                                                name="name" 
+                                                value={doc.name} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                                placeholder="Ex: Visa, Emirates ID, Passport" 
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Document Number</label>
+                                            <input 
+                                                type="text" 
+                                                name="document_number" 
+                                                value={doc.document_number || ''} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                                placeholder="Number / ID" 
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Expiry Date</label>
+                                            <input 
+                                                type="date" 
+                                                name="expiry_date" 
+                                                value={doc.expiry_date || ''} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Days Before</label>
+                                            <input 
+                                                type="number" 
+                                                name="reminder_days" 
+                                                value={doc.reminder_days || 30} 
+                                                onChange={(e) => handleDocumentChange(index, e)} 
+                                                className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-blue-500 transition-all font-medium" 
+                                                placeholder="30" 
+                                            />
+                                        </div>
+                                        <div className="col-span-2">
+                                            <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">
+                                                {doc.path ? 'Update Document (Keep empty to retain existing)' : 'Upload Document'}
+                                            </label>
+                                            <div className="flex items-center gap-4">
+                                                <input 
+                                                    type="file" 
+                                                    name="file" 
+                                                    onChange={(e) => handleDocumentChange(index, e)} 
+                                                    className="flex-1 bg-white border-none rounded-xl px-4 py-2 text-xs focus:ring-2 focus:ring-blue-500 transition-all font-medium file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-xs file:font-black file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100" 
+                                                />
+                                                {doc.path && (
+                                                    <span className="text-[10px] font-bold text-emerald-500 bg-emerald-50 px-3 py-1.5 rounded-lg flex items-center gap-1">
+                                                        <CheckCircle2 size={12} />
+                                                        File Exists
+                                                    </span>
+                                                )}
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            ))}
+                            {formData.documents.length === 0 && (
+                                <div className="text-center py-6 text-gray-400 font-medium italic">
+                                    No documents added yet.
+                                </div>
+                            )}
+                        </div>
+                    </div>
+
+                        {/* Family Members Card */}
+                        <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden text-emerald-600">
+                            <div className="p-6 border-b border-gray-50 bg-gray-50/30 flex items-center justify-between font-bold">
+                                <span>Family Members</span>
+                                <button 
+                                    type="button"
+                                    onClick={addFamilyMemberRow}
+                                    className="flex items-center gap-2 px-3 py-1.5 bg-emerald-50 text-emerald-600 rounded-lg text-xs hover:bg-emerald-100 transition-all border border-emerald-100"
+                                >
+                                    <Plus size={14} />
+                                    <span>Add Member</span>
+                                </button>
+                            </div>
+                            <div className="p-8 space-y-6">
+                                {formData.family_members.map((member, index) => (
+                                    <div key={index} className="relative p-6 bg-gray-50 rounded-2xl border border-gray-100 animate-in slide-in-from-top-2 duration-300">
+                                        {formData.family_members.length > 1 && (
+                                            <button 
+                                                type="button"
+                                                onClick={() => removeFamilyMemberRow(index)}
+                                                className="absolute top-4 right-4 text-red-400 hover:text-red-600 transition-colors"
+                                            >
+                                                <Trash2 size={18} />
+                                            </button>
+                                        )}
+                                        <div className="space-y-4">
+                                            <div>
+                                                <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Member Name</label>
+                                                <input 
+                                                    type="text" 
+                                                    name="name" 
+                                                    value={member.name} 
+                                                    onChange={(e) => handleFamilyMemberChange(index, e)} 
+                                                    className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-emerald-500 transition-all font-medium" 
+                                                    placeholder="e.g. Jane Doe" 
+                                                />
+                                            </div>
+                                            <div className="grid grid-cols-2 gap-4">
+                                                <div>
+                                                    <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Relation</label>
+                                                    <input 
+                                                        type="text" 
+                                                        name="relation" 
+                                                        value={member.relation} 
+                                                        onChange={(e) => handleFamilyMemberChange(index, e)} 
+                                                        className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-emerald-500 transition-all font-medium" 
+                                                        placeholder="e.g. Spouse" 
+                                                    />
+                                                </div>
+                                                <div>
+                                                    <label className="block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Contact Number</label>
+                                                    <input 
+                                                        type="text" 
+                                                        name="contact" 
+                                                        value={member.contact} 
+                                                        onChange={(e) => handleFamilyMemberChange(index, e)} 
+                                                        className="w-full bg-white border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-emerald-500 transition-all font-medium" 
+                                                        placeholder="05XXXXXXXX" 
+                                                    />
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ))}
+                                {formData.family_members.length === 0 && (
+                                    <div className="text-center py-6 text-gray-400 font-medium italic">
+                                        No family members added yet.
+                                    </div>
+                                )}
+                            </div>
+                        </div>
+                    </div>
+
+
+                </div>
+            </form>
+
+            {/* Commission History Modal */}
+            {showHistory && (
+                <div className="fixed inset-0 z-[60] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+                    <div className="bg-white rounded-[2.5rem] w-full max-w-2xl max-h-[85vh] overflow-hidden flex flex-col shadow-2xl animate-in zoom-in-95 duration-200">
+                        <div className="p-8 flex items-center justify-between border-b border-gray-100">
+                            <div>
+                                <h3 className="text-xl font-bold text-gray-900">Commission History</h3>
+                                <p className="text-sm text-gray-400 font-medium">Past member counts and commissions</p>
+                            </div>
+                            <button 
+                                onClick={() => setShowHistory(false)}
+                                className="w-10 h-10 flex items-center justify-center rounded-full hover:bg-gray-100 text-gray-400 hover:text-gray-900 transition-all"
+                            >
+                                <X size={20} />
+                            </button>
+                        </div>
+                        
+                        <div className="flex-1 overflow-auto p-8">
+                            {loadingHistory ? (
+                                <div className="text-center py-10 font-medium text-gray-400">Loading history...</div>
+                            ) : history.length > 0 ? (
+                                <div className="overflow-hidden border border-gray-100 rounded-2xl">
+                                    <table className="w-full text-left border-collapse">
+                                        <thead>
+                                            <tr className="bg-gray-50/50">
+                                                <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider">Month</th>
+                                                <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider text-center">Members</th>
+                                                <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider text-right">Per Head</th>
+                                                <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider text-right">Total</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody className="divide-y divide-gray-50">
+                                            {history.map((row) => (
+                                                <tr key={row.id} className="hover:bg-gray-50/30 transition-colors">
+                                                    <td className="px-6 py-4">
+                                                        <span className="text-sm font-bold text-gray-900 capitalize">
+                                                            {new Date(row.effective_month + "-01").toLocaleString('default', { month: 'long', year: 'numeric' })}
+                                                        </span>
+                                                    </td>
+                                                    <td className="px-6 py-4 text-center">
+                                                        <span className="px-3 py-1 bg-purple-50 text-purple-600 text-xs font-black rounded-lg">
+                                                            {row.member_count}
+                                                        </span>
+                                                    </td>
+                                                    <td className="px-6 py-4 text-right text-sm font-semibold text-gray-500">
+                                                        AED {row.amount_per_head}
+                                                    </td>
+                                                    <td className="px-6 py-4 text-right">
+                                                        <span className="text-sm font-bold text-emerald-600">AED {row.total_amount}</span>
+                                                    </td>
+                                                </tr>
+                                            ))}
+                                        </tbody>
+                                    </table>
+                                </div>
+                            ) : (
+                                <div className="text-center py-20 bg-gray-50 rounded-3xl border-2 border-dashed border-gray-100">
+                                    <p className="text-gray-400 font-medium">No history found for this staff member.</p>
+                                </div>
+                            )}
+                        </div>
+
+                        <div className="p-8 border-t border-gray-100 bg-gray-50/30 flex justify-end">
+                            <button 
+                                onClick={() => setShowHistory(false)}
+                                className="px-8 py-3 bg-gray-900 text-white rounded-xl text-sm font-bold hover:bg-black transition-all shadow-lg shadow-gray-200"
+                            >
+                                Close History
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+            {/* Advance Confirmation Modal */}
+            {isAdvanceConfirmOpen && (
+                <div className="fixed inset-0 z-[70] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+                    <div className="bg-white rounded-[2rem] w-full max-w-md shadow-2xl border border-gray-100 overflow-hidden animate-in zoom-in-95 duration-200">
+                        <div className="p-8 text-center">
+                            <div className="w-16 h-16 bg-red-50 text-red-500 rounded-2xl flex items-center justify-center mx-auto mb-6">
+                                <Shield size={32} />
+                            </div>
+                            <h3 className="text-xl font-bold text-gray-900">Confirm Advance Removal</h3>
+                            <p className="text-sm text-gray-400 font-medium mt-2 mb-8">
+                                Are you sure you want to disable the current advance? This will stop future deductions.
+                                {advanceHistory.find(h => h.status === 'Active') && (
+                                    <div className="mt-4 p-4 bg-orange-50 rounded-xl border border-orange-100">
+                                        <p className="text-xs font-bold text-orange-700">
+                                            Warning: There is a pending balance of {(advanceHistory.find(h => h.status === 'Active').advance_amount - advanceHistory.find(h => h.status === 'Active').paid_amount).toLocaleString()} AED.
+                                        </p>
+                                    </div>
+                                )}
+                            </p>
+                            <div className="flex gap-4">
+                                <button 
+                                    onClick={() => setIsAdvanceConfirmOpen(false)}
+                                    className="flex-1 px-6 py-3 bg-gray-100 text-gray-600 rounded-xl font-bold text-sm hover:bg-gray-200 transition-all uppercase tracking-widest"
+                                >
+                                    Cancel
+                                </button>
+                                <button 
+                                    onClick={() => {
+                                        setFormData({...formData, advance_enabled: false, advance_amount: '', advance_months: ''});
+                                        setIsAdvanceConfirmOpen(false);
+                                    }}
+                                    className="flex-1 px-6 py-3 bg-red-500 text-white rounded-xl font-bold text-sm hover:bg-red-600 transition-all uppercase tracking-widest shadow-lg shadow-red-100"
+                                >
+                                    Remove
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            )}
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Staff/List.jsx b/resources/js/Pages/Owner/Staff/List.jsx
new file mode 100644
index 0000000..6bf93c6
--- /dev/null
+++ b/resources/js/Pages/Owner/Staff/List.jsx
@@ -0,0 +1,226 @@
+import React, { useState, useEffect } from 'react';
+import DataTable from '../../../Components/DataTable';
+import StatusPill from '../../../Components/StatusPill';
+import DeleteModal from '../../../Components/DeleteModal';
+import { Search, Plus, Trash2, Edit2, Eye, Filter } from 'lucide-react';
+
+export default function StaffList() {
+    const [staffList, setStaffList] = useState([]);
+    const [branches, setBranches] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [deleteModal, setDeleteModal] = useState({ isOpen: false, id: null, name: '' });
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const receptionistBranchId = window.__APP_DATA__?.branch?.id;
+    const basePath = isReceptionist ? '/receptionist' : '/owner';
+
+    const [filters, setFilters] = useState({
+        search: '',
+        role: '',
+        branch_id: isReceptionist ? receptionistBranchId?.toString() : ''
+    });
+
+    useEffect(() => {
+        fetchStaff();
+        fetchBranches();
+    }, []);
+
+    const fetchStaff = async () => {
+        setLoading(true);
+        try {
+            const response = await fetch('/api/staff');
+            const data = await response.json();
+            setStaffList(data);
+        } catch (error) {
+            console.error('Error fetching staff:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const fetchBranches = async () => {
+        try {
+            const response = await fetch('/api/branches');
+            const data = await response.json();
+            setBranches(data);
+        } catch (error) {
+            console.error('Error fetching branches:', error);
+        }
+    };
+
+    const handleDelete = async (id) => {
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        try {
+            const response = await fetch(`/api/staff/${id}`, { 
+                method: 'DELETE',
+                headers: {
+                    'X-CSRF-TOKEN': csrfToken
+                }
+            });
+            if (response.ok) {
+                fetchStaff();
+                setDeleteModal({ isOpen: false, id: null, name: '' });
+            } else {
+                alert('Error deleting staff member.');
+            }
+        } catch (error) {
+            console.error('Error deleting staff:', error);
+        }
+    };
+
+    const filteredStaff = staffList.filter(staff => {
+        const matchesSearch = staff.full_name?.toLowerCase().includes(filters.search.toLowerCase()) || 
+                             staff.email?.toLowerCase().includes(filters.search.toLowerCase());
+        const matchesRole = filters.role === '' || staff.role === filters.role;
+        const matchesBranch = filters.branch_id === '' || staff.branch_id?.toString() === filters.branch_id;
+        
+        return matchesSearch && matchesRole && matchesBranch;
+    });
+
+    const columns = [
+        {
+            header: 'Full Name',
+            render: (row) => (
+                <div className="flex flex-col">
+                    <span className="text-sm font-bold text-[#111827] capitalize">{row.full_name || 'N/A'}</span>
+                    <span className="text-[10px] font-bold text-gray-400 uppercase tracking-widest">{row.staff_id_code}</span>
+                </div>
+            )
+        },
+        { header: 'Email', key: 'email' },
+        { header: 'Phone', key: 'phone' },
+        { header: 'Designation', key: 'designation' },
+        { 
+            header: 'Role', 
+            render: (row) => (
+                <span className="px-3 py-1 bg-gray-50 text-gray-600 border border-gray-100 rounded-full text-[10px] font-bold uppercase tracking-wider">
+                    {row.role}
+                </span>
+            )
+        },
+        { 
+            header: 'Branch', 
+            render: (row) => <span className="font-medium text-gray-600">{row.branch?.name || '-'}</span> 
+        },
+        { 
+            header: 'Status', 
+            render: (row) => <StatusPill status={row.status} /> 
+        },
+        { 
+            header: 'Actions', 
+            align: 'right',
+            render: (row) => (
+                <div className="flex items-center justify-end gap-3">
+                    <button 
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            window.location.href = `${basePath}/staff/view/${row.id}`;
+                        }} 
+                        className="p-1 text-emerald-500 hover:scale-110 active:scale-95 transition-all outline-none"
+                        title="View Staff Profile"
+                    >
+                        <Eye size={18} />
+                    </button>
+                    <button 
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            window.location.href = `${basePath}/staff/edit/${row.id}`;
+                        }} 
+                        className="p-1 text-amber-500 hover:scale-110 active:scale-95 transition-all outline-none"
+                        title="Edit Staff"
+                    >
+                        <Edit2 size={18} />
+                    </button>
+                    <button 
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            setDeleteModal({ isOpen: true, id: row.id, name: row.full_name });
+                        }} 
+                        className="p-1 text-red-500 hover:scale-110 active:scale-95 transition-all outline-none"
+                        title="Delete Staff"
+                    >
+                        <Trash2 size={18} />
+                    </button>
+                </div>
+            )
+        }
+    ];
+
+    return (
+        <>
+            <main className="px-10 py-8 max-w-[1600px] mx-auto space-y-8">
+                <div className="flex items-center justify-between">
+                    <div>
+                        <h1 className="text-3xl font-bold text-[#101828]">Staff Management</h1>
+                        <p className="text-gray-500 mt-1">Manage your team members and their roles.</p>
+                    </div>
+                    
+                    <button 
+                        onClick={() => window.location.href = `${basePath}/staff/add`}
+                        className="flex items-center gap-2 px-6 py-3 bg-red-500 text-white rounded-xl font-bold text-sm hover:scale-[1.02] active:scale-[0.98] transition-all shadow-lg shadow-red-100"
+                    >
+                        <Plus size={18} />
+                        <span>Add New Staff</span>
+                    </button>
+                </div>
+
+                {/* Filters Row */}
+                <div className="flex flex-wrap items-center gap-4 bg-white p-6 rounded-2xl border border-gray-100 shadow-sm">
+                    <div className="flex-1 min-w-[300px] relative">
+                        <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
+                        <input 
+                            type="text" 
+                            placeholder="Search by name or email..."
+                            value={filters.search}
+                            onChange={(e) => setFilters({...filters, search: e.target.value})}
+                            className="w-full bg-gray-50 border-none rounded-xl pl-12 pr-4 py-3 text-sm focus:ring-2 focus:ring-red-500 transition-all font-medium"
+                        />
+                    </div>
+                    
+                    <div className="flex items-center gap-3">
+                        <Filter size={18} className="text-gray-400" />
+                        <select 
+                            value={filters.role}
+                            onChange={(e) => setFilters({...filters, role: e.target.value})}
+                            className="bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 min-w-[150px] font-bold text-gray-600"
+                        >
+                            <option value="">All Roles</option>
+                            <option value="Trainer">Trainer</option>
+                            <option value="Receptionist">Receptionist</option>
+                            <option value="Manager">Manager</option>
+                        </select>
+
+                        {!isReceptionist && (
+                            <select 
+                                value={filters.branch_id}
+                                onChange={(e) => setFilters({...filters, branch_id: e.target.value})}
+                                className="bg-gray-50 border-none rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500 min-w-[150px] font-bold text-gray-600"
+                            >
+                                <option value="">All Branches</option>
+                                {branches.map(branch => (
+                                    <option key={branch.id} value={branch.id}>{branch.name}</option>
+                                ))}
+                            </select>
+                        )}
+                    </div>
+                </div>
+
+                <DataTable 
+                    columns={columns}
+                    data={filteredStaff}
+                    loading={loading}
+                    emptyMessage="No staff members found matching your filters."
+                    onRowClick={(row) => window.location.href = `${basePath}/staff/view/${row.id}`}
+                />
+
+                <DeleteModal 
+                    isOpen={deleteModal.isOpen}
+                    onClose={() => setDeleteModal({ isOpen: false, id: null, name: '' })}
+                    onConfirm={() => handleDelete(deleteModal.id)}
+                    title="Delete Staff Member"
+                    message="Are you sure you want to remove this staff member? All their profile data, document references, and salary history will be permanently deleted."
+                    itemName={deleteModal.name}
+                />
+             </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Owner/Staff/View.jsx b/resources/js/Pages/Owner/Staff/View.jsx
new file mode 100644
index 0000000..3bbd296
--- /dev/null
+++ b/resources/js/Pages/Owner/Staff/View.jsx
@@ -0,0 +1,999 @@
+import React, { useState, useEffect } from 'react';
+import Toast from '../Components/Toast';
+import { 
+    ChevronLeft, 
+    Edit2, 
+    Mail, 
+    Phone, 
+    Shield, 
+    Calendar, 
+    MapPin, 
+    Building, 
+    Plus, 
+    Minus, 
+    Wallet, 
+    FileText, 
+    Users, 
+    Bell,
+    Eye,
+    Save,
+    X,
+    Clock,
+    Heart
+} from 'lucide-react';
+
+export default function StaffView({ id }) {
+    const isReceptionist = window.__APP_DATA__?.role === 'receptionist';
+    const basePath = isReceptionist ? '/receptionist' : '/owner';
+    const [staff, setStaff] = useState(null);
+    const [payments, setPayments] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [history, setHistory] = useState([]);
+    const [showHistory, setShowHistory] = useState(false);
+    const [loadingHistory, setLoadingHistory] = useState(false);
+    const [toast, setToast] = useState(null);
+    const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false);
+    const [newPayment, setNewPayment] = useState({
+        amount: '',
+        payment_date: new Date().toISOString().split('T')[0],
+        payment_type: 'Salary',
+        status: 'Paid',
+        remarks: ''
+    });
+    const [personCount, setPersonCount] = useState(1); // For commission mockup
+    const [isSettleModalOpen, setIsSettleModalOpen] = useState(false);
+    const [settlementData, setSettlementData] = useState(null);
+    const [settling, setSettling] = useState(false);
+    const [payrollStatus, setPayrollStatus] = useState([]);
+    const [loadingPayroll, setLoadingPayroll] = useState(false);
+    const [advanceHistory, setAdvanceHistory] = useState([]);
+    const [loadingAdvanceHistory, setLoadingAdvanceHistory] = useState(false);
+
+    useEffect(() => {
+        fetchStaff();
+        fetchPayments();
+        fetchPayrollStatus();
+        fetchAdvanceHistory();
+    }, [id]);
+
+    const fetchPayments = async () => {
+        try {
+            const response = await fetch(`/api/staff/${id}/payments`);
+            const data = await response.json();
+            setPayments(data);
+        } catch (error) {
+            console.error('Error fetching payments:', error);
+        }
+    };
+
+    const handleAddPayment = async (e) => {
+        e.preventDefault();
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        try {
+            const response = await fetch(`/api/staff/${id}/payments`, {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify(newPayment)
+            });
+
+            if (response.ok) {
+                setToast({ message: 'Payment recorded successfully!', type: 'success' });
+                setIsPaymentModalOpen(false);
+                fetchPayments();
+                setNewPayment({
+                    amount: '',
+                    payment_date: new Date().toISOString().split('T')[0],
+                    payment_type: 'Salary',
+                    status: 'Paid',
+                    remarks: ''
+                });
+            }
+        } catch (error) {
+            setToast({ message: 'Failed to record payment.', type: 'error' });
+        }
+    };
+
+    const fetchStaff = async () => {
+        try {
+            const response = await fetch(`/api/staff/${id}`);
+            const data = await response.json();
+            setStaff(data);
+        } catch (error) {
+            console.error('Error fetching staff:', error);
+            setToast({ message: 'Failed to load staff details.', type: 'error' });
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const handleToggleStatus = async () => {
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        const newStatus = staff.status === 'Active' ? 'Inactive' : 'Active';
+        try {
+            const response = await fetch(`/api/staff/${id}`, {
+                method: 'PUT',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({ ...staff, status: newStatus })
+            });
+
+            if (response.ok) {
+                setStaff({ ...staff, status: newStatus });
+                setToast({ message: `Staff marked as ${newStatus}`, type: 'success' });
+            }
+        } catch (error) {
+            setToast({ message: 'Failed to update status.', type: 'error' });
+        }
+    };
+
+    const fetchHistory = async () => {
+        setLoadingHistory(true);
+        setShowHistory(true);
+        try {
+            const res = await fetch(`/api/staff/${id}/commission-history`);
+            const data = await res.json();
+            setHistory(data);
+        } catch (error) {
+            console.error('Error fetching history:', error);
+        } finally {
+            setLoadingHistory(false);
+        }
+    };
+
+    const fetchPayrollStatus = async () => {
+        setLoadingPayroll(true);
+        try {
+            const res = await fetch(`/api/staff/${id}/payroll-status`);
+            const data = await res.json();
+            setPayrollStatus(data);
+        } catch (error) {
+            console.error('Error fetching payroll status:', error);
+        } finally {
+            setLoadingPayroll(false);
+        }
+    };
+
+    const fetchAdvanceHistory = async () => {
+        setLoadingAdvanceHistory(true);
+        try {
+            const res = await fetch(`/api/staff/${id}/advance-history`);
+            const data = await res.json();
+            setAdvanceHistory(data);
+        } catch (error) {
+            console.error('Error fetching advance history:', error);
+        } finally {
+            setLoadingAdvanceHistory(false);
+        }
+    };
+
+    const fetchSettlement = async (monthKey = null) => {
+        try {
+            const url = monthKey 
+                ? `/api/staff/${id}/settlement?month=${monthKey}`
+                : `/api/staff/${id}/settlement`;
+            const res = await fetch(url);
+            const data = await res.json();
+            
+            if (data.can_settle === false) {
+                setToast({ message: data.message, type: 'info' });
+                return;
+            }
+            
+            setSettlementData(data);
+            setIsSettleModalOpen(true);
+        } catch (error) {
+            setToast({ message: 'Failed to fetch settlement details.', type: 'error' });
+        }
+    };
+
+    const handleSettle = async () => {
+        setSettling(true);
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+        try {
+            const res = await fetch(`/api/staff/${id}/settle`, {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({ 
+                    settlement_month: settlementData.settlement_month 
+                })
+            });
+            if (res.ok) {
+                setToast({ message: 'Salary settled successfully!', type: 'success' });
+                setIsSettleModalOpen(false);
+                fetchStaff();
+                fetchPayments();
+                fetchPayrollStatus();
+            } else {
+                const err = await res.json();
+                setToast({ message: err.message || 'Failed to settle salary.', type: 'error' });
+            }
+        } catch (error) {
+            setToast({ message: 'Failed to settle salary.', type: 'error' });
+        } finally {
+            setSettling(false);
+        }
+    };
+
+    const handleGetAdvance = async () => {
+        // Redirect to edit with advance enabled or just update here
+        window.location.href = `${basePath}/staff/edit/${id}?get_advance=true`;
+    };
+
+    if (loading) return <div className="p-12 text-center text-gray-400 font-medium">Loading profile...</div>;
+    if (!staff) return <div className="p-12 text-center text-red-500 font-bold font-mono uppercase tracking-widest text-xl">Staff Member Not Found!</div>;
+
+    const initials = staff.full_name?.split(' ').map(n => n[0]).join('').toUpperCase() || 'ST';
+
+    return (
+        <>
+            {toast && <Toast message={toast.message} type={toast.type} onClose={() => setToast(null)} />}
+            <main className="p-8 max-w-7xl mx-auto space-y-6">
+                {/* Back Link */}
+                <button onClick={() => window.location.href = `${basePath}/staff`} className="flex items-center gap-2 text-sm font-bold text-gray-500 hover:text-gray-900 transition-colors">
+                    <ChevronLeft size={18} />
+                    <span>Back to Staff List</span>
+                </button>
+
+                {/* Profile Header Card */}
+                <div className="bg-white rounded-2xl border border-gray-100 shadow-sm p-8 flex items-center justify-between">
+                    <div className="flex items-center gap-6">
+                        <div className="w-20 h-20 bg-amber-400 rounded-full flex items-center justify-center text-white text-2xl font-bold border-4 border-amber-50 shadow-inner">
+                            {initials}
+                        </div>
+                        <div className="space-y-2">
+                            <div className="flex items-center gap-4">
+                                <h1 className="text-2xl font-black text-gray-900 tracking-tight">{staff.full_name}</h1>
+                                <div className={`flex items-center gap-1.5 px-2.5 py-0.5 rounded-full ${staff.status === 'Active' ? 'bg-emerald-50 text-emerald-600 border-emerald-100' : 'bg-red-50 text-red-600 border-red-100'} border text-[10px] font-black uppercase tracking-wider`}>
+                                    <div className={`w-1 h-1 rounded-full ${staff.status === 'Active' ? 'bg-emerald-500' : 'bg-red-500'}`}></div>
+                                    {staff.status}
+                                </div>
+                            </div>
+                            <div className="flex items-center gap-6 text-gray-500 text-xs font-bold">
+                                <div className="flex items-center gap-1.5">
+                                    <Mail size={14} className="text-gray-400" />
+                                    <span>{staff.email}</span>
+                                </div>
+                                <div className="flex items-center gap-1.5">
+                                    <Phone size={14} className="text-gray-400" />
+                                    <span>{staff.phone || 'N/A'}</span>
+                                </div>
+                                <div className="flex items-center gap-1.5">
+                                    <Shield size={14} className="text-gray-400" />
+                                    <span>{staff.designation || 'N/A'}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <button 
+                        onClick={() => window.location.href = `${basePath}/staff/edit/${staff.id}`}
+                        className="flex items-center gap-2 px-5 py-2.5 bg-red-500 text-white rounded-xl font-bold text-sm hover:bg-red-600 transition-all shadow-lg shadow-red-100"
+                    >
+                        <Edit2 size={16} />
+                        <span>Edit Profile</span>
+                    </button>
+                </div>
+
+                {/* Basic Details Card */}
+                <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                    <div className="px-8 py-5 border-b border-gray-50 flex items-center gap-3 bg-gray-50/10">
+                        <Users size={18} className="text-gray-900" />
+                        <h2 className="text-base font-black text-gray-900 uppercase tracking-wider">Basic Details</h2>
+                    </div>
+                    <div className="p-8 grid grid-cols-4 gap-8">
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Staff ID</p>
+                            <p className="text-sm font-bold text-gray-900">{staff.staff_id_code || 'N/A'}</p>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Name</p>
+                            <p className="text-sm font-bold text-gray-900">{staff.full_name}</p>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Contact Number</p>
+                            <div className="flex items-center gap-2 text-sm font-bold text-gray-900">
+                                <Phone size={12} className="text-gray-300" />
+                                <span>{staff.phone || 'N/A'}</span>
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Email</p>
+                            <div className="flex items-center gap-2 text-sm font-bold text-gray-900">
+                                <Mail size={12} className="text-gray-300" />
+                                <span>{staff.email}</span>
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Branch</p>
+                            <div className="flex items-center gap-2 text-sm font-bold text-gray-900">
+                                <MapPin size={12} className="text-gray-300" />
+                                <span>{staff.branch?.name || 'UNDEF'}</span>
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Designation</p>
+                            <div className="flex items-center gap-2 text-sm font-bold text-gray-900">
+                                <Building size={12} className="text-gray-300" />
+                                <span>{staff.designation || 'N/A'}</span>
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Joining Date</p>
+                            <p className="text-sm font-bold text-gray-900">{staff.joining_date || 'N/A'}</p>
+                        </div>
+                        <div>
+                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Status</p>
+                            <div className={`inline-block px-2.5 py-0.5 rounded-full ${staff.status === 'Active' ? 'bg-emerald-50 text-emerald-600 border-emerald-100' : 'bg-red-50 text-red-600 border-red-100'} border text-[10px] font-black uppercase tracking-wider`}>
+                                {staff.status}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Salary Details Section */}
+                <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                    <div className="px-8 py-5 border-b border-gray-50 flex items-center justify-between bg-gray-50/10">
+                        <div className="flex items-center gap-3">
+                            <Wallet size={18} className="text-emerald-500" />
+                            <h2 className="text-base font-black text-gray-900 uppercase tracking-wider">Salary Details</h2>
+                        </div>
+                        <div className="flex items-center gap-3">
+                        </div>
+                    </div>
+                    <div className="p-8 flex gap-8">
+                        {/* Current Salary Box */}
+                        <div className="w-1/3 space-y-4">
+                            <div className="bg-emerald-50/30 rounded-2xl p-6 border border-emerald-50 relative overflow-hidden group">
+                                <p className="text-emerald-600 text-[10px] font-black uppercase tracking-widest mb-4">Current Salary</p>
+                                <div className="flex items-baseline gap-1.5 mb-6">
+                                    <span className="text-4xl font-black text-emerald-700">{(staff.salary_amount || 0).toLocaleString()}</span>
+                                    <span className="text-emerald-500 font-bold text-xs">AED</span>
+                                </div>
+                                <div className="space-y-2">
+                                    <div className="flex items-center justify-between text-[10px]">
+                                        <span className="text-emerald-600/60 font-bold uppercase tracking-widest">Type:</span>
+                                        <span className="text-emerald-700 font-black">{staff.salary_type || 'Monthly'}</span>
+                                    </div>
+                                    <div className="flex items-center justify-between text-[10px]">
+                                        <span className="text-emerald-600/60 font-bold uppercase tracking-widest">Cycle:</span>
+                                        <span className="text-emerald-700 font-black">{staff.salary_cycle || 'Monthly'}</span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            {/* Advance Card */}
+                            <div className="bg-orange-50/30 rounded-2xl p-6 border border-orange-50 relative overflow-hidden group">
+                                <div className="flex items-center justify-between mb-4">
+                                    <p className="text-orange-600 text-[10px] font-black uppercase tracking-widest">Salary Advance</p>
+                                    {!staff.advance_enabled && (
+                                        <button 
+                                            onClick={handleGetAdvance}
+                                            className="px-2.5 py-1 bg-white text-orange-600 rounded-lg text-[10px] font-black border border-orange-100 hover:bg-orange-50 transition-all shadow-sm"
+                                        >
+                                            GET ADVANCE
+                                        </button>
+                                    )}
+                                </div>
+                                
+                                {(() => {
+                                    const activeAdvance = advanceHistory.find(h => h.status === 'Pending');
+                                    if (activeAdvance) {
+                                        return (
+                                            <>
+                                                <div className="flex items-baseline gap-1.5 mb-6">
+                                                    <span className="text-2xl font-black text-orange-700">{(parseFloat(activeAdvance.advance_amount) || 0).toLocaleString()}</span>
+                                                    <span className="text-orange-500 font-bold text-[10px]">AED</span>
+                                                </div>
+                                                <div className="flex items-center justify-between p-2.5 bg-white/50 rounded-xl border border-orange-50">
+                                                    <div className="text-[8px] font-black text-orange-400 uppercase tracking-widest">Mode</div>
+                                                    <div className="text-[9px] font-black text-orange-700 uppercase tracking-wider">{staff.advance_repayment_mode}</div>
+                                                </div>
+                                            </>
+                                        );
+                                    } else {
+                                        return (
+                                            <div className="py-2 text-center text-orange-300">
+                                                <p className="text-[10px] font-bold italic">No active advance</p>
+                                            </div>
+                                        );
+                                    }
+                                })()}
+
+                                {advanceHistory.length > 0 && (
+                                    <div className="mt-4 p-3 bg-white/50 rounded-xl border border-orange-100 flex items-center justify-between">
+                                        <div>
+                                            <p className="text-[8px] font-black text-orange-400 uppercase tracking-widest leading-none mb-1">Total Balance Due</p>
+                                            <p className="text-sm font-black text-orange-700">
+                                                {advanceHistory
+                                                    .filter(h => h.status === 'Pending')
+                                                    .reduce((sum, h) => sum + (parseFloat(h.advance_amount) - parseFloat(h.paid_amount || 0)), 0)
+                                                    .toLocaleString()} AED
+                                            </p>
+                                        </div>
+                                        <div className="text-right">
+                                            <p className="text-[8px] font-black text-emerald-500 uppercase tracking-widest leading-none mb-1">Total Paid</p>
+                                            <p className="text-sm font-black text-emerald-600">
+                                                {advanceHistory.reduce((sum, h) => sum + (parseFloat(h.paid_amount || 0)), 0).toLocaleString()} AED
+                                            </p>
+                                        </div>
+                                    </div>
+                                )}
+
+                                {advanceHistory.length > 0 && (
+                                    <div className="mt-6 pt-6 border-t border-orange-50/50 space-y-3">
+                                        <p className="text-[9px] font-black text-orange-400 uppercase tracking-widest mb-2">Advance History Summary</p>
+                                        <div className="space-y-2">
+                                            {advanceHistory.map((h, i) => (
+                                                <div key={i} className={`p-2 rounded-xl border flex items-center justify-between transition-all ${h.status === 'Closed' ? 'bg-white/50 border-gray-100 opacity-60' : 'bg-white border-orange-100 shadow-sm animate-pulse'}`}>
+                                                    <div>
+                                                        <p className="text-[10px] font-black text-gray-900">{(h.advance_amount || 0).toLocaleString()} AED</p>
+                                                        <p className="text-[8px] text-gray-400 font-medium">Taken {new Date(h.created_at).toLocaleDateString()}</p>
+                                                    </div>
+                                                    <div className="text-right">
+                                                        <span className={`px-2 py-0.5 rounded-full text-[8px] font-black uppercase tracking-widest ${h.status === 'Closed' ? 'bg-gray-100 text-gray-400' : 'bg-orange-50 text-orange-600'}`}>
+                                                            {h.status}
+                                                        </span>
+                                                        <p className="text-[8px] font-bold text-emerald-500 mt-0.5">{parseFloat(h.paid_amount || 0).toLocaleString()} Paid</p>
+                                                    </div>
+                                                </div>
+                                            ))}
+                                        </div>
+                                    </div>
+                                )}
+                            </div>
+                        </div>
+
+                        {/* Monthly Payroll Status Table */}
+                        <div className="flex-1 space-y-8">
+                            <div>
+                                <div className="flex items-center justify-between mb-4">
+                                    <h3 className="text-sm font-black text-gray-900 uppercase tracking-wider">Monthly Payroll Status</h3>
+                                    <div className="flex items-center gap-2">
+                                        <div className="w-2 h-2 rounded-full bg-emerald-500"></div>
+                                        <span className="text-[10px] font-bold text-gray-400">Paid</span>
+                                        <div className="w-2 h-2 rounded-full bg-orange-500 ml-2"></div>
+                                        <span className="text-[10px] font-bold text-gray-400">Unpaid</span>
+                                    </div>
+                                </div>
+                                <div className="border border-gray-50 rounded-2xl overflow-hidden bg-white shadow-sm">
+                                    <table className="w-full">
+                                        <thead className="bg-gray-50/50">
+                                            <tr>
+                                                <th className="px-6 py-3 text-left text-[10px] font-bold text-gray-400 uppercase tracking-widest">Month</th>
+                                                <th className="px-6 py-3 text-left text-[10px] font-bold text-gray-400 uppercase tracking-widest">Status</th>
+                                                <th className="px-6 py-3 text-left text-[10px] font-bold text-gray-400 uppercase tracking-widest">Net Amount</th>
+                                                <th className="px-6 py-3 text-right text-[10px] font-bold text-gray-400 uppercase tracking-widest">Action</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody className="divide-y divide-gray-50">
+                                            {payrollStatus.length > 0 ? (
+                                                payrollStatus.map((p) => (
+                                                    <tr key={p.month_key} className="hover:bg-gray-50/50 transition-colors">
+                                                        <td className="px-6 py-4 text-xs font-bold text-gray-900">{p.month}</td>
+                                                        <td className="px-6 py-4">
+                                                            <span className={`px-2 py-0.5 rounded-full text-[10px] font-black uppercase tracking-wider ${
+                                                                p.status === 'Paid' ? 'bg-emerald-50 text-emerald-600' : 'bg-orange-50 text-orange-600'
+                                                            }`}>
+                                                                {p.status}
+                                                            </span>
+                                                        </td>
+                                                        <td className="px-6 py-4 text-xs font-black text-gray-600">
+                                                            {p.amount ? `${parseFloat(p.amount).toLocaleString()} AED` : '-'}
+                                                        </td>
+                                                        <td className="px-6 py-4 text-right">
+                                                            {p.can_settle ? (
+                                                                <button 
+                                                                    onClick={() => fetchSettlement(p.month_key)}
+                                                                    className="px-3 py-1 bg-emerald-500 text-white rounded-lg text-[10px] font-black hover:scale-105 active:scale-95 transition-all shadow-md shadow-emerald-100 uppercase tracking-widest"
+                                                                >
+                                                                    Settle
+                                                                </button>
+                                                            ) : (
+                                                                <span className="text-[10px] font-black text-emerald-500 uppercase tracking-widest">COMPLETED</span>
+                                                            )}
+                                                        </td>
+                                                    </tr>
+                                                ))
+                                            ) : (
+                                                <tr>
+                                                    <td colSpan="4" className="px-6 py-8 text-center text-xs font-bold text-gray-400 italic">
+                                                        No months yet to settle. Next settlement will be available after 1st of next month.
+                                                    </td>
+                                                </tr>
+                                            )}
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+
+                            {/* Transaction History Table */}
+                            <div>
+                                <div className="flex items-center justify-between mb-4">
+                                    <h3 className="text-sm font-black text-gray-900 uppercase tracking-wider">Transaction History</h3>
+                                    <button className="text-[10px] font-bold text-blue-600 hover:underline uppercase tracking-wider">View Full History</button>
+                                </div>
+                                <div className="border border-gray-50 rounded-2xl overflow-hidden bg-white shadow-sm opacity-80">
+                                    <table className="w-full">
+                                        <thead className="bg-gray-50/50">
+                                            <tr>
+                                                <th className="px-6 py-3 text-left text-[10px] font-bold text-gray-400 uppercase tracking-widest">Date</th>
+                                                <th className="px-6 py-3 text-left text-[10px] font-bold text-gray-400 uppercase tracking-widest">Type</th>
+                                                <th className="px-6 py-3 text-left text-[10px] font-bold text-gray-400 uppercase tracking-widest">Amount</th>
+                                                <th className="px-6 py-3 text-left text-[10px] font-bold text-gray-400 uppercase tracking-widest">Status</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody className="divide-y divide-gray-50">
+                                            {payments.length > 0 ? (
+                                                payments.map((p) => (
+                                                    <tr key={p.id}>
+                                                        <td className="px-6 py-4 text-xs font-bold text-gray-900">{p.payment_date}</td>
+                                                        <td className="px-6 py-4 text-xs font-semibold text-gray-500">{p.payment_type}</td>
+                                                        <td className="px-6 py-4 text-xs font-black text-emerald-600">{(parseFloat(p.amount) || 0).toLocaleString()} AED</td>
+                                                        <td className="px-6 py-4">
+                                                            <span className="px-2 py-0.5 bg-emerald-50 text-emerald-600 rounded-full text-[10px] font-black uppercase tracking-wider">{p.status}</span>
+                                                        </td>
+                                                    </tr>
+                                                ))
+                                            ) : (
+                                                <tr>
+                                                    <td colSpan="4" className="px-6 py-8 text-center text-xs font-bold text-gray-400 italic">
+                                                        No transactions recorded yet.
+                                                    </td>
+                                                </tr>
+                                            )}
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Member Commission Section */}
+                <div className="bg-[#FAF9FF] rounded-2xl border border-purple-100 shadow-sm p-8 group transition-all hover:bg-white hover:border-purple-200">
+                    <div className="flex items-center justify-between mb-8">
+                        <div className="flex items-center gap-3">
+                            <div className="p-2 bg-purple-100/50 rounded-xl text-purple-600">
+                                <Users size={18} />
+                            </div>
+                            <h2 className="text-base font-black text-purple-900 uppercase tracking-wider">Member Commission</h2>
+                        </div>
+                        <div className="flex items-center gap-4">
+                            <button 
+                                onClick={() => window.location.href = `${basePath}/staff/edit/${id}`}
+                                className="text-[10px] font-black text-gray-400 uppercase tracking-widest flex items-center gap-1.5 hover:text-purple-600 transition-all border border-transparent hover:border-purple-100 px-2 py-1 rounded-lg"
+                            >
+                                <Edit2 size={12} />
+                                Edit Settings
+                            </button>
+                            <button 
+                                onClick={fetchHistory}
+                                className="text-[10px] font-black text-purple-500 uppercase tracking-widest flex items-center gap-1.5 px-3 py-1.5 bg-purple-50 rounded-lg hover:bg-purple-100 transition-all"
+                            >
+                                <Eye size={12} />
+                                PT History
+                            </button>
+                        </div>
+                    </div>
+
+                    <div className="grid grid-cols-2 gap-20">
+                        <div className="space-y-6">
+                            <div>
+                                <p className="text-[10px] font-bold text-purple-400 uppercase tracking-widest mb-1.5">Amount Per Person</p>
+                                <div className="flex items-baseline gap-1.5">
+                                    <span className="text-4xl font-black text-purple-900">{staff.commission_amount || 0}</span>
+                                    <span className="text-purple-400 font-bold text-sm">AED</span>
+                                </div>
+                            </div>
+                            <div className="pt-6 border-t border-purple-50">
+                                <p className="text-[10px] font-bold text-purple-400 uppercase tracking-widest mb-1">Total Monthly Estimate</p>
+                                <p className="text-2xl font-black text-purple-600">{(staff.commission_amount * (staff.commission_member_count || 0)).toLocaleString()} AED</p>
+                            </div>
+                        </div>
+
+                        <div className="flex flex-col justify-center items-center gap-3 bg-white/50 border border-purple-50 rounded-2xl p-6">
+                            <p className="text-[10px] font-black text-purple-400 uppercase tracking-widest">Active Member Count</p>
+                            <div className="flex items-center gap-8">
+                                <span className="text-5xl font-black text-purple-900 text-center">{staff.commission_member_count || 0}</span>
+                            </div>
+                            <p className="text-[9px] text-purple-300 font-bold uppercase tracking-wider">Updated Monthly</p>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Bottom Row: Docs, Family, Notifications */}
+                <div className="grid grid-cols-2 gap-8">
+                    {/* Documentation Card */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="px-8 py-5 border-b border-gray-50 flex items-center justify-between bg-gray-50/10">
+                            <div className="flex items-center gap-3">
+                                <FileText size={18} className="text-blue-500" />
+                                <h2 className="text-base font-black text-gray-900 uppercase tracking-wider">Documentation</h2>
+                            </div>
+                            <span className="px-2.5 py-0.5 bg-blue-50 text-blue-600 rounded-full text-[10px] font-bold border border-blue-100">VERIFIED</span>
+                        </div>
+                        <div className="p-8 space-y-4">
+                            {staff.documents && staff.documents.length > 0 ? (
+                                staff.documents.map((doc, index) => (
+                                    <div key={index} className="group p-4 bg-gray-50/50 rounded-2xl border border-gray-100 flex items-center justify-between hover:bg-white hover:shadow-sm transition-all">
+                                        <div className="flex items-center gap-4">
+                                            <div className="w-10 h-10 bg-blue-50 rounded-xl flex items-center justify-center text-blue-500">
+                                                <FileText size={20} />
+                                            </div>
+                                            <div>
+                                                <p className="text-xs font-black text-gray-900 mb-1 leading-none uppercase tracking-tight">{doc.name}</p>
+                                                <p className="text-[10px] font-bold text-gray-400 mb-1.5">{doc.document_number || 'No Number'}</p>
+                                                <div className="flex items-center gap-2">
+                                                    <p className="text-[10px] font-bold text-orange-400 flex items-center gap-1.5">
+                                                        <Clock size={10} />
+                                                        Expiry: {doc.expiry_date || 'N/A'}
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        {doc.path && (
+                                            <a 
+                                                href={`/storage/${doc.path}`} 
+                                                target="_blank" 
+                                                rel="noopener noreferrer"
+                                                className="p-2 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition-all border border-blue-100"
+                                            >
+                                                <Eye size={16} />
+                                            </a>
+                                        )}
+                                    </div>
+                                ))
+                            ) : (
+                                <p className="text-center py-6 text-gray-400 text-xs italic font-bold uppercase tracking-widest opacity-50">No documents</p>
+                            )}
+                        </div>
+                    </div>
+
+                    {/* Family Members Card */}
+                    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden">
+                        <div className="px-8 py-5 border-b border-gray-50 flex items-center justify-between bg-gray-50/10">
+                            <div className="flex items-center gap-3">
+                                <Heart size={18} className="text-rose-500" />
+                                <h2 className="text-base font-black text-gray-900 uppercase tracking-wider">Family Details</h2>
+                            </div>
+                        </div>
+                        <div className="p-8 space-y-4">
+                            {staff.family_members && staff.family_members.length > 0 ? (
+                                staff.family_members.map((member, index) => (
+                                    <div key={index} className="p-5 rounded-2xl bg-rose-50/30 border border-rose-50 flex flex-col gap-4">
+                                        <div className="flex items-center justify-between">
+                                            <div>
+                                                <p className="text-[10px] font-black text-rose-400 uppercase tracking-widest mb-1">Family Member {index + 1}</p>
+                                                <p className="text-sm font-black text-gray-900">{member.name}</p>
+                                            </div>
+                                            <div className="px-3 py-1 bg-white rounded-full border border-rose-100 text-[10px] font-black text-rose-500 uppercase">
+                                                {member.relation}
+                                            </div>
+                                        </div>
+                                        <div className="flex items-center gap-2 text-xs font-bold text-gray-600 bg-white/50 p-2.5 rounded-xl border border-rose-50">
+                                            <Phone size={14} className="text-rose-300" />
+                                            <span>{member.contact}</span>
+                                        </div>
+                                    </div>
+                                ))
+                            ) : staff.family_member_name ? (
+                                <div className="p-5 rounded-2xl bg-rose-50/30 border border-rose-50 flex flex-col gap-4">
+                                    <div className="flex items-center justify-between">
+                                        <div>
+                                            <p className="text-[10px] font-black text-rose-400 uppercase tracking-widest mb-1">Emergency Contact</p>
+                                            <p className="text-sm font-black text-gray-900">{staff.family_member_name}</p>
+                                        </div>
+                                        <div className="px-3 py-1 bg-white rounded-full border border-rose-100 text-[10px] font-black text-rose-500 uppercase">
+                                            {staff.family_member_relation}
+                                        </div>
+                                    </div>
+                                    <div className="flex items-center gap-2 text-xs font-bold text-gray-600 bg-white/50 p-2.5 rounded-xl border border-rose-50">
+                                        <Phone size={14} className="text-rose-300" />
+                                        <span>{staff.family_member_contact}</span>
+                                    </div>
+                                </div>
+                            ) : (
+                                <p className="text-center py-6 text-gray-400 text-xs italic font-bold uppercase tracking-widest opacity-50">Not Provided</p>
+                            )}
+                        </div>
+                    </div>
+                </div>
+
+
+                {/* Payment Modal */}
+                {isPaymentModalOpen && (
+                    <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm">
+                        <div className="bg-white rounded-[2.5rem] w-full max-w-md shadow-2xl border border-gray-100 overflow-hidden animate-in fade-in zoom-in duration-200">
+                            <div className="p-8 border-b border-gray-50 flex items-center justify-between bg-[#F9FAFB]/50">
+                                <div>
+                                    <h3 className="text-xl font-black text-[#111827]">Record Payment</h3>
+                                    <p className="text-xs text-gray-500 font-bold uppercase tracking-widest mt-1">Staff Transaction</p>
+                                </div>
+                                <button onClick={() => setIsPaymentModalOpen(false)} className="p-2 hover:bg-gray-100 rounded-full transition-colors text-gray-400">
+                                    <Minus size={20} />
+                                </button>
+                            </div>
+                            
+                            <form onSubmit={handleAddPayment} className="p-8 space-y-6">
+                                <div className="space-y-4">
+                                    <div>
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Payment Type</label>
+                                        <select 
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold"
+                                            value={newPayment.payment_type}
+                                            onChange={(e) => setNewPayment({...newPayment, payment_type: e.target.value})}
+                                        >
+                                            <option>Salary</option>
+                                            <option>Advance</option>
+                                            <option>Commission</option>
+                                            <option>Bonus</option>
+                                        </select>
+                                    </div>
+
+                                    <div>
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Amount (AED)</label>
+                                        <input 
+                                            type="number"
+                                            required
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold"
+                                            placeholder="Enter amount"
+                                            value={newPayment.amount}
+                                            onChange={(e) => setNewPayment({...newPayment, amount: e.target.value})}
+                                        />
+                                    </div>
+
+                                    <div>
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Date</label>
+                                        <input 
+                                            type="date"
+                                            required
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-bold"
+                                            value={newPayment.payment_date}
+                                            onChange={(e) => setNewPayment({...newPayment, payment_date: e.target.value})}
+                                        />
+                                    </div>
+
+                                    <div>
+                                        <label className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-2 block">Remarks</label>
+                                        <textarea 
+                                            className="w-full px-4 py-3 bg-gray-50 border border-gray-100 rounded-2xl outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all text-sm font-medium resize-none h-24"
+                                            placeholder="Optional notes..."
+                                            value={newPayment.remarks}
+                                            onChange={(e) => setNewPayment({...newPayment, remarks: e.target.value})}
+                                        />
+                                    </div>
+                                </div>
+
+                                <div className="flex gap-3 pt-4">
+                                    <button 
+                                        type="button"
+                                        onClick={() => setIsPaymentModalOpen(false)}
+                                        className="flex-1 px-6 py-4 bg-gray-100 text-gray-600 rounded-2xl font-black text-sm hover:bg-gray-200 transition-all"
+                                    >
+                                        CANCEL
+                                    </button>
+                                    <button 
+                                        type="submit"
+                                        className="flex-2 px-8 py-4 bg-emerald-600 text-white rounded-2xl font-black text-sm hover:scale-[1.02] active:scale-[0.98] transition-all shadow-xl shadow-emerald-100 flex items-center justify-center gap-2"
+                                    >
+                                        <Save size={18} />
+                                        RECORD PAYMENT
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                )}
+
+                {/* PT History Modal */}
+                {showHistory && (
+                    <div className="fixed inset-0 z-[60] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+                        <div className="bg-white rounded-[2.5rem] w-full max-w-2xl max-h-[85vh] overflow-hidden flex flex-col shadow-2xl animate-in zoom-in-95 duration-200">
+                            <div className="p-8 flex items-center justify-between border-b border-gray-100">
+                                <div>
+                                    <h3 className="text-xl font-bold text-gray-900">Commission History</h3>
+                                    <p className="text-sm text-gray-400 font-medium">Past member counts and commissions</p>
+                                </div>
+                                <button 
+                                    onClick={() => setShowHistory(false)}
+                                    className="w-10 h-10 flex items-center justify-center rounded-full hover:bg-gray-100 text-gray-400 hover:text-gray-900 transition-all"
+                                >
+                                    <X size={20} />
+                                </button>
+                            </div>
+                            
+                            <div className="flex-1 overflow-auto p-8">
+                                {loadingHistory ? (
+                                    <div className="text-center py-10 font-medium text-gray-400">Loading history...</div>
+                                ) : history.length > 0 ? (
+                                    <div className="overflow-hidden border border-gray-100 rounded-2xl">
+                                        <table className="w-full text-left border-collapse">
+                                            <thead>
+                                                <tr className="bg-gray-50/50">
+                                                    <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider">Month</th>
+                                                    <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider text-center">Members</th>
+                                                    <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider text-right">Per Head</th>
+                                                    <th className="px-6 py-4 text-[10px] font-bold text-gray-400 uppercase tracking-wider text-right">Total</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody className="divide-y divide-gray-50">
+                                                {history.map((row) => (
+                                                    <tr key={row.id} className="hover:bg-gray-50/30 transition-colors">
+                                                        <td className="px-6 py-4">
+                                                            <span className="text-sm font-bold text-gray-900 capitalize">
+                                                                {new Date(row.effective_month + "-01").toLocaleString('default', { month: 'long', year: 'numeric' })}
+                                                            </span>
+                                                        </td>
+                                                        <td className="px-6 py-4 text-center">
+                                                            <span className="px-3 py-1 bg-purple-50 text-purple-600 text-xs font-black rounded-lg">
+                                                                {row.member_count}
+                                                            </span>
+                                                        </td>
+                                                        <td className="px-6 py-4 text-right text-sm font-semibold text-gray-500">
+                                                            AED {row.amount_per_head}
+                                                        </td>
+                                                        <td className="px-6 py-4 text-right">
+                                                            <span className="text-sm font-bold text-emerald-600">AED {row.total_amount}</span>
+                                                        </td>
+                                                    </tr>
+                                                ))}
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                ) : (
+                                    <div className="text-center py-20 bg-gray-50 rounded-3xl border-2 border-dashed border-gray-100">
+                                        <p className="text-gray-400 font-medium">No history found for this staff member.</p>
+                                    </div>
+                                )}
+                            </div>
+
+                            <div className="p-8 border-t border-gray-100 bg-gray-50/30 flex justify-end">
+                                <button 
+                                    onClick={() => setShowHistory(false)}
+                                    className="px-8 py-3 bg-gray-900 text-white rounded-xl text-sm font-bold hover:bg-black transition-all shadow-lg shadow-gray-200"
+                                >
+                                    Close History
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                )}
+
+                {/* Settle Salary Modal */}
+                {isSettleModalOpen && settlementData && (
+                    <div className="fixed inset-0 z-[70] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-300">
+                        <div className="bg-white rounded-[2.5rem] w-full max-w-lg shadow-2xl border border-gray-100 overflow-hidden animate-in zoom-in-95 duration-200">
+                            <div className="p-10 border-b border-gray-50 flex items-center justify-between">
+                                <div>
+                                    <h3 className="text-2xl font-black text-gray-900 leading-none">Settle Salary — Next Month</h3>
+                                    <div className="mt-4 flex gap-8">
+                                        <div>
+                                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">STAFF</p>
+                                            <p className="text-sm font-bold text-gray-900">{settlementData.staff_name}</p>
+                                        </div>
+                                        <div>
+                                            <p className="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">Settlement Period</p>
+                                            <p className="text-sm font-bold text-gray-900">{settlementData.period}</p>
+                                            <p className="text-[10px] text-gray-400 italic font-medium">Cycle: {settlementData.cycle_range}</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <button onClick={() => setIsSettleModalOpen(false)} className="w-10 h-10 flex items-center justify-center rounded-full hover:bg-gray-100 text-gray-400 transition-colors">
+                                    <X size={24} />
+                                </button>
+                            </div>
+                            
+                            <div className="p-10 space-y-8">
+                                <div className="bg-gray-50/50 rounded-[2.5rem] border border-gray-100 overflow-hidden">
+                                    <div className="px-8 py-4 border-b border-gray-100 flex items-center justify-between">
+                                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">BILL BREAKDOWN</p>
+                                        <div className="text-[9px] font-bold text-gray-400 uppercase">
+                                            Formula: <span className="text-emerald-500">Salary</span> + <span className="text-purple-500">Comm.</span> - <span className="text-orange-500">Adv.</span>
+                                        </div>
+                                    </div>
+                                    
+                                    <div className="p-8 space-y-4">
+                                        {/* Base Salary */}
+                                        <div className="flex items-center justify-between group">
+                                            <div className="flex items-center gap-4">
+                                                <div className="w-10 h-10 bg-emerald-50 rounded-2xl flex items-center justify-center text-emerald-500 shadow-sm border border-emerald-100">
+                                                    <Wallet size={18} />
+                                                </div>
+                                                <div>
+                                                    <span className="text-sm font-bold text-gray-700 block">Base Salary ({settlementData.salary_type})</span>
+                                                    {settlementData.is_prorated && (
+                                                        <span className="text-[10px] text-orange-500 font-bold italic">
+                                                            Prorated: {settlementData.working_days} Days / {settlementData.total_days} Cycle Days
+                                                        </span>
+                                                    )}
+                                                </div>
+                                            </div>
+                                            <div className="text-right">
+                                                <span className="text-base font-black text-gray-900 block">{(settlementData.prorated_base || settlementData.base_salary || 0).toLocaleString()} AED</span>
+                                                {settlementData.is_prorated && (
+                                                    <span className="text-[10px] text-gray-400 line-through">{(settlementData.base_salary || 0).toLocaleString()} AED</span>
+                                                )}
+                                            </div>
+                                        </div>
+
+                                        {/* Commission */}
+                                        <div className="flex items-center justify-between group">
+                                            <div className="flex items-center gap-4">
+                                                <div className="w-10 h-10 bg-purple-50 rounded-2xl flex items-center justify-center text-purple-500 shadow-sm border border-purple-100">
+                                                    <Users size={18} />
+                                                </div>
+                                                <div>
+                                                    <p className="text-sm font-bold text-gray-700">Member Commission</p>
+                                                    <p className="text-[10px] font-bold text-purple-400 tracking-wider">
+                                                        {settlementData.commission_count} members × {settlementData.commission_amount} AED
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            <span className="text-base font-black text-purple-600">+ {(settlementData.total_commission || 0).toLocaleString()} AED</span>
+                                        </div>
+
+                                        {/* Advance Deduction */}
+                                        <div className="flex items-center justify-between group">
+                                            <div className="flex items-center gap-4">
+                                                <div className="w-10 h-10 bg-orange-50 rounded-2xl flex items-center justify-center text-orange-500 shadow-sm border border-orange-100">
+                                                    <Minus size={18} />
+                                                </div>
+                                                <div>
+                                                    <p className="text-sm font-bold text-gray-700">Advance Deduction</p>
+                                                    <p className="text-[10px] font-bold text-orange-400 tracking-wider">
+                                                        Remaining: {(settlementData.remaining_advance || 0).toLocaleString()} AED
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            <span className="text-base font-black text-orange-600">- {(settlementData.advance_deduction || 0).toLocaleString()} AED</span>
+                                        </div>
+                                        
+                                        <div className="mt-4 pt-6 border-t-2 border-dashed border-gray-100">
+                                            <div className="bg-emerald-50/50 p-6 rounded-[2rem] border border-emerald-100/50 flex items-center justify-between group hover:scale-[1.02] transition-transform">
+                                                <div className="flex items-center gap-4">
+                                                    <div className="w-12 h-12 bg-emerald-500 rounded-2xl flex items-center justify-center text-white shadow-xl shadow-emerald-100">
+                                                        <FileText size={24} />
+                                                    </div>
+                                                    <span className="text-lg font-black text-emerald-900">Net Payable</span>
+                                                </div>
+                                                <span className="text-3xl font-black text-emerald-600">{(settlementData.net_payable || 0).toLocaleString()} AED</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                
+                                <div className="flex gap-4">
+                                    <button 
+                                        onClick={() => setIsSettleModalOpen(false)}
+                                        className="flex-1 px-8 py-4 bg-gray-100 text-gray-600 rounded-2xl font-black text-sm hover:bg-gray-200 transition-all uppercase tracking-widest"
+                                    >
+                                        Cancel
+                                    </button>
+                                    <button 
+                                        onClick={handleSettle}
+                                        disabled={settling}
+                                        className="flex-[2] px-8 py-4 bg-emerald-500 text-white rounded-2xl font-black text-sm hover:scale-[1.02] active:scale-[0.98] transition-all shadow-xl shadow-emerald-100 flex items-center justify-center gap-3 uppercase tracking-widest disabled:opacity-50"
+                                    >
+                                        {settling ? 'Processing...' : (
+                                            <>
+                                                <Save size={20} />
+                                                Settle for {settlementData.period}
+                                            </>
+                                        )}
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Receptionist/ComingSoon.jsx b/resources/js/Pages/Receptionist/ComingSoon.jsx
new file mode 100644
index 0000000..5c296d5
--- /dev/null
+++ b/resources/js/Pages/Receptionist/ComingSoon.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Clock } from 'lucide-react';
+
+export default function ComingSoon({ title }) {
+    return (
+        <>
+            <main className="p-8 max-w-7xl mx-auto flex flex-col items-center justify-center min-h-[60vh] space-y-6">
+                <div className="w-24 h-24 bg-gray-50 rounded-full flex items-center justify-center text-gray-300 animate-pulse">
+                    <Clock size={48} />
+                </div>
+                <div className="text-center space-y-2">
+                    <h1 className="text-3xl font-black text-gray-900 tracking-tight uppercase">Module Coming Soon</h1>
+                    <p className="text-gray-400 font-medium max-w-md mx-auto">
+                        We are currently working hard to bring you the {title || 'requested'} module. Stay tuned for updates!
+                    </p>
+                </div>
+                <button 
+                    onClick={() => window.location.href = '/receptionist/dashboard'}
+                    className="px-8 py-3 bg-red-500 text-white rounded-full font-black uppercase text-xs tracking-widest hover:bg-red-600 transition-colors shadow-lg shadow-red-100"
+                >
+                    Back to Dashboard
+                </button>
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Receptionist/Dashboard.jsx b/resources/js/Pages/Receptionist/Dashboard.jsx
new file mode 100644
index 0000000..d164a04
--- /dev/null
+++ b/resources/js/Pages/Receptionist/Dashboard.jsx
@@ -0,0 +1,237 @@
+import React, { useState, useEffect } from 'react';
+// Header and SubHeader are now part of the global Layout
+import { 
+    Wallet, 
+    TrendingUp, 
+    ArrowUpRight, 
+    ArrowDownRight, 
+    DollarSign,
+    Activity,
+    ShoppingCart,
+    Package,
+    AlertTriangle,
+    Plus,
+    History
+} from 'lucide-react';
+
+export default function ReceptionistDashboard() {
+    const [stats, setStats] = useState({
+        total_income: 0,
+        total_expenses: 0,
+        net_profit: 0,
+        low_stock_count: 0
+    });
+    const [transactions, setTransactions] = useState([]);
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        const fetchDashboardData = async () => {
+            try {
+                const response = await fetch('/api/reports/profit');
+                const data = await response.json();
+                
+                setStats({
+                    total_income: data.total_income || 0,
+                    total_expenses: data.total_expense || 0,
+                    net_profit: data.net_profit || 0,
+                    low_stock_count: data.low_stock_count || 0
+                });
+                setTransactions(data.transactions || []);
+            } catch (error) {
+                console.error('Error fetching dashboard data:', error);
+            } finally {
+                setLoading(false);
+            }
+        };
+
+        fetchDashboardData();
+    }, []);
+
+    const StatCard = ({ title, amount, icon: Icon, color, trend, iconColor, bgColor, textColor, label }) => (
+        <div className={`${bgColor} p-6 rounded-[1.5rem] shadow-sm relative overflow-hidden group`}>
+            <div className={`absolute top-0 right-0 w-24 h-24 bg-white/10 rounded-full -mr-8 -mt-8 transition-transform group-hover:scale-110`} />
+            <div className="flex justify-between items-start mb-6 relative z-10">
+                <div className={`p-3 rounded-xl bg-white/20 text-white shadow-sm`}>
+                    <Icon size={20} />
+                </div>
+                {trend && (
+                    <div className="flex items-center gap-1 px-2.5 py-1 rounded-full bg-white/20 text-white text-[10px] font-black uppercase tracking-wider">
+                        {trend >= 0 ? <Plus size={10} /> : ''}
+                        {trend}%
+                    </div>
+                )}
+                {label && (
+                    <div className="flex items-center gap-1 px-2.5 py-1 rounded-full bg-white/20 text-white text-[10px] font-black uppercase tracking-wider">
+                        {label}
+                    </div>
+                )}
+            </div>
+            <div className="relative z-10 text-white">
+                <h3 className="text-3xl font-black tracking-tight mb-1">
+                    {(amount || 0).toLocaleString('en-AE', { minimumFractionDigits: 0 })}
+                    <span className="text-sm font-bold ml-1.5 uppercase">{title === 'Low Stock Items' ? '' : 'AED'}</span>
+                </h3>
+                <p className="text-xs font-bold uppercase tracking-widest opacity-80">{title}</p>
+            </div>
+        </div>
+    );
+
+    const QuickAction = ({ icon: Icon, label, color, sublabel, path }) => (
+        <button 
+            onClick={() => path && (window.location.href = path)}
+            className={`${color} p-6 rounded-[1.5rem] flex flex-col items-center justify-center gap-4 transition-all hover:scale-[1.02] shadow-sm border border-transparent hover:border-black/5 group`}
+        >
+            <div className={`p-4 rounded-full bg-white shadow-sm transition-transform group-hover:rotate-12`}>
+                <Icon size={28} />
+            </div>
+            <div className="text-center">
+                <span className="block text-sm font-black text-gray-900 uppercase tracking-widest leading-none mb-1">{label}</span>
+                {sublabel && <span className="text-[10px] font-bold text-gray-400 uppercase tracking-tighter">{sublabel}</span>}
+            </div>
+        </button>
+    );
+
+    if (loading) {
+        return (
+            <div className="min-h-screen bg-[#FDFDFD] flex items-center justify-center">
+                <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-red-500"></div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="animate-in fade-in duration-700">
+
+            <main className="p-8 max-w-[1600px] mx-auto space-y-12 animate-in fade-in duration-700">
+                {/* Welcome Section */}
+                <div className="flex flex-col gap-2">
+                    <h1 className="text-4xl font-black text-gray-900 tracking-tight flex items-center gap-4">
+                        Receptionist Dashboard
+                    </h1>
+                </div>
+
+                {/* Stats Grid */}
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <StatCard 
+                        title="Today's Sales" 
+                        amount={stats.total_income} 
+                        icon={DollarSign} 
+                        bgColor="bg-[#22C55E]" 
+                        trend={5}
+                    />
+                    <StatCard 
+                        title="Monthly Expenses" 
+                        amount={stats.total_expenses} 
+                        icon={TrendingUp} 
+                        bgColor="bg-[#EF4444]" 
+                        trend={-2}
+                    />
+                    <StatCard 
+                        title="Low Stock Items" 
+                        amount={stats.low_stock_count} 
+                        icon={AlertTriangle} 
+                        bgColor="bg-[#F97316]" 
+                        label="Action Needed"
+                    />
+                </div>
+
+                {/* Quick Actions */}
+                <div className="space-y-6">
+                    <h2 className="text-xl font-black text-gray-900 uppercase tracking-widest ml-1">Quick Actions</h2>
+                    <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+                        <QuickAction 
+                            icon={ShoppingCart} 
+                            label="New Sale (POS)" 
+                            color="bg-[#F0FDF4] text-[#22C55E]" 
+                            path="/receptionist/pos"
+                        />
+                        <QuickAction 
+                            icon={TrendingUp} 
+                            label="Add Expense" 
+                            color="bg-[#FEF2F2] text-[#EF4444]" 
+                            path="/receptionist/expenses"
+                        />
+                        <QuickAction 
+                            icon={Package} 
+                            label="Check Stock" 
+                            color="bg-[#FFF7ED] text-[#F97316]" 
+                            path="/receptionist/inventory"
+                        />
+                        <QuickAction 
+                            icon={DollarSign} 
+                            label="View Collections" 
+                            color="bg-[#EFF6FF] text-[#3B82F6]" 
+                            path="/receptionist/collections"
+                        />
+                    </div>
+                </div>
+
+                {/* Recent Transactions Table */}
+                <div className="bg-white rounded-[2.5rem] border border-gray-100 shadow-sm overflow-hidden">
+                    <div className="p-8 border-b border-gray-50 flex items-center justify-between bg-gray-50/10">
+                        <div className="flex items-center gap-3">
+                            <div className="p-2 bg-gray-100 rounded-xl">
+                                <Activity size={18} className="text-gray-900" />
+                            </div>
+                            <h2 className="text-base font-black text-gray-900 uppercase tracking-widest">Recent Transactions</h2>
+                        </div>
+                    </div>
+                    <div className="overflow-x-auto">
+                        <table className="w-full text-left border-collapse">
+                            <thead>
+                                <tr className="bg-gray-50/50">
+                                    <th className="px-8 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Date & Time</th>
+                                    <th className="px-8 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Description</th>
+                                    <th className="px-8 py-5 text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Type</th>
+                                    <th className="px-8 py-5 text-right text-[10px] font-black text-gray-400 uppercase tracking-[0.2em]">Amount</th>
+                                </tr>
+                            </thead>
+                            <tbody className="divide-y divide-gray-50">
+                                {transactions.length > 0 ? (
+                                    transactions.map((tx, idx) => (
+                                        <tr key={idx} className="hover:bg-gray-50/30 transition-colors">
+                                            <td className="px-8 py-5">
+                                                <div className="flex flex-col">
+                                                    <span className="text-sm font-bold text-gray-900">{tx.date}</span>
+                                                    <span className="text-[10px] text-gray-400 font-medium uppercase tracking-tight">{tx.time}</span>
+                                                </div>
+                                            </td>
+                                            <td className="px-8 py-5">
+                                                <p className="text-sm font-bold text-gray-900">{tx.description}</p>
+                                            </td>
+                                            <td className="px-8 py-5">
+                                                <span className={`px-2.5 py-1 rounded-full text-[10px] font-black shadow-sm uppercase tracking-wider ${
+                                                    tx.debit > 0 ? 'bg-red-50 text-red-600' : 'bg-emerald-50 text-emerald-600'
+                                                }`}>
+                                                    {tx.debit > 0 ? 'DEBITED' : 'RECEIVED'}
+                                                </span>
+                                            </td>
+                                            <td className="px-8 py-5 text-right">
+                                                <span className={`text-sm font-black ${tx.debit > 0 ? 'text-red-500' : 'text-emerald-500'}`}>
+                                                    {tx.debit > 0 ? '-' : '+'}
+                                                    {(tx.debit || tx.credit || 0).toLocaleString('en-AE', { minimumFractionDigits: 2 })}
+                                                    <span className="text-[10px] ml-1 uppercase">AED</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    ))
+                                ) : (
+                                    <tr>
+                                        <td colSpan="4" className="px-8 py-20 text-center">
+                                            <div className="flex flex-col items-center gap-4 text-gray-300">
+                                                <div className="w-16 h-16 bg-gray-50 rounded-full flex items-center justify-center">
+                                                    <Activity size={32} />
+                                                </div>
+                                                <p className="text-sm font-bold uppercase tracking-widest">No transactions found</p>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                )}
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </main>
+        </div>
+    );
+}
diff --git a/resources/js/Pages/Receptionist/POS.jsx b/resources/js/Pages/Receptionist/POS.jsx
new file mode 100644
index 0000000..c194c88
--- /dev/null
+++ b/resources/js/Pages/Receptionist/POS.jsx
@@ -0,0 +1,401 @@
+import React, { useState, useEffect } from 'react';
+import { 
+    Search, 
+    ShoppingCart, 
+    Plus, 
+    Minus, 
+    Trash2, 
+    CreditCard, 
+    Banknote, 
+    Globe,
+    Calendar,
+    CheckCircle2,
+    MapPin
+} from 'lucide-react';
+
+export default function POS() {
+    const [products, setProducts] = useState([]);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [cart, setCart] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [paymentMethod, setPaymentMethod] = useState('');
+    const [paymentMethods, setPaymentMethods] = useState([]);
+    const [processing, setProcessing] = useState(false);
+    const [success, setSuccess] = useState(false);
+    const [adjustedTotal, setAdjustedTotal] = useState('');
+    const [adjustmentRemarks, setAdjustmentRemarks] = useState('');
+    const [branches, setBranches] = useState([]);
+    const [selectedBranch, setSelectedBranch] = useState(window.__APP_DATA__?.user?.branch_id || '');
+
+    useEffect(() => {
+        if (window.__APP_DATA__?.role === 'owner') {
+            const fetchBranches = async () => {
+                try {
+                    const response = await fetch('/api/branches');
+                    const data = await response.json();
+                    setBranches(data || []);
+                    if (data?.length > 0 && !selectedBranch) {
+                        setSelectedBranch(data[0].id);
+                    }
+                } catch (error) {
+                    console.error('Error fetching branches:', error);
+                }
+            };
+            fetchBranches();
+        }
+
+        const fetchPaymentMethods = async () => {
+            try {
+                const res = await fetch('/api/masters/payment_method');
+                if (res.ok) {
+                    const data = await res.json();
+                    const activeOnes = data.filter(m => m.status === 'Active');
+                    setPaymentMethods(activeOnes);
+                    if (activeOnes.length > 0 && !paymentMethod) {
+                        setPaymentMethod(activeOnes[0].name);
+                    }
+                }
+            } catch (error) {
+                console.error('Error fetching payment methods:', error);
+            }
+        };
+        fetchPaymentMethods();
+    }, []);
+
+    useEffect(() => {
+        const fetchProducts = async () => {
+            if (!selectedBranch && window.__APP_DATA__?.role !== 'owner') return;
+            setLoading(true);
+            try {
+                const url = `/api/inventory/products?branch_id=${selectedBranch}`;
+                const response = await fetch(url);
+                const data = await response.json();
+                setProducts(data || []);
+            } catch (error) {
+                console.error('Error fetching products:', error);
+            } finally {
+                setLoading(false);
+            }
+        };
+
+        fetchProducts();
+    }, [selectedBranch]);
+
+    const subtotal = cart.reduce((sum, item) => sum + (item.selling_price * item.quantity), 0);
+    const vatAmount = subtotal * 0.05;
+    const totalWithVat = subtotal + vatAmount;
+
+    // Sync adjusted total when base total changes, if not manually edited
+    useEffect(() => {
+        setAdjustedTotal(totalWithVat.toFixed(2));
+    }, [totalWithVat]);
+
+    const filteredProducts = products.filter(p => 
+        p.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        (p.category?.name || '').toLowerCase().includes(searchQuery.toLowerCase())
+    );
+
+    const addToCart = (product) => {
+        setCart(prev => {
+            const existing = prev.find(item => item.id === product.id);
+            if (existing) {
+                return prev.map(item => 
+                    item.id === product.id ? { ...item, quantity: item.quantity + 1 } : item
+                );
+            }
+            return [...prev, { ...product, quantity: 1 }];
+        });
+    };
+
+    const updateQuantity = (id, delta) => {
+        setCart(prev => prev.map(item => {
+            if (item.id === id) {
+                const newQty = Math.max(1, item.quantity + delta);
+                return { ...item, quantity: newQty };
+            }
+            return item;
+        }));
+    };
+
+    const removeFromCart = (id) => {
+        setCart(prev => prev.filter(item => item.id !== id));
+    };
+
+    const handleProcessPayment = async () => {
+        if (cart.length === 0) return;
+        
+        setProcessing(true);
+        try {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+            const response = await fetch('/api/inventory/sales', {
+                method: 'POST',
+                headers: { 
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                body: JSON.stringify({
+                    date: new Date().toISOString().split('T')[0],
+                    payment_method: paymentMethod,
+                    branch_id: selectedBranch,
+                    total_amount: parseFloat(adjustedTotal),
+                    remarks: parseFloat(adjustedTotal) !== totalWithVat ? adjustmentRemarks : '',
+                    items: cart.map(item => ({
+                        product_id: item.id,
+                        quantity: item.quantity,
+                        unit_price: item.selling_price
+                    }))
+                })
+            });
+
+            if (response.ok) {
+                setSuccess(true);
+                setCart([]);
+                setAdjustmentRemarks('');
+                setTimeout(() => setSuccess(false), 3000);
+            }
+        } catch (error) {
+            console.error('Payment failed:', error);
+        } finally {
+            setProcessing(false);
+        }
+    };
+
+    return (
+        <>
+            <main className="px-6 py-6 max-w-[1600px] mx-auto grid grid-cols-1 lg:grid-cols-12 gap-6 animate-in fade-in duration-500">
+                {/* Product Catalog Column */}
+                <div className="lg:col-span-8 space-y-6">
+                    <div className="flex items-center justify-between">
+                        <div className="flex items-center gap-4">
+                            <h1 className="text-xl font-black text-gray-900 tracking-tight">Product Catalog</h1>
+                            {window.__APP_DATA__?.role === 'owner' && (
+                                <select 
+                                    className="ml-4 px-4 py-2 bg-white border border-gray-100 rounded-xl outline-none font-black text-[10px] uppercase tracking-widest cursor-pointer shadow-sm focus:ring-2 focus:ring-red-500/10"
+                                    value={selectedBranch}
+                                    onChange={e => {
+                                        setSelectedBranch(e.target.value);
+                                        setCart([]);
+                                    }}
+                                >
+                                    {branches.map(b => <option key={b.id} value={b.id}>{b.name}</option>)}
+                                </select>
+                            )}
+                        </div>
+                        <div className="px-3 py-1.5 bg-gray-50 border border-gray-100 rounded-full text-[9px] font-black uppercase tracking-widest text-gray-400 flex items-center gap-2">
+                            <MapPin size={10} className="text-red-400" /> {branches.find(b => b.id.toString() === selectedBranch.toString())?.name || window.__APP_DATA__?.branch?.name || 'Loading...'}
+                        </div>
+                    </div>
+
+                    {/* Styled Search Bar */}
+                    <div className="relative group">
+                        <Search className="absolute left-5 top-1/2 -translate-y-1/2 text-gray-400 group-focus-within:text-red-500 transition-colors" size={18} />
+                        <input 
+                            type="text"
+                            placeholder="Search products..."
+                            className="w-full bg-white border border-gray-100 py-3.5 pl-14 pr-8 rounded-[1rem] shadow-sm focus:outline-none focus:ring-4 focus:ring-red-500/5 focus:border-red-500/30 transition-all font-medium text-xs placeholder:text-gray-300"
+                            value={searchQuery}
+                            onChange={(e) => setSearchQuery(e.target.value)}
+                        />
+                    </div>
+
+                    {/* Products Grid */}
+                    {loading ? (
+                        <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4 animate-pulse">
+                            {[1, 2, 3, 4, 5, 6, 7, 8].map(i => (
+                                <div key={i} className="h-[180px] bg-gray-50 rounded-[1.5rem]"></div>
+                            ))}
+                        </div>
+                    ) : (
+                        <div className="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-3 content-start max-h-[78vh] overflow-y-auto pr-2 no-scrollbar pb-10">
+                            {filteredProducts.map(product => (
+                                <div key={product.id} className="bg-white p-3 rounded-[20px] border border-gray-100 shadow-sm hover:shadow-md hover:border-red-100 transition-all group flex flex-col h-full">
+                                    <div className="flex items-start justify-between gap-2">
+                                        <div className="flex-1 min-w-0">
+                                            <h4 className="font-black text-gray-900 text-xs leading-snug truncate" title={product.name}>{product.name}</h4>
+                                            <p className="text-[9px] text-gray-400 font-bold uppercase tracking-wider mt-0.5 truncate">{product.category?.name}</p>
+                                        </div>
+                                        <span className={`px-1.5 py-0.5 rounded-md text-[8px] font-black whitespace-nowrap ${product.current_stock > 0 ? 'bg-emerald-50 text-emerald-600' : 'bg-red-50 text-red-600'}`}>
+                                            {product.current_stock} left
+                                        </span>
+                                    </div>
+                                    <div className="flex items-center justify-between mt-4">
+                                        <span className="text-sm font-black text-[#FF4D4D]">{parseFloat(product.selling_price).toFixed(2)}</span>
+                                        <button 
+                                            disabled={product.current_stock <= 0}
+                                            onClick={() => addToCart(product)}
+                                            className="px-3 py-1.5 bg-gray-50 text-gray-900 border border-transparent rounded-lg font-black text-[9px] uppercase tracking-widest hover:bg-[#FF4D4D] hover:text-white transition-all disabled:opacity-30 disabled:hover:bg-gray-50 disabled:hover:text-gray-900"
+                                        >
+                                            Add
+                                        </button>
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    )}
+                </div>
+
+                {/* Right Sidebar: Current Order */}
+                <div className="lg:col-span-4 h-full">
+                    <div className="bg-white rounded-[1.5rem] border border-gray-100 shadow-2xl overflow-hidden flex flex-col h-[calc(100vh-8rem)] sticky top-6">
+                        {/* Header */}
+                        <div className="p-5 border-b border-gray-50 bg-gray-50/10 flex items-center justify-between">
+                            <div className="flex items-center gap-3">
+                                <ShoppingCart size={18} className="text-gray-900" />
+                                <h2 className="text-lg font-black text-gray-900 tracking-tight">Current Order</h2>
+                            </div>
+                        </div>
+
+                        {/* Billing Date Section */}
+                        <div className="p-5 border-b border-gray-50 bg-white">
+                            <div className="space-y-2">
+                                <label className="text-[8px] font-black text-gray-400 uppercase tracking-[0.2rem] block ml-1">Billing Date</label>
+                                <div className="relative">
+                                    <input 
+                                        type="text"
+                                        value={new Date().toLocaleDateString('en-GB').replace(/\//g, '-')}
+                                        readOnly
+                                        className="w-full bg-white border border-gray-100 py-3 pl-5 pr-10 rounded-xl text-xs font-bold text-gray-900 focus:outline-none cursor-default"
+                                    />
+                                    <Calendar className="absolute right-5 top-1/2 -translate-y-1/2 text-gray-400" size={16} />
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Cart Content */}
+                        <div className="flex-1 overflow-y-auto p-5 space-y-3 pr-2 no-scrollbar min-h-0">
+                            {cart.length === 0 ? (
+                                <div className="h-full flex flex-col items-center justify-center text-center space-y-3 animate-in fade-in duration-500">
+                                    <div className="w-16 h-16 bg-gray-50 rounded-full flex items-center justify-center text-gray-200">
+                                        <ShoppingCart size={32} />
+                                    </div>
+                                    <p className="text-[10px] font-bold text-gray-300 uppercase tracking-widest">Cart is empty</p>
+                                </div>
+                            ) : (
+                                cart.map(item => (
+                                    <div key={item.id} className="p-3 bg-gray-50/50 rounded-xl border border-gray-100 group">
+                                        <div className="flex items-start justify-between">
+                                            <p className="font-bold text-gray-900 text-xs flex-1 leading-tight">{item.name}</p>
+                                            <button onClick={() => removeFromCart(item.id)} className="text-gray-300 hover:text-red-500 transition-colors ml-2">
+                                                <Trash2 size={14} />
+                                            </button>
+                                        </div>
+                                        <div className="flex items-center justify-between mt-3">
+                                            <div className="flex items-center gap-2 bg-white border border-gray-100 rounded-lg p-0.5">
+                                                <button onClick={() => updateQuantity(item.id, -1)} className="p-1 hover:bg-gray-50 rounded"><Minus size={12} /></button>
+                                                <span className="text-[10px] font-black min-w-[16px] text-center">{item.quantity}</span>
+                                                <button onClick={() => updateQuantity(item.id, 1)} className="p-1 hover:bg-gray-50 rounded"><Plus size={12} /></button>
+                                            </div>
+                                            <p className="font-black text-gray-900 text-xs">{parseFloat(item.selling_price * item.quantity).toFixed(2)}</p>
+                                        </div>
+                                    </div>
+                                ))
+                            )}
+                        </div>
+
+                        {/* Summary & Footer */}
+                        <div className="p-5 border-t border-gray-50 bg-white space-y-4 shadow-[0_-15px_30px_-15px_rgba(0,0,0,0.05)]">
+                            <div className="space-y-2.5">
+                                <div className="flex items-center justify-between px-1">
+                                    <p className="text-[10px] font-bold text-gray-400 uppercase tracking-wider">Sub-Total</p>
+                                    <p className="text-xs font-black text-gray-900">{subtotal.toFixed(2)} AED</p>
+                                </div>
+                                <div className="flex items-center justify-between px-1">
+                                    <div className="flex items-center gap-1">
+                                        <p className="text-[10px] font-bold text-gray-400 uppercase tracking-wider">VAT</p>
+                                        <span className="px-1.5 py-0.5 bg-red-50 text-red-500 rounded text-[9px] font-black">5%</span>
+                                    </div>
+                                    <p className="text-xs font-black text-gray-900">{vatAmount.toFixed(2)} AED</p>
+                                </div>
+                                <div className="flex items-center justify-between pt-2 pb-1 px-1 border-t border-dashed border-gray-200">
+                                    <p className="text-[11px] font-black text-emerald-600 uppercase tracking-widest">Total Amount</p>
+                                    <p className="text-sm font-black text-emerald-600">{totalWithVat.toFixed(2)} AED</p>
+                                </div>
+                                <div className="space-y-1 pt-1">
+                                    <label className="text-[9px] font-black text-red-500 uppercase tracking-[0.15rem] block ml-1">Adjusted Total</label>
+                                    <div className="relative group">
+                                        <input 
+                                            type="number"
+                                            step="0.01"
+                                            value={adjustedTotal}
+                                            onChange={(e) => setAdjustedTotal(e.target.value)}
+                                            className="w-full bg-white border-2 border-red-50 py-1.5 px-3 rounded-lg text-sm font-black text-gray-900 focus:outline-none focus:border-red-200 transition-all shadow-inner"
+                                        />
+                                        <span className="absolute right-3 top-1/2 -translate-y-1/2 text-[9px] font-black text-gray-400 uppercase tracking-widest">AED</span>
+                                    </div>
+                                </div>
+                                
+                                {parseFloat(adjustedTotal) !== totalWithVat && (
+                                    <div className="space-y-1 animate-in slide-in-from-top-2 duration-300">
+                                        <label className="text-[8px] font-black text-amber-500 uppercase tracking-widest block ml-1">Adjustment Remarks *</label>
+                                        <textarea 
+                                            rows="1"
+                                            placeholder="Why is adjusted?"
+                                            value={adjustmentRemarks}
+                                            onChange={(e) => setAdjustmentRemarks(e.target.value)}
+                                            className="w-full bg-amber-50/30 border border-amber-100 py-1.5 px-3 rounded-lg text-xs font-bold text-gray-900 focus:outline-none focus:border-amber-300 transition-all resize-none shadow-sm min-h-[40px]"
+                                        />
+                                    </div>
+                                )}
+                            </div>
+
+                            <div className="grid grid-cols-3 gap-1.5 pt-1">
+                                {paymentMethods.map(method => (
+                                    <button
+                                        key={method.id}
+                                        onClick={() => setPaymentMethod(method.name)}
+                                        className={`py-1.5 px-1 rounded-lg flex flex-col items-center gap-1 border transition-all ${
+                                            paymentMethod === method.name 
+                                            ? 'bg-red-500 border-red-500 text-white shadow-md shadow-red-100' 
+                                            : 'bg-white border-gray-100 text-gray-400 hover:border-red-200'
+                                        }`}
+                                    >
+                                        <div className="scale-75">
+                                            {method.name.toLowerCase().includes('cash') && <Banknote size={14} />}
+                                            {method.name.toLowerCase().includes('card') && <CreditCard size={14} />}
+                                            {!method.name.toLowerCase().includes('cash') && !method.name.toLowerCase().includes('card') && <Globe size={14} />}
+                                        </div>
+                                        <span className="text-[8px] font-black uppercase tracking-tight leading-none">{method.name}</span>
+                                    </button>
+                                ))}
+                                {paymentMethods.length === 0 && (
+                                    ['Cash', 'Card', 'Online'].map(method => (
+                                        <button
+                                            key={method}
+                                            onClick={() => setPaymentMethod(method)}
+                                            className={`py-1.5 px-1 rounded-lg flex flex-col items-center gap-1 border transition-all ${
+                                                paymentMethod === method 
+                                                ? 'bg-red-500 border-red-500 text-white shadow-md shadow-red-100' 
+                                                : 'bg-white border-gray-100 text-gray-400 hover:border-red-200'
+                                            }`}
+                                        >
+                                            <span className="text-[8px] font-black uppercase tracking-tight leading-none">{method}</span>
+                                        </button>
+                                    ))
+                                )}
+                            </div>
+
+                            <button
+                                disabled={cart.length === 0 || processing || (parseFloat(adjustedTotal) !== totalWithVat && !adjustmentRemarks.trim())}
+                                onClick={handleProcessPayment}
+                                className={`w-full py-2.5 mt-2 rounded-lg font-black uppercase tracking-[0.15em] text-[10px] text-white shadow-lg transition-all flex items-center justify-center gap-2 active:scale-95 ${
+                                    success ? 'bg-emerald-500 shadow-emerald-200' : 'bg-[#EF4444] hover:bg-red-600 shadow-red-200'
+                                } disabled:opacity-50 disabled:scale-100 disabled:shadow-none`}
+                            >
+                                {processing ? (
+                                    <div className="animate-spin rounded-full h-5 w-5 border-2 border-white/20 border-t-white"></div>
+                                ) : success ? (
+                                    <>
+                                        <CheckCircle2 size={20} />
+                                        Success
+                                    </>
+                                ) : (
+                                    'Process Payment'
+                                )}
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </main>
+        </>
+    );
+}
diff --git a/resources/js/Pages/Receptionist/Reports/Index.jsx b/resources/js/Pages/Receptionist/Reports/Index.jsx
new file mode 100644
index 0000000..10fe517
--- /dev/null
+++ b/resources/js/Pages/Receptionist/Reports/Index.jsx
@@ -0,0 +1,378 @@
+import React, { useState, useEffect } from 'react';
+import { 
+    Search, 
+    Download, 
+    Calendar,
+    DollarSign,
+    ArrowDownRight,
+    Filter,
+    CreditCard
+} from 'lucide-react';
+
+export default function ReceptionistReportIndex() {
+    const [activeTab, setActiveTab] = useState('Collections');
+    const [loading, setLoading] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [fromDate, setFromDate] = useState('2026-02-06'); // Defaulting based on screenshot
+    const [toDate, setToDate] = useState('2026-03-08');
+    const [method, setMethod] = useState('All Methods');
+    const [type, setType] = useState('All Types');
+    const [expenseType, setExpenseType] = useState('All Types');
+    
+    const [collections, setCollections] = useState([]);
+    const [expenses, setExpenses] = useState([]);
+    const [userBranch, setUserBranch] = useState('Downtown Main'); // Fallback
+    const [selectedItem, setSelectedItem] = useState(null);
+
+    useEffect(() => {
+        const user = window.__APP_DATA__;
+        if (user && user.branch) {
+            setUserBranch(user.branch.name);
+        }
+        fetchData();
+    }, [activeTab, fromDate, toDate]);
+
+    const fetchData = async () => {
+        setLoading(true);
+        try {
+            if (activeTab === 'Collections') {
+                const query = new URLSearchParams({
+                    start_date: fromDate,
+                    end_date: toDate
+                });
+                const res = await fetch(`/api/collections?${query}`);
+                const data = await res.json();
+                setCollections(data || []);
+            } else {
+                const res = await fetch('/api/expenses');
+                const data = await res.json();
+                // Client-side date filtering for expenses if backend doesn't support it yet
+                const filtered = data.filter(e => {
+                    const d = e.date;
+                    return d >= fromDate && d <= toDate;
+                });
+                setExpenses(filtered || []);
+            }
+        } catch (error) {
+            console.error('Error fetching reports data:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const filteredCollections = collections.filter(item => {
+        const matchesSearch = item.remarks?.toLowerCase().includes(searchQuery.toLowerCase()) || 
+                             item.type?.name?.toLowerCase().includes(searchQuery.toLowerCase());
+        const matchesMethod = method === 'All Methods' || item.payment_method === method;
+        const matchesType = type === 'All Types' || item.type?.name === type;
+        return matchesSearch && matchesMethod && matchesType;
+    });
+
+    const filteredExpenses = expenses.filter(item => {
+        const matchesSearch = item.remarks?.toLowerCase().includes(searchQuery.toLowerCase()) || 
+                             item.category?.name?.toLowerCase().includes(searchQuery.toLowerCase());
+        const matchesType = expenseType === 'All Types' || item.expense_type === expenseType;
+        return matchesSearch && matchesType;
+    });
+
+    const totalCollections = filteredCollections.reduce((sum, item) => sum + parseFloat(item.amount), 0);
+    const totalExpenses = filteredExpenses.reduce((sum, item) => sum + parseFloat(item.amount), 0);
+
+    return (
+        <main className="max-w-[1700px] mx-auto p-4 md:p-10 space-y-8 animate-in fade-in duration-500">
+            {/* Header Section */}
+            <div className="flex flex-col md:flex-row md:items-end justify-between gap-4">
+                <div>
+                    <h1 className="text-4xl font-black text-[#1B254B] tracking-tight">Financial Reports</h1>
+                    <p className="text-[#A3AED0] font-bold mt-1 uppercase tracking-wider text-xs">Branch: <span className="text-[#1B254B]">{userBranch}</span></p>
+                </div>
+                <button className="flex items-center gap-2 px-6 py-3 bg-[#00C566] text-white rounded-xl text-sm font-bold hover:shadow-lg hover:shadow-[#00C566]/20 transition-all active:scale-95">
+                    <Download size={20} />
+                    Export Report
+                </button>
+            </div>
+
+            {/* Filters Bar */}
+            <div className="bg-white p-6 rounded-[2rem] shadow-sm border border-[#F4F7FE] grid grid-cols-1 md:grid-cols-5 gap-6 items-end">
+                <div className="space-y-2">
+                    <label className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest ml-1">Search</label>
+                    <div className="relative group">
+                        <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-[#A3AED0] group-focus-within:text-red-500 transition-colors" size={18} />
+                        <input 
+                            type="text" 
+                            placeholder="Search records..." 
+                            className="w-full pl-12 pr-4 py-3 bg-[#F9FAFB] border border-[#E0E5F2] rounded-xl text-sm font-bold text-[#1B254B] focus:ring-2 focus:ring-red-500/10 focus:border-red-500 outline-none transition-all"
+                            value={searchQuery}
+                            onChange={(e) => setSearchQuery(e.target.value)}
+                        />
+                    </div>
+                </div>
+
+                <div className="space-y-2">
+                    <label className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest ml-1">From Date</label>
+                    <div className="relative">
+                        <Calendar className="absolute left-4 top-1/2 -translate-y-1/2 text-[#A3AED0]" size={18} />
+                        <input 
+                            type="date" 
+                            className="w-full pl-12 pr-4 py-3 bg-[#F9FAFB] border border-[#E0E5F2] rounded-xl text-sm font-bold text-[#1B254B] outline-none"
+                            value={fromDate}
+                            onChange={(e) => setFromDate(e.target.value)}
+                        />
+                    </div>
+                </div>
+
+                <div className="space-y-2">
+                    <label className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest ml-1">To Date</label>
+                    <div className="relative">
+                        <Calendar className="absolute left-4 top-1/2 -translate-y-1/2 text-[#A3AED0]" size={18} />
+                        <input 
+                            type="date" 
+                            className="w-full pl-12 pr-4 py-3 bg-[#F9FAFB] border border-[#E0E5F2] rounded-xl text-sm font-bold text-[#1B254B] outline-none"
+                            value={toDate}
+                            onChange={(e) => setToDate(e.target.value)}
+                        />
+                    </div>
+                </div>
+
+                {activeTab === 'Collections' ? (
+                    <>
+                        <div className="space-y-2">
+                            <label className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest ml-1">Method</label>
+                            <select 
+                                className="w-full px-4 py-3 bg-[#F9FAFB] border border-[#E0E5F2] rounded-xl text-sm font-bold text-[#1B254B] outline-none appearance-none"
+                                value={method}
+                                onChange={(e) => setMethod(e.target.value)}
+                            >
+                                <option>All Methods</option>
+                                <option>Cash</option>
+                                <option>Online</option>
+                                <option>Card</option>
+                            </select>
+                        </div>
+                        <div className="space-y-2">
+                            <label className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest ml-1">Type</label>
+                            <select 
+                                className="w-full px-4 py-3 bg-[#F9FAFB] border border-[#E0E5F2] rounded-xl text-sm font-bold text-[#1B254B] outline-none appearance-none"
+                                value={type}
+                                onChange={(e) => setType(e.target.value)}
+                            >
+                                <option>All Types</option>
+                                <option>Product sale</option>
+                                <option>PT fee</option>
+                                <option>Membership</option>
+                            </select>
+                        </div>
+                    </>
+                ) : (
+                    <div className="space-y-2 md:col-span-2">
+                        <label className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest ml-1">Expense Type</label>
+                        <select 
+                            className="w-full px-4 py-3 bg-[#F9FAFB] border border-[#E0E5F2] rounded-xl text-sm font-bold text-[#1B254B] outline-none appearance-none"
+                            value={expenseType}
+                            onChange={(e) => setExpenseType(e.target.value)}
+                        >
+                            <option>All Types</option>
+                            <option>Account</option>
+                            <option>Petty Cash</option>
+                        </select>
+                    </div>
+                )}
+            </div>
+
+            {/* Tabs Sidebar/Style */}
+            <div className="flex items-center gap-8 border-b border-gray-100">
+                {['Collections', 'Expenses'].map((tab) => (
+                    <button
+                        key={tab}
+                        onClick={() => setActiveTab(tab)}
+                        className={`pb-4 text-sm font-black transition-all relative ${
+                            activeTab === tab 
+                            ? 'text-red-500' 
+                            : 'text-[#A3AED0] hover:text-[#1B254B]'
+                        }`}
+                    >
+                        {tab}
+                        {activeTab === tab && (
+                            <div className="absolute bottom-0 left-0 w-full h-1 bg-red-500 rounded-t-full" />
+                        )}
+                    </button>
+                ))}
+            </div>
+
+            {/* Content Area */}
+            {activeTab === 'Collections' ? (
+                <div className="space-y-6 animate-in slide-in-from-bottom-2 duration-500">
+                    {/* Summary Banner */}
+                    <div className="bg-[#F0FDF4] border border-emerald-100 rounded-[1.5rem] p-6 flex items-center justify-between">
+                        <div className="flex items-center gap-6">
+                            <div className="w-14 h-14 bg-white rounded-full flex items-center justify-center text-[#22C55E] shadow-sm">
+                                <DollarSign size={28} />
+                            </div>
+                            <div>
+                                <p className="text-[10px] font-black text-emerald-600 uppercase tracking-widest mb-1">Total Collections (Filtered)</p>
+                                <h3 className="text-3xl font-black text-[#1B254B] tracking-tight">{totalCollections.toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</h3>
+                            </div>
+                        </div>
+                        <div className="text-right">
+                            <p className="text-[10px] font-black text-emerald-600 uppercase tracking-widest">Records: {filteredCollections.length}</p>
+                        </div>
+                    </div>
+
+                    {/* Table */}
+                    <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                        <div className="overflow-x-auto">
+                            <table className="w-full text-left">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Date</th>
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Items / Details</th>
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Type</th>
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Method</th>
+                                        <th className="px-8 py-5 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Amount</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {filteredCollections.map((item, idx) => (
+                                        <tr key={idx} className="hover:bg-[#F4F7FE]/30 transition-colors group">
+                                            <td className="px-8 py-6 text-sm font-bold text-[#1B254B]">{new Date(item.date).toLocaleDateString('en-GB')}</td>
+                                            <td className="px-8 py-6">
+                                                <p className="text-sm font-black text-[#1B254B] leading-tight">{item.remarks || 'No details provided'}</p>
+                                            </td>
+                                            <td className="px-8 py-6">
+                                                <span className="text-xs font-bold text-[#A3AED0]">{item.type?.name}</span>
+                                            </td>
+                                            <td className="px-8 py-6">
+                                                <span className="text-xs font-bold text-[#A3AED0]">{item.payment_method}</span>
+                                            </td>
+                                            <td className="px-8 py-6 text-right">
+                                                <div className="flex flex-col items-end gap-1">
+                                                    <p className="text-sm font-black text-[#22C55E]">{parseFloat(item.amount).toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</p>
+                                                    {item.is_adjusted && (
+                                                        <button 
+                                                            onClick={() => setSelectedItem(item)}
+                                                            className="px-2 py-0.5 bg-amber-50 text-amber-600 rounded-md text-[9px] font-black uppercase tracking-wider border border-amber-100 hover:bg-amber-100 transition-colors"
+                                                        >
+                                                            Adjusted
+                                                        </button>
+                                                    )}
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    ))}
+                                    {filteredCollections.length === 0 && (
+                                        <tr>
+                                            <td colSpan="5" className="px-8 py-16 text-center text-[#A3AED0] font-bold uppercase tracking-widest text-xs">No records found</td>
+                                        </tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            ) : (
+                <div className="space-y-6 animate-in slide-in-from-bottom-2 duration-500">
+                    {/* Summary Banner */}
+                    <div className="bg-[#FEF2F2] border border-red-50 rounded-[1.5rem] p-6 flex items-center justify-between">
+                        <div className="flex items-center gap-6">
+                            <div className="w-14 h-14 bg-white rounded-full flex items-center justify-center text-[#EF4444] shadow-sm">
+                                <ArrowDownRight size={28} />
+                            </div>
+                            <div>
+                                <p className="text-[10px] font-black text-red-600 uppercase tracking-widest mb-1">Total Expenses (Filtered)</p>
+                                <h3 className="text-3xl font-black text-[#1B254B] tracking-tight">{totalExpenses.toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</h3>
+                            </div>
+                        </div>
+                        <div className="text-right">
+                            <p className="text-[10px] font-black text-red-600 uppercase tracking-widest">Records: {filteredExpenses.length}</p>
+                        </div>
+                    </div>
+
+                    {/* Table */}
+                    <div className="bg-white rounded-[2rem] shadow-sm border border-[#F4F7FE] overflow-hidden">
+                        <div className="overflow-x-auto">
+                            <table className="w-full text-left">
+                                <thead>
+                                    <tr className="bg-[#F9FAFB]">
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Date</th>
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Category</th>
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Type</th>
+                                        <th className="px-8 py-5 text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Remarks</th>
+                                        <th className="px-8 py-5 text-right text-[10px] font-black text-[#A3AED0] uppercase tracking-[0.2em] border-b border-[#F4F7FE]">Amount</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-[#F4F7FE]">
+                                    {filteredExpenses.map((item, idx) => (
+                                        <tr key={idx} className="hover:bg-[#F4F7FE]/30 transition-colors group">
+                                            <td className="px-8 py-6 text-sm font-bold text-[#1B254B]">{new Date(item.date).toLocaleDateString('en-GB')}</td>
+                                            <td className="px-8 py-6">
+                                                <p className="text-sm font-black text-[#1B254B] leading-tight">{item.category?.name}</p>
+                                            </td>
+                                            <td className="px-8 py-6 text-xs font-bold text-[#A3AED0] uppercase tracking-wider">{item.expense_type}</td>
+                                            <td className="px-8 py-6">
+                                                <p className="text-xs font-bold text-[#A3AED0] max-w-xs truncate">{item.remarks || '---'}</p>
+                                            </td>
+                                            <td className="px-8 py-6 text-right">
+                                                <p className="text-sm font-black text-[#EF4444]">{parseFloat(item.amount).toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</p>
+                                            </td>
+                                        </tr>
+                                    ))}
+                                    {filteredExpenses.length === 0 && (
+                                        <tr>
+                                            <td colSpan="5" className="px-8 py-16 text-center text-[#A3AED0] font-bold uppercase tracking-widest text-xs">No records found</td>
+                                        </tr>
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            )}
+            {/* Details Modal */}
+            {selectedItem && (
+                <div className="fixed inset-0 bg-[#1B254B]/40 backdrop-blur-sm z-[100] flex items-center justify-center p-4 animate-in fade-in duration-300">
+                    <div className="bg-white rounded-[2.5rem] w-full max-w-lg overflow-hidden shadow-2xl animate-in zoom-in-95 duration-300">
+                        <div className="p-8 border-b border-gray-100 flex items-center justify-between bg-gray-50/50">
+                            <div>
+                                <h3 className="text-xl font-black text-[#1B254B]">Adjustment Details</h3>
+                                <p className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest mt-1">Transaction: #{selectedItem.transaction_id || 'N/A'}</p>
+                            </div>
+                            <button 
+                                onClick={() => setSelectedItem(null)}
+                                className="p-2 hover:bg-white rounded-xl transition-all text-[#A3AED0] hover:text-[#1B254B]"
+                            >
+                                <Search size={20} className="rotate-45" /> {/* Using search icon as X replacement if X not imported, but wait, I can use X if I import it */}
+                                <span className="font-black text-xl">×</span>
+                            </button>
+                        </div>
+                        <div className="p-8 space-y-8">
+                            <div className="grid grid-cols-2 gap-8">
+                                <div className="space-y-1">
+                                    <p className="text-[10px] font-black text-[#A3AED0] uppercase tracking-widest">Original Total</p>
+                                    <p className="text-lg font-black text-gray-400 line-through">{(selectedItem.original_amount || 0).toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</p>
+                                </div>
+                                <div className="space-y-1">
+                                    <p className="text-[10px] font-black text-emerald-600 uppercase tracking-widest">Adjusted Total</p>
+                                    <p className="text-lg font-black text-[#22C55E]">{(parseFloat(selectedItem.amount) || 0).toLocaleString('en-AE', { minimumFractionDigits: 2 })} AED</p>
+                                </div>
+                            </div>
+
+                            <div className="space-y-2 p-6 bg-amber-50/50 rounded-2xl border border-amber-100">
+                                <p className="text-[10px] font-black text-amber-600 uppercase tracking-widest block mb-2">Remarks / Reason</p>
+                                <p className="text-sm font-bold text-[#1B254B] leading-relaxed italic">
+                                    "{selectedItem.remarks || 'No remarks provided for this adjustment.'}"
+                                </p>
+                            </div>
+
+                            <button 
+                                onClick={() => setSelectedItem(null)}
+                                className="w-full py-4 bg-[#1B254B] text-white rounded-2xl font-black text-xs uppercase tracking-[0.2em] hover:bg-[#2B3674] transition-all shadow-lg shadow-[#1B254B]/10"
+                            >
+                                Close Details
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+        </main>
+    );
+}
diff --git a/resources/js/app.jsx b/resources/js/app.jsx
new file mode 100644
index 0000000..0dd90df
--- /dev/null
+++ b/resources/js/app.jsx
@@ -0,0 +1,204 @@
+import './bootstrap';
+import '../css/app.css';
+
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import Login from './Pages/Auth/Login';
+import OwnerDashboard from './Pages/Owner/Dashboard';
+import BranchList from './Pages/Owner/Branches/List';
+import BranchView from './Pages/Owner/Branches/View';
+import StaffList from './Pages/Owner/Staff/List';
+import StaffEdit from './Pages/Owner/Staff/Edit';
+import StaffAdd from './Pages/Owner/Staff/Add';
+import StaffView from './Pages/Owner/Staff/View';
+import InvestorList from './Pages/Owner/Investors/List';
+import InvestorAdd from './Pages/Owner/Investors/Add';
+import InvestorEdit from './Pages/Owner/Investors/Edit';
+import InvestorView from './Pages/Owner/Investors/View';
+import MasterManagement from './Pages/Owner/Masters/index';
+import AccountList from './Pages/Owner/Accounts/List';
+import ExpenseList from './Pages/Owner/Expenses/List';
+import ReportIndex from './Pages/Owner/Reports/Index';
+import InventoryIndex from './Pages/Owner/Inventory/Index';
+import CollectionsIndex from './Pages/Owner/Collections/Index';
+import ReceptionistDashboard from './Pages/Receptionist/Dashboard';
+import POS from './Pages/Receptionist/POS';
+import ReceptionistReportIndex from './Pages/Receptionist/Reports/Index';
+import ComingSoon from './Pages/Receptionist/ComingSoon';
+
+
+
+import Layout from './Pages/Owner/Components/Layout';
+
+function MainApp() {
+    const [page, setPage] = React.useState({ component: null, loading: true });
+    const [user, setUser] = React.useState(window.__APP_DATA__ || null);
+
+    React.useEffect(() => {
+        const path = window.location.pathname;
+        const data = user;
+        const role = data?.role || null;
+
+        // Sync local user state if needed (optional, for consistency with login)
+        const checkAuth = async () => {
+            let currentData = data;
+            
+            // If no data in window, fetch it (fallback)
+            if (!currentData || !currentData.role) {
+                try {
+                    const context = path.startsWith('/receptionist') ? 'receptionist' : 'owner';
+                    const res = await fetch(`/api/profile?context=${context}`);
+                    if (res.ok) {
+                        currentData = await res.json();
+                        setUser(currentData);
+                    } else if (res.status === 401) {
+                         currentData = { message: 'Unauthenticated' };
+                         setUser(currentData);
+                    }
+                } catch (err) {
+                    console.error('Core init failure:', err);
+                    setPage({ component: <Login />, loading: false });
+                    return;
+                }
+            }
+
+            const currentRole = currentData?.role ? currentData.role.toLowerCase() : null;
+
+            // Handle Login Pages
+            if (path === '/') {
+                if (currentRole === 'owner') return window.location.href = '/owner/dashboard';
+                setPage({ component: <Login type="owner" />, loading: false });
+                return;
+            }
+
+            if (path === '/receptionist') {
+                if (currentRole === 'receptionist') return window.location.href = '/receptionist/dashboard';
+                setPage({ component: <Login type="receptionist" />, loading: false });
+                return;
+            }
+
+            // Unauthenticated
+            if (currentData.message === 'Unauthenticated' || !currentRole) {
+                if (path !== '/') {
+                    window.location.href = '/';
+                } else {
+                    setPage({ component: <Login />, loading: false });
+                }
+                return;
+            }
+
+            // Role-based redirection
+            if (currentRole === 'receptionist' && path.startsWith('/owner/')) {
+                return window.location.href = '/receptionist/dashboard';
+            }
+            if (currentRole === 'owner' && path.startsWith('/receptionist/')) {
+                return window.location.href = '/owner/dashboard';
+            }
+
+            // Route detection
+            let component = null;
+            if (path === '/owner/dashboard') {
+                component = <OwnerDashboard />;
+            } else if (path === '/owner/branches') {
+                component = <BranchList />;
+            } else if (path.startsWith('/owner/branches/')) {
+                const id = path.split('/').pop();
+                component = <BranchView id={id} />;
+            } else if (path.startsWith('/owner/staff/edit/')) {
+                const id = path.split('/').pop();
+                component = <StaffEdit id={id} />;
+            } else if (path === '/owner/staff/add') {
+                component = <StaffAdd />;
+            } else if (path.startsWith('/owner/staff/view/')) {
+                const id = path.split('/').pop();
+                component = <StaffView id={id} />;
+            } else if (path === '/owner/staff') {
+                component = <StaffList />;
+            } else if (path.startsWith('/owner/investors/view/')) {
+                const id = path.split('/').pop();
+                component = <InvestorView id={id} />;
+            } else if (path === '/owner/investors') {
+                component = <InvestorList />;
+            } else if (path === '/owner/investors/add') {
+                component = <InvestorAdd />;
+            } else if (path.startsWith('/owner/investors/edit/')) {
+                const id = path.split('/').pop();
+                component = <InvestorEdit id={id} />;
+            } else if (path === '/owner/expenses') {
+                component = <ExpenseList />;
+            } else if (path === '/owner/reports') {
+                component = <ReportIndex />;
+            } else if (path === '/owner/inventory') {
+                component = <InventoryIndex />;
+            } else if (path === '/owner/masters') {
+                component = <MasterManagement />;
+            } else if (path === '/owner/accounts') {
+                component = <AccountList />;
+            } else if (path === '/owner/collections') {
+                component = <CollectionsIndex />;
+            } else if (path === '/owner/pos') {
+                component = <POS />;
+            } else if (path === '/receptionist/dashboard') {
+                component = <ReceptionistDashboard />;
+            } else if (path === '/receptionist/pos') {
+                component = <POS />;
+            } else if (path === '/receptionist/collections') {
+                component = <CollectionsIndex />;
+            } else if (path === '/receptionist/expenses') {
+                component = <ExpenseList />;
+            } else if (path === '/receptionist/inventory') {
+                component = <InventoryIndex />;
+            } else if (path === '/receptionist/staff') {
+                component = <StaffList />;
+            } else if (path === '/receptionist/staff/add') {
+                component = <StaffAdd />;
+            } else if (path.startsWith('/receptionist/staff/edit/')) {
+                const id = path.split('/').pop();
+                component = <StaffEdit id={id} />;
+            } else if (path.startsWith('/receptionist/staff/view/')) {
+                const id = path.split('/').pop();
+                component = <StaffView id={id} />;
+            } else if (path === '/receptionist/investors') {
+                component = <InvestorList />;
+            } else if (path === '/receptionist/investors/add') {
+                component = <InvestorAdd />;
+            } else if (path.startsWith('/receptionist/investors/edit/')) {
+                const id = path.split('/').pop();
+                component = <InvestorEdit id={id} />;
+            } else if (path.startsWith('/receptionist/investors/view/')) {
+                const id = path.split('/').pop();
+                component = <InvestorView id={id} />;
+            } else if (path === '/receptionist/reports') {
+                component = <ReceptionistReportIndex />;
+            }
+
+            if (component) {
+                setPage({ component, loading: false });
+            } else {
+                setPage({ component: <div className="p-20 text-center font-black uppercase tracking-widest text-gray-300">404 - Page Not Found</div>, loading: false });
+            }
+        };
+
+        checkAuth();
+    }, []);
+
+    if (page.loading) {
+        return <div className="h-screen w-screen flex items-center justify-center bg-gray-50 text-xs font-bold text-gray-400 uppercase tracking-widest animate-pulse">Initializing...</div>;
+    }
+
+    if (window.location.pathname === '/' || window.location.pathname === '/receptionist' || !user || !user.role) {
+        return page.component;
+    }
+
+    return (
+        <Layout user={user} role={user?.role}>
+            {page.component}
+        </Layout>
+    );
+}
+
+const appEl = document.getElementById('app');
+if (appEl) {
+    const root = createRoot(appEl);
+    root.render(<MainApp />);
+}
\ No newline at end of file
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
new file mode 100644
index 0000000..5f1390b
--- /dev/null
+++ b/resources/js/bootstrap.js
@@ -0,0 +1,4 @@
+import axios from 'axios';
+window.axios = axios;
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
new file mode 100644
index 0000000..2ec6647
--- /dev/null
+++ b/resources/views/welcome.blade.php
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>GymPro Login</title>
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
+
+    <style>
+        body { font-family: 'Outfit', sans-serif; }
+    </style>
+
+    <script>
+        @php
+            $owner = Auth::guard('web')->user();
+            $receptionist = Auth::guard('receptionist')->user();
+            $user = $owner ?? $receptionist;
+            $role = $owner ? 'owner' : ($receptionist ? 'receptionist' : null);
+            $branchData = null;
+            if ($receptionist) {
+                $receptionist->load('branch');
+                $branchData = $receptionist->branch;
+            }
+        @endphp
+        window.__APP_DATA__ = {
+            user: @json($user),
+            role: "{{ $role }}",
+            branch: @json($branchData)
+        };
+    </script>
+
+    @viteReactRefresh
+    @vite(['resources/css/app.css', 'resources/js/app.jsx'])
+</head>
+<body class="antialiased">
+    <div id="app"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/routes/console.php b/routes/console.php
new file mode 100644
index 0000000..3c9adf1
--- /dev/null
+++ b/routes/console.php
@@ -0,0 +1,8 @@
+<?php
+
+use Illuminate\Foundation\Inspiring;
+use Illuminate\Support\Facades\Artisan;
+
+Artisan::command('inspire', function () {
+    $this->comment(Inspiring::quote());
+})->purpose('Display an inspiring quote');
diff --git a/routes/web.php b/routes/web.php
new file mode 100644
index 0000000..86a2ef0
--- /dev/null
+++ b/routes/web.php
@@ -0,0 +1,121 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\AuthController;
+use App\Http\Controllers\OwnerController;
+use App\Http\Controllers\BranchController;
+use App\Http\Controllers\StaffController;
+use App\Http\Controllers\InvestorController;
+use App\Http\Controllers\AccountController;
+use App\Http\Controllers\ExpenseController;
+use App\Http\Controllers\MasterController;
+use App\Http\Controllers\InventoryController;
+use App\Http\Controllers\CollectionController;
+use App\Http\Controllers\BranchReceptionistController;
+
+Route::get('/', [AuthController::class, 'showLogin'])->name('login');
+Route::post('/login', [AuthController::class, 'login']);
+
+Route::get('/receptionist', [AuthController::class, 'showReceptionistLogin']);
+Route::post('/receptionist/login', [AuthController::class, 'receptionistLogin']);
+
+Route::post('/logout', [AuthController::class, 'logout'])->name('logout');
+
+Route::get('/api/profile', [AuthController::class, 'profile']);
+
+// Placeholder for protected routes
+Route::middleware(['auth:web,receptionist'])->group(function () {
+    Route::get('/owner/dashboard', [OwnerController::class, 'index'])->name('owner.dashboard');
+    Route::get('/owner/branches', [OwnerController::class, 'index']);
+    Route::get('/owner/branches/{id}', [OwnerController::class, 'index']);
+    Route::get('/owner/staff', [OwnerController::class, 'index']);
+    Route::get('/owner/staff/add', [OwnerController::class, 'index']);
+    Route::get('/owner/staff/edit/{id}', [OwnerController::class, 'index']);
+    Route::get('/owner/staff/view/{id}', [OwnerController::class, 'index']);
+    Route::get('/owner/investors', [OwnerController::class, 'index']);
+    Route::get('/owner/investors/add', [OwnerController::class, 'index']);
+    Route::get('/owner/investors/edit/{id}', [OwnerController::class, 'index']);
+    Route::get('/owner/investors/view/{id}', [OwnerController::class, 'index']);
+    Route::get('/owner/accounts', [OwnerController::class, 'index']);
+    Route::get('/owner/expenses', [OwnerController::class, 'index']);
+    Route::get('/owner/collections', [OwnerController::class, 'index']);
+    Route::get('/owner/inventory', [OwnerController::class, 'index']);
+    Route::get('/owner/reports', [OwnerController::class, 'index']);
+    Route::get('/owner/pos', [OwnerController::class, 'index']);
+
+    // API Routes
+    Route::prefix('api/branches')->group(function () {
+        Route::get('/', [BranchController::class, 'index']);
+        Route::post('/', [BranchController::class, 'store']);
+        Route::get('/{id}', [BranchController::class, 'show']);
+        Route::put('/{id}', [BranchController::class, 'update']);
+        Route::delete('/{id}', [BranchController::class, 'destroy']);
+    });
+
+    Route::get('api/staff/pending-salaries', [StaffController::class, 'getAllPendingSalaries']);
+    Route::post('api/staff/bulk-settle', [StaffController::class, 'bulkSettleSalaries']);
+    Route::apiResource('api/staff', StaffController::class);
+    Route::get('api/staff/{id}/payments', [StaffController::class, 'getPayments']);
+    Route::get('/api/staff/{id}/commission-history', [StaffController::class, 'getCommissionHistory']);
+    Route::get('/api/staff/{id}/advance-history', [StaffController::class, 'getAdvanceHistory']);
+    Route::get('/api/staff/{id}/payroll-status', [StaffController::class, 'getPayrollStatus']);
+    Route::get('/api/staff/{id}/settlement', [StaffController::class, 'getSettlementDetails']);
+    Route::post('/api/staff/{id}/settle', [StaffController::class, 'settleSalary']);
+    Route::post('api/staff/{id}/payments', [StaffController::class, 'storePayment']);
+    
+    Route::get('api/investors/pending-roi', [InvestorController::class, 'getAllPendingROIs']);
+    Route::apiResource('api/investors', InvestorController::class);
+    Route::get('api/investors/{id}/payouts', [InvestorController::class, 'getPayouts']);
+    Route::get('api/investors/{id}/roi-status', [InvestorController::class, 'getROIPayoutStatus']);
+    Route::post('api/investors/{id}/payouts', [InvestorController::class, 'storePayout']);
+    Route::post('api/investors/{id}/settle-roi', [InvestorController::class, 'settleROIPayout']);
+    Route::get('/api/accounts', [AccountController::class, 'index']);
+    
+    // Expenses
+    Route::get('/api/expenses', [ExpenseController::class, 'index']);
+    Route::get('/api/expenses/salary-history', [ExpenseController::class, 'getSalaryHistory']);
+    Route::post('/api/expenses', [ExpenseController::class, 'store']);
+    Route::get('/api/expense-categories', [ExpenseController::class, 'getCategories']);
+    Route::get('/api/expense-branches', [ExpenseController::class, 'getBranches']);
+
+    // Inventory
+    Route::get('/api/inventory/products', [InventoryController::class, 'getProducts']);
+    Route::post('/api/inventory/products', [InventoryController::class, 'storeProduct']);
+    Route::post('/api/inventory/products/{id}/adjust', [InventoryController::class, 'adjustStock']);
+    Route::get('/api/inventory/products/{id}/history', [InventoryController::class, 'getStockHistory']);
+    Route::get('/api/inventory/sales', [InventoryController::class, 'getSales']);
+    Route::post('/api/inventory/sales', [InventoryController::class, 'storeSale']);
+    Route::get('/api/inventory/categories', [InventoryController::class, 'getCategories']);
+    Route::get('/api/inventory/movements', [InventoryController::class, 'getAllMovements']);
+    
+    // Branch Receptionist Management
+    Route::get('/api/branches/{branch}/receptionist', [BranchReceptionistController::class, 'show']);
+    Route::post('/api/branches/{branch}/receptionist', [BranchReceptionistController::class, 'store']);
+    Route::delete('/api/branches/{branch}/receptionist', [BranchReceptionistController::class, 'destroy']);
+
+    // Collections
+    Route::get('/api/collections', [CollectionController::class, 'index']);
+    Route::post('/api/collections', [CollectionController::class, 'store']);
+    Route::get('/api/collections/{id}', [CollectionController::class, 'show']);
+
+    // Reports
+    Route::get('/api/reports/profit', [\App\Http\Controllers\ReportController::class, 'getProfitReport']);
+    Route::get('/api/reports/expiry-reminders', [\App\Http\Controllers\ReportController::class, 'getExpiryReminders']);
+    Route::get('/api/reports/investments', [\App\Http\Controllers\ReportController::class, 'getInvestmentReport']);
+
+    Route::get('/owner/masters', [OwnerController::class, 'index']);
+    Route::prefix('api/masters')->group(function () {
+        Route::get('/{type}', [\App\Http\Controllers\MasterController::class, 'index']);
+        Route::post('/{type}', [\App\Http\Controllers\MasterController::class, 'store']);
+        Route::put('/{type}/{id}', [\App\Http\Controllers\MasterController::class, 'update']);
+        Route::delete('/{type}/{id}', [\App\Http\Controllers\MasterController::class, 'destroy']);
+    });
+
+    Route::get('/receptionist/dashboard', [OwnerController::class, 'index']);
+    Route::get('/receptionist/pos', [OwnerController::class, 'index']);
+    Route::get('/receptionist/collections', [OwnerController::class, 'index']);
+    Route::get('/receptionist/expenses', [OwnerController::class, 'index']);
+    Route::get('/receptionist/inventory', [OwnerController::class, 'index']);
+    Route::get('/receptionist/staff', [OwnerController::class, 'index']);
+    Route::get('/receptionist/reports', [OwnerController::class, 'index']);
+});
diff --git a/storage/app/.gitignore b/storage/app/.gitignore
new file mode 100644
index 0000000..fedb287
--- /dev/null
+++ b/storage/app/.gitignore
@@ -0,0 +1,4 @@
+*
+!private/
+!public/
+!.gitignore
diff --git a/storage/app/private/.gitignore b/storage/app/private/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/app/private/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/app/public/.gitignore b/storage/app/public/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/app/public/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/.gitignore b/storage/framework/.gitignore
new file mode 100644
index 0000000..05c4471
--- /dev/null
+++ b/storage/framework/.gitignore
@@ -0,0 +1,9 @@
+compiled.php
+config.php
+down
+events.scanned.php
+maintenance.php
+routes.php
+routes.scanned.php
+schedule-*
+services.json
diff --git a/storage/framework/cache/.gitignore b/storage/framework/cache/.gitignore
new file mode 100644
index 0000000..01e4a6c
--- /dev/null
+++ b/storage/framework/cache/.gitignore
@@ -0,0 +1,3 @@
+*
+!data/
+!.gitignore
diff --git a/storage/framework/cache/data/.gitignore b/storage/framework/cache/data/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/cache/data/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/sessions/.gitignore b/storage/framework/sessions/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/sessions/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/testing/.gitignore b/storage/framework/testing/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/testing/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/views/.gitignore b/storage/framework/views/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/views/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/logs/.gitignore b/storage/logs/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/logs/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/test_report.php b/test_report.php
new file mode 100644
index 0000000..e1f147d
--- /dev/null
+++ b/test_report.php
@@ -0,0 +1,11 @@
+<?php
+require __DIR__.'/vendor/autoload.php';
+$app = require_once __DIR__.'/bootstrap/app.php';
+$app->make(Illuminate\Contracts\Console\Kernel::class)->bootstrap();
+
+// Force login as the first user (usually admin/owner)
+Auth::loginUsingId(1);
+
+$req = Illuminate\Http\Request::create('/api/reports/investments', 'GET');
+$res = app('App\Http\Controllers\ReportController')->getInvestmentReport($req);
+echo json_encode(json_decode($res->getContent()), JSON_PRETTY_PRINT);
diff --git a/tests/Feature/ExampleTest.php b/tests/Feature/ExampleTest.php
new file mode 100644
index 0000000..8364a84
--- /dev/null
+++ b/tests/Feature/ExampleTest.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Tests\Feature;
+
+// use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class ExampleTest extends TestCase
+{
+    /**
+     * A basic test example.
+     */
+    public function test_the_application_returns_a_successful_response(): void
+    {
+        $response = $this->get('/');
+
+        $response->assertStatus(200);
+    }
+}
diff --git a/tests/TestCase.php b/tests/TestCase.php
new file mode 100644
index 0000000..fe1ffc2
--- /dev/null
+++ b/tests/TestCase.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace Tests;
+
+use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
+
+abstract class TestCase extends BaseTestCase
+{
+    //
+}
diff --git a/tests/Unit/ExampleTest.php b/tests/Unit/ExampleTest.php
new file mode 100644
index 0000000..5773b0c
--- /dev/null
+++ b/tests/Unit/ExampleTest.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Tests\Unit;
+
+use PHPUnit\Framework\TestCase;
+
+class ExampleTest extends TestCase
+{
+    /**
+     * A basic test example.
+     */
+    public function test_that_true_is_true(): void
+    {
+        $this->assertTrue(true);
+    }
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..dc92e23
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,34 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+
+export default defineConfig({
+    plugins: [
+        laravel({
+            input: ['resources/css/app.css', 'resources/js/app.jsx'],
+            refresh: true,
+        }),
+        react(),
+        tailwindcss(),
+    ],
+    build: {
+        rollupOptions: {
+            output: {
+                manualChunks(id) {
+                    if (id.includes('node_modules')) {
+                        if (id.includes('lucide-react')) return 'vendor-lucide';
+                        if (id.includes('react')) return 'vendor-react';
+                        return 'vendor';
+                    }
+                }
+            }
+        },
+        chunkSizeWarningLimit: 1000,
+    },
+    server: {
+        watch: {
+            ignored: ['**/storage/framework/views/**'],
+        },
+    },
+});
\ No newline at end of file