diff --git a/.github/workflows/check.yaml b/.github/workflows/check.yaml
index 16d84de6..fb8a8af8 100644
--- a/.github/workflows/check.yaml
+++ b/.github/workflows/check.yaml
@@ -3,28 +3,41 @@ name: Check
 # Run this workflow every time a new commit pushed to your repository
 on:
     push:
-        paths-ignore:
-            - '.github/**/*'
-            - '**/*.md'
-            - 'public/build/*.js'
-            - 'public/build/**/*.js'
-            - 'docker/**/*'
-            - 'resources/scripts/**/*'
         tags-ignore:
             - "*"
         branches-ignore:
             - 'translations'
     pull_request:
-        paths-ignore:
-            - '**/*.md'
-            - 'public/build/*.js'
-            - 'public/build/**/*.js'
         branches-ignore:
             - 'translations'
     # Allow manually triggering the workflow.
     workflow_dispatch:
 
 jobs:
+    changes:
+        name: 🔍 Detect changes
+        runs-on: ubuntu-latest
+        outputs:
+            php: ${{ steps.filter.outputs.php }}
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v4
+
+            - name: Check for file changes
+              uses: dorny/paths-filter@v3
+              id: filter
+              with:
+                  filters: |
+                      php:
+                          - 'app/**'
+                          - 'config/**'
+                          - 'database/**'
+                          - 'routes/**'
+                          - 'tests/**'
+                          - 'composer.json'
+                          - 'composer.lock'
+                          - 'phpunit.xml'
+
     kill_previous:
         name: 0️⃣ Kill previous runs
         runs-on: ubuntu-latest
@@ -41,6 +54,8 @@ jobs:
         runs-on: ubuntu-latest
         needs:
             - kill_previous
+            - changes
+        if: needs.changes.outputs.php == 'true'
         steps:
             - name: Set up PHP
               uses: shivammathur/setup-php@v2
@@ -60,6 +75,8 @@ jobs:
         name: 2️⃣ PHP ${{ matrix.php-version }} Tests
         needs:
             - php_syntax_errors
+            - changes
+        if: needs.changes.outputs.php == 'true'
         runs-on: ubuntu-latest
         strategy:
             matrix:
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 00000000..6ba2a11e
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,80 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+InvoiceShelf is an open-source invoicing and expense tracking application built with Laravel 13 (PHP 8.4) and Vue 3. It supports multi-company tenancy, customer portals, recurring invoices, and PDF generation.
+
+## Common Commands
+
+### Development
+```bash
+composer run dev          # Starts PHP server, queue listener, log tail, and Vite dev server concurrently
+npm run dev               # Vite dev server only
+npm run build             # Production frontend build
+```
+
+### Testing
+```bash
+php artisan test --compact                        # Run all tests
+php artisan test --compact --filter=testName       # Run specific test
+./vendor/bin/pest --stop-on-failure                # Run via Pest directly
+make test                                          # Makefile shortcut
+```
+
+Tests use SQLite in-memory DB, configured in `phpunit.xml`. Tests seed via `DatabaseSeeder` + `DemoSeeder` in `beforeEach`. Authenticate with `Sanctum::actingAs()` and set the `company` header.
+
+### Code Style
+```bash
+vendor/bin/pint --dirty --format agent    # Fix style on modified PHP files
+vendor/bin/pint --test                    # Check style without fixing (CI uses this)
+```
+
+### Artisan Generators
+Always use `php artisan make:*` with `--no-interaction` to create new files (models, controllers, migrations, tests, etc.).
+
+## Architecture
+
+### Multi-Tenancy
+Every major model has a `company_id` foreign key. The `CompanyMiddleware` sets the active company from the `company` request header. Bouncer authorization is scoped to the company level via `DefaultScope` (`app/Bouncer/Scopes/DefaultScope.php`).
+
+### Authentication
+Three guards: `web` (session), `api` (Sanctum tokens for `/api/v1/`), `customer` (session for customer portal). API routes use `auth:sanctum` middleware; customer portal uses `auth:customer`.
+
+### Routing
+- **API**: All endpoints under `/api/v1/` in `routes/api.php`, grouped with `auth:sanctum`, `company`, and `bouncer` middleware
+- **Web**: `routes/web.php` serves PDF endpoints, auth pages, and catch-all SPA routes (`/admin/{vue?}`, `/{company:slug}/customer/{vue?}`)
+
+### Frontend
+- Entry point: `resources/scripts/main.js`
+- Vue Router: `resources/scripts/admin/admin-router.js` (admin), `resources/scripts/customer/customer-router.js` (customer portal)
+- State: Pinia stores in `resources/scripts/admin/stores/`
+- Path aliases: `@` = `resources/`, `$fonts`, `$images` for static assets
+- Vite dev server expects `invoiceshelf.test` hostname
+
+### Backend Patterns
+- **Authorization**: Silber/Bouncer with policies in `app/Policies/`. Controllers use `$this->authorize()`.
+- **Validation**: Form Request classes, never inline validation
+- **API responses**: Eloquent API Resources in `app/Http/Resources/`
+- **PDF generation**: DomPDF (`GeneratesPdfTrait`) or Gotenberg
+- **Email**: Mailable classes with `EmailLog` tracking
+- **File storage**: Spatie MediaLibrary, supports local/S3/Dropbox
+- **Serial numbers**: `SerialNumberFormatter` service
+- **Company settings**: `CompanySetting` model (key-value per company)
+
+### Database
+Supports MySQL, PostgreSQL, and SQLite. Prefer Eloquent over raw queries. Use `Model::query()` instead of `DB::`. Use eager loading to prevent N+1 queries.
+
+## Code Conventions
+
+- PHP: snake_case, constructor property promotion, explicit return types, PHPDoc blocks over inline comments
+- JS: camelCase
+- Always check sibling files for patterns before creating new ones
+- Use `config()` helper, never `env()` outside config files
+- Every change must have tests (feature tests preferred over unit tests)
+- Run `vendor/bin/pint --dirty --format agent` after modifying PHP files
+
+## CI Pipeline
+
+GitHub Actions (`check.yaml`): runs Pint style check, then builds frontend and runs Pest tests on PHP 8.4.
diff --git a/app/Console/Commands/ResetApp.php b/app/Console/Commands/ResetApp.php
index 6724286f..2e9036ba 100644
--- a/app/Console/Commands/ResetApp.php
+++ b/app/Console/Commands/ResetApp.php
@@ -24,7 +24,7 @@ class ResetApp extends Command
      *
      * @var string
      */
-    protected $description = 'Clean database, database_created and public/storage folder';
+    protected $description = 'Clean database and public/storage folder';
 
     /**
      * Create a new command instance.
diff --git a/app/Http/Controllers/V1/Admin/Settings/MailConfigurationController.php b/app/Http/Controllers/V1/Admin/Settings/MailConfigurationController.php
index ee13d402..0be5349e 100755
--- a/app/Http/Controllers/V1/Admin/Settings/MailConfigurationController.php
+++ b/app/Http/Controllers/V1/Admin/Settings/MailConfigurationController.php
@@ -165,11 +165,11 @@ class MailConfigurationController extends Controller
         switch ($driver) {
             case 'smtp':
                 $MailData = array_merge($MailData, [
-                    'mail_host' => $mailSettings['mail_host'] ?? '',
-                    'mail_port' => $mailSettings['mail_port'] ?? '',
-                    'mail_username' => $mailSettings['mail_username'] ?? '',
-                    'mail_password' => $mailSettings['mail_password'] ?? '',
-                    'mail_encryption' => $mailSettings['mail_encryption'] ?? 'none',
+                    'mail_host' => $mailSettings['mail_host'] ?? config('mail.mailers.smtp.host', ''),
+                    'mail_port' => $mailSettings['mail_port'] ?? config('mail.mailers.smtp.port', ''),
+                    'mail_username' => $mailSettings['mail_username'] ?? config('mail.mailers.smtp.username', ''),
+                    'mail_password' => $mailSettings['mail_password'] ?? config('mail.mailers.smtp.password', ''),
+                    'mail_encryption' => $mailSettings['mail_encryption'] ?? config('mail.mailers.smtp.encryption', 'none'),
                     'mail_scheme' => $mailSettings['mail_scheme'] ?? '',
                     'mail_url' => $mailSettings['mail_url'] ?? '',
                     'mail_timeout' => $mailSettings['mail_timeout'] ?? '',
diff --git a/app/Http/Controllers/V1/Installation/DatabaseConfigurationController.php b/app/Http/Controllers/V1/Installation/DatabaseConfigurationController.php
index a977055e..446a1e31 100644
--- a/app/Http/Controllers/V1/Installation/DatabaseConfigurationController.php
+++ b/app/Http/Controllers/V1/Installation/DatabaseConfigurationController.php
@@ -48,8 +48,9 @@ class DatabaseConfigurationController extends Controller
     public function getDatabaseEnvironment(Request $request)
     {
         $databaseData = [];
+        $connection = $request->connection ?? config('database.default');
 
-        switch ($request->connection) {
+        switch ($connection) {
             case 'sqlite':
                 $databaseData = [
                     'database_connection' => 'sqlite',
diff --git a/app/Http/Controllers/V1/Installation/FinishController.php b/app/Http/Controllers/V1/Installation/FinishController.php
index a7405bd2..8e7f4e1c 100644
--- a/app/Http/Controllers/V1/Installation/FinishController.php
+++ b/app/Http/Controllers/V1/Installation/FinishController.php
@@ -3,7 +3,6 @@
 namespace App\Http\Controllers\V1\Installation;
 
 use App\Http\Controllers\Controller;
-use App\Space\InstallUtils;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 
@@ -16,10 +15,6 @@ class FinishController extends Controller
      */
     public function __invoke(Request $request)
     {
-        if (! InstallUtils::createDbMarker()) {
-            \Log::error('Install: Unable to create db marker.');
-        }
-
         return response()->json(['success' => true]);
     }
 }
diff --git a/app/Http/Controllers/V1/Installation/OnboardingWizardController.php b/app/Http/Controllers/V1/Installation/OnboardingWizardController.php
index 954d86f4..7630420c 100644
--- a/app/Http/Controllers/V1/Installation/OnboardingWizardController.php
+++ b/app/Http/Controllers/V1/Installation/OnboardingWizardController.php
@@ -17,7 +17,7 @@ class OnboardingWizardController extends Controller
      */
     public function getStep(Request $request)
     {
-        if (! InstallUtils::dbMarkerExists()) {
+        if (! InstallUtils::isDbCreated()) {
             return response()->json([
                 'profile_complete' => 0,
                 'profile_language' => 'en',
diff --git a/app/Http/Middleware/InstallationMiddleware.php b/app/Http/Middleware/InstallationMiddleware.php
index 0386a453..d8900199 100644
--- a/app/Http/Middleware/InstallationMiddleware.php
+++ b/app/Http/Middleware/InstallationMiddleware.php
@@ -17,7 +17,11 @@ class InstallationMiddleware
      */
     public function handle(Request $request, Closure $next): Response
     {
-        if (! InstallUtils::isDbCreated() || Setting::getSetting('profile_complete') !== 'COMPLETED') {
+        try {
+            if (! InstallUtils::isDbCreated() || Setting::getSetting('profile_complete') !== 'COMPLETED') {
+                return redirect('/installation');
+            }
+        } catch (\Exception $e) {
             return redirect('/installation');
         }
 
diff --git a/app/Http/Middleware/RedirectIfInstalled.php b/app/Http/Middleware/RedirectIfInstalled.php
index 0a788da4..23cad525 100644
--- a/app/Http/Middleware/RedirectIfInstalled.php
+++ b/app/Http/Middleware/RedirectIfInstalled.php
@@ -17,9 +17,13 @@ class RedirectIfInstalled
      */
     public function handle(Request $request, Closure $next): Response
     {
-        if (InstallUtils::dbMarkerExists()) {
-            if (Setting::getSetting('profile_complete') === 'COMPLETED') {
-                return redirect('login');
+        if (InstallUtils::isDbCreated()) {
+            try {
+                if (Setting::getSetting('profile_complete') === 'COMPLETED') {
+                    return redirect('login');
+                }
+            } catch (\Exception $e) {
+                // Settings table may not exist yet during installation
             }
         }
 
diff --git a/app/Space/InstallUtils.php b/app/Space/InstallUtils.php
index 7b2944e1..c618983a 100644
--- a/app/Space/InstallUtils.php
+++ b/app/Space/InstallUtils.php
@@ -5,8 +5,6 @@ namespace App\Space;
 use App\Models\Setting;
 use Illuminate\Database\QueryException;
 use Illuminate\Support\Facades\File;
-use Illuminate\Support\Facades\Log;
-use League\Flysystem\FilesystemException;
 
 class InstallUtils
 {
@@ -17,7 +15,7 @@ class InstallUtils
      */
     public static function isDbCreated()
     {
-        return self::dbMarkerExists() && self::tableExists('users');
+        return self::tableExists('users');
     }
 
     /**
@@ -44,54 +42,6 @@ class InstallUtils
         return $cache[$table];
     }
 
-    /**
-     * Check if database created marker exists
-     *
-     * @return bool
-     */
-    public static function dbMarkerExists()
-    {
-        try {
-            return \Storage::disk('local')->has('database_created');
-        } catch (FilesystemException $e) {
-            Log::error('Unable to verify db marker: '.$e->getMessage());
-        }
-
-        return false;
-    }
-
-    /**
-     * Creates the database marker
-     *
-     * @return bool
-     */
-    public static function createDbMarker()
-    {
-        try {
-            return \Storage::disk('local')->put('database_created', time());
-        } catch (\Exception $e) {
-            Log::error('Unable to create db marker: '.$e->getMessage());
-        }
-
-        return false;
-    }
-
-    /**
-     * Deletes the database marker
-     *
-     * @return bool
-     */
-    public static function deleteDbMarker()
-    {
-        try {
-            return \Storage::disk('local')->delete('database_created');
-        } catch (\Exception $e) {
-            Log::error('Unable to delete db marker: '.$e->getMessage());
-        }
-
-        return false;
-    }
-
     /**
      * Set the app version
      *
diff --git a/database/seeders/DemoSeeder.php b/database/seeders/DemoSeeder.php
index 6b334147..199c8446 100644
--- a/database/seeders/DemoSeeder.php
+++ b/database/seeders/DemoSeeder.php
@@ -8,7 +8,6 @@ use App\Models\CompanySetting;
 use App\Models\Customer;
 use App\Models\Setting;
 use App\Models\User;
-use App\Space\InstallUtils;
 use Illuminate\Database\Seeder;
 use Silber\Bouncer\BouncerFacade;
 
@@ -71,8 +70,5 @@ class DemoSeeder extends Seeder
 
         // Mark profile setup as complete
         Setting::setSetting('profile_complete', 'COMPLETED');
-
-        // Create installation marker
-        InstallUtils::createDbMarker();
     }
 }
diff --git a/package.json b/package.json
index 3de6f470..c91c4fc7 100644
--- a/package.json
+++ b/package.json
@@ -9,56 +9,50 @@
     "test": "eslint ./resources/scripts --ext .js,.vue"
   },
   "devDependencies": {
-    "@rvxlab/tailwind-plugin-ios-full-height": "^1.1.0",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@tailwindcss/vite": "^4.0.0",
+    "@vitejs/plugin-vue": "^6.0.0",
     "@vue/compiler-sfc": "^3.5.13",
-    "autoprefixer": "^10.4.20",
-    "cross-env": "^7.0.3",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vue": "^9.32.0",
-    "postcss": "^8.4.49",
     "prettier": "^3.4.2",
-    "sass": "^1.83.1",
-    "tailwind-scrollbar": "^3.1.0",
-    "tailwindcss": "^3.4.17"
+    "tailwind-scrollbar": "^4.0.0",
+    "tailwindcss": "^4.0.0"
   },
   "dependencies": {
     "@headlessui/vue": "^1.7.23",
     "@heroicons/vue": "^2.2.0",
     "@popperjs/core": "^2.11.8",
     "@stripe/stripe-js": "^2.4.0",
-    "@tiptap/core": "^2.11.2",
-    "@tiptap/extension-link": "^2.11.2",
-    "@tiptap/extension-text-align": "^2.11.2",
-    "@tiptap/pm": "^2.11.2",
-    "@tiptap/starter-kit": "^2.11.2",
-    "@tiptap/vue-3": "^2.11.2",
+    "@tiptap/core": "^3.0.0",
+    "@tiptap/extension-text-align": "^3.0.0",
+    "@tiptap/pm": "^3.0.0",
+    "@tiptap/starter-kit": "^3.0.0",
+    "@tiptap/vue-3": "^3.0.0",
     "@types/node": "^20.11.9",
     "@vuelidate/components": "^1.2.6",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^12.4.0",
-    "axios": "0.30.0",
+    "axios": "1.14.0",
     "chart.js": "^2.9.4",
     "guid": "^0.0.12",
-    "laravel-vite-plugin": "^1.1.1",
+    "laravel-vite-plugin": "^3.0.0",
     "lodash": "^4.17.21",
     "maska": "^3.0.4",
     "mini-svg-data-uri": "^1.4.4",
     "moment": "^2.30.1",
     "path": "^0.12.7",
-    "pinia": "^2.3.0",
+    "pinia": "^3.0.0",
     "v-money3": "^3.24.1",
     "v-tooltip": "^4.0.0-beta.17",
-    "vite": "^6.0.7",
+    "vite": "^8.0.0",
     "vue": "^3.5",
     "vue-flatpickr-component": "^11.0.5",
     "vue-i18n": "^11.0.1",
     "vue-router": "^4.5.0",
     "vuedraggable": "^4.1.0"
   }
-}
\ No newline at end of file
+}
diff --git a/postcss.config.cjs b/postcss.config.cjs
deleted file mode 100644
index 61bb5f95..00000000
--- a/postcss.config.cjs
+++ /dev/null
@@ -1,7 +0,0 @@
-// postcss.config.js
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
diff --git a/resources/sass/components/animation.scss b/resources/css/components/animation.css
similarity index 100%
rename from resources/sass/components/animation.scss
rename to resources/css/components/animation.css
diff --git a/resources/css/components/pace-loader.css b/resources/css/components/pace-loader.css
new file mode 100644
index 00000000..0ec870df
--- /dev/null
+++ b/resources/css/components/pace-loader.css
@@ -0,0 +1,56 @@
+.pace {
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.pace-inactive {
+  display: none;
+}
+
+.pace .pace-progress {
+  background: #3f39ad;
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  right: 100%;
+  width: 100%;
+  height: 2px;
+}
+
+.pace .pace-progress-inner {
+  display: block;
+  position: absolute;
+  right: 0px;
+  width: 100px;
+  height: 100%;
+  box-shadow: 0 0 10px #5851d8, 0 0 5px #5851d8;
+  opacity: 1;
+  transform: rotate(3deg) translate(0px, -4px);
+}
+
+.pace .pace-activity {
+  display: block;
+  position: fixed;
+  z-index: 2000;
+  top: 15px;
+  right: 15px;
+  width: 14px;
+  height: 14px;
+  border: solid 2px transparent;
+  border-top-color: #5851d8;
+  border-left-color: #5851d8;
+  border-radius: 10px;
+  animation: pace-spinner 400ms linear infinite;
+}
+
+@keyframes pace-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
diff --git a/resources/sass/components/v-tooltips.scss b/resources/css/components/v-tooltips.css
similarity index 94%
rename from resources/sass/components/v-tooltips.scss
rename to resources/css/components/v-tooltips.css
index 5c665e03..b6c6164b 100644
--- a/resources/sass/components/v-tooltips.scss
+++ b/resources/css/components/v-tooltips.css
@@ -80,18 +80,16 @@
     }
 
     &.popover {
-      $color: #f9f9f9;
-
       .popover-inner {
-        background: $color;
+        background: #f9f9f9;
         color: black;
         padding: 24px;
         border-radius: 5px;
-        box-shadow: 0 5px 30px rgba(black, .1);
+        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
       }
 
       .popover-arrow {
-        border-color: $color;
+        border-color: #f9f9f9;
       }
     }
 
diff --git a/resources/css/invoiceshelf.css b/resources/css/invoiceshelf.css
new file mode 100644
index 00000000..eb8a2b27
--- /dev/null
+++ b/resources/css/invoiceshelf.css
@@ -0,0 +1,98 @@
+@import "tailwindcss";
+@import "./themes.css";
+@import "./components/animation.css";
+@import "./components/pace-loader.css";
+@import "./components/v-tooltips.css";
+
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/typography";
+@plugin "tailwind-scrollbar";
+
+@source "../scripts/**/*.vue";
+@source "../scripts/**/*.js";
+@source "../../resources/views/**/*.php";
+
+@theme inline {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+  --color-black: #040405;
+}
+
+@theme {
+  --spacing-88: 22rem;
+  --font-base: Poppins, sans-serif;
+}
+
+@utility bg-multiselect-caret {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
+}
+
+@utility bg-multiselect-spinner {
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' fill='%234a3dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");
+}
+
+@utility bg-multiselect-remove {
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");
+}
+
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url("$fonts/Poppins-Black.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url("$fonts/Poppins-Light.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url("$fonts/Poppins-Medium.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url("$fonts/Poppins-Regular.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url("$fonts/Poppins-SemiBold.ttf") format("truetype");
+}
+
+body {
+    min-height: 100vh;
+    min-height: -webkit-fill-available;
+}
+
+html {
+    height: -webkit-fill-available;
+}
+
+.h-screen-ios {
+    height: -webkit-fill-available;
+}
diff --git a/resources/css/themes.css b/resources/css/themes.css
new file mode 100644
index 00000000..e911544e
--- /dev/null
+++ b/resources/css/themes.css
@@ -0,0 +1,13 @@
+:root {
+    --color-primary-50: rgb(241, 243, 255);
+    --color-primary-100: rgb(229, 231, 255);
+    --color-primary-200: rgb(206, 209, 255);
+    --color-primary-300: rgb(167, 170, 255);
+    --color-primary-400: rgb(118, 117, 255);
+    --color-primary-500: rgb(74, 61, 255);
+    --color-primary-600: rgb(51, 22, 255);
+    --color-primary-700: rgb(33, 4, 253);
+    --color-primary-800: rgb(27, 3, 211);
+    --color-primary-900: rgb(25, 5, 173);
+    --color-primary-950: rgb(9, 0, 118);
+}
diff --git a/resources/sass/components/pace-loader.scss b/resources/sass/components/pace-loader.scss
deleted file mode 100644
index 33999964..00000000
--- a/resources/sass/components/pace-loader.scss
+++ /dev/null
@@ -1,112 +0,0 @@
-$pace-loader-color: #5851d8;
-
-.pace {
-  -webkit-pointer-events: none;
-  pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.pace-inactive {
-  display: none;
-}
-
-.pace .pace-progress {
-  background: darken($pace-loader-color, 10%);
-  position: fixed;
-  z-index: 2000;
-  top: 0;
-  right: 100%;
-  width: 100%;
-  height: 2px;
-}
-
-.pace .pace-progress-inner {
-  display: block;
-  position: absolute;
-  right: 0px;
-  width: 100px;
-  height: 100%;
-  box-shadow: 0 0 10px $pace-loader-color, 0 0 5px $pace-loader-color;
-  opacity: 1;
-  -webkit-transform: rotate(3deg) translate(0px, -4px);
-  -moz-transform: rotate(3deg) translate(0px, -4px);
-  -ms-transform: rotate(3deg) translate(0px, -4px);
-  -o-transform: rotate(3deg) translate(0px, -4px);
-  transform: rotate(3deg) translate(0px, -4px);
-}
-
-.pace .pace-activity {
-  display: block;
-  position: fixed;
-  z-index: 2000;
-  top: 15px;
-  right: 15px;
-  width: 14px;
-  height: 14px;
-  border: solid 2px transparent;
-  border-top-color: $pace-loader-color;
-  border-left-color: $pace-loader-color;
-  border-radius: 10px;
-  -webkit-animation: pace-spinner 400ms linear infinite;
-  -moz-animation: pace-spinner 400ms linear infinite;
-  -ms-animation: pace-spinner 400ms linear infinite;
-  -o-animation: pace-spinner 400ms linear infinite;
-  animation: pace-spinner 400ms linear infinite;
-}
-
-@-webkit-keyframes pace-spinner {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@-moz-keyframes pace-spinner {
-  0% {
-    -moz-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -moz-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@-o-keyframes pace-spinner {
-  0% {
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@-ms-keyframes pace-spinner {
-  0% {
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -ms-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes pace-spinner {
-  0% {
-    transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
diff --git a/resources/sass/invoiceshelf.scss b/resources/sass/invoiceshelf.scss
deleted file mode 100644
index 52da6518..00000000
--- a/resources/sass/invoiceshelf.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-@use "themes.scss";
-@use "components/animation.scss";
-
-@tailwind base;
-
-@tailwind components;
-
-@tailwind utilities;
-
-@font-face {
-    font-family: "Poppins";
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url("$fonts/Poppins-Black.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: "Poppins";
-    font-style: normal;
-    font-weight: 300;
-    font-display: swap;
-    src: url("$fonts/Poppins-Light.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: "Poppins";
-    font-style: normal;
-    font-weight: 500;
-    font-display: swap;
-    src: url("$fonts/Poppins-Medium.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: "Poppins";
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url("$fonts/Poppins-Regular.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: "Poppins";
-    font-style: normal;
-    font-weight: 600;
-    font-display: swap;
-    src: url("$fonts/Poppins-SemiBold.ttf") format("truetype");
-}
-
-body {
-    min-height: 100vh;
-    min-height: -webkit-fill-available;
-}
-
-html {
-    height: -webkit-fill-available;
-}
-
-.h-screen-ios {
-    height: -webkit-fill-available;
-}
diff --git a/resources/sass/themes.scss b/resources/sass/themes.scss
deleted file mode 100644
index 7c3e8a86..00000000
--- a/resources/sass/themes.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-:root {
-    --color-primary-50: 241, 243, 255;
-    --color-primary-100: 229, 231, 255;
-    --color-primary-200: 206, 209, 255;
-    --color-primary-300: 167, 170, 255;
-    --color-primary-400: 118, 117, 255;
-    --color-primary-500: 74, 61, 255;
-    --color-primary-600: 51, 22, 255;
-    --color-primary-700: 33, 4, 253;
-    --color-primary-800: 27, 3, 211;
-    --color-primary-900: 25, 5, 173;
-    --color-primary-950: 9, 0, 118;
-}
diff --git a/resources/scripts/admin/components/CopyInputField.vue b/resources/scripts/admin/components/CopyInputField.vue
index a4995820..1227b63f 100644
--- a/resources/scripts/admin/components/CopyInputField.vue
+++ b/resources/scripts/admin/components/CopyInputField.vue
@@ -6,7 +6,7 @@
       px-4
       py-2
       rounded-lg
-      bg-opacity-40 bg-gray-300
+      bg-gray-300/40
       whitespace-nowrap
       flex-col
       mt-1
@@ -33,7 +33,7 @@
         h-full
         inset-y-0
         cursor-pointer
-        focus:outline-none
+        focus:outline-hidden
         text-primary-500
       "
       width="37"
diff --git a/resources/scripts/admin/components/SelectNotePopup.vue b/resources/scripts/admin/components/SelectNotePopup.vue
index 822a8e2c..a435e358 100644
--- a/resources/scripts/admin/components/SelectNotePopup.vue
+++ b/resources/scripts/admin/components/SelectNotePopup.vue
@@ -4,14 +4,14 @@
     <Popover v-slot="{ isOpen }">
       <PopoverButton
         v-if="userStore.hasAbilities(abilities.VIEW_NOTE)"
-        :class="isOpen ? '' : 'text-opacity-90'"
+        :class="isOpen ? '' : ''"
         class="
           flex
           items-center
           z-10
           font-medium
           text-primary-400
-          focus:outline-none focus:border-none
+          focus:outline-hidden focus:border-none
         "
         @click="fetchInitialData"
       >
@@ -50,7 +50,7 @@
               overflow-hidden
               rounded-md
               shadow-lg
-              ring-1 ring-black ring-opacity-5
+              ring-1 ring-black/5
             "
           >
             <div class="relative grid bg-white">
@@ -117,7 +117,7 @@
                 py-3
                 bg-gray-200
                 border-none
-                outline-none
+                outline-hidden
               "
               @click="openNoteModal"
             >
diff --git a/resources/scripts/admin/components/currency-exchange-rate/ExchangeRateBulkUpdate.vue b/resources/scripts/admin/components/currency-exchange-rate/ExchangeRateBulkUpdate.vue
index 2f058ccc..3e202640 100644
--- a/resources/scripts/admin/components/currency-exchange-rate/ExchangeRateBulkUpdate.vue
+++ b/resources/scripts/admin/components/currency-exchange-rate/ExchangeRateBulkUpdate.vue
@@ -58,7 +58,7 @@
           justify-end
           mt-4
           pt-4
-          border-t border-gray-200 border-solid border-modal-bg
+          border-t border-gray-200 border-solid
         "
       >
         <BaseButton :loading="isSaving" variant="primary" type="submit">
diff --git a/resources/scripts/admin/components/estimate-invoice-common/CreateItemRow.vue b/resources/scripts/admin/components/estimate-invoice-common/CreateItemRow.vue
index 0b0dd4c1..f0d971c1 100644
--- a/resources/scripts/admin/components/estimate-invoice-common/CreateItemRow.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/CreateItemRow.vue
@@ -143,7 +143,7 @@
               <BaseContentPlaceholders v-if="loading">
                 <BaseContentPlaceholdersText
                   :lines="1"
-                  class="w-24 h-8 border rounded-md"
+                  class="w-24 h-8 border border-gray-200 rounded-md"
                 />
               </BaseContentPlaceholders>
 
diff --git a/resources/scripts/admin/components/estimate-invoice-common/CreateItemRowTax.vue b/resources/scripts/admin/components/estimate-invoice-common/CreateItemRowTax.vue
index 222bf6dc..53c02f79 100644
--- a/resources/scripts/admin/components/estimate-invoice-common/CreateItemRowTax.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/CreateItemRowTax.vue
@@ -42,7 +42,7 @@
         <template v-if="userStore.hasAbilities(ability)" #action>
           <button
             type="button"
-            class="flex items-center justify-center w-full px-2 py-2 bg-gray-200 border-none outline-none cursor-pointer "
+            class="flex items-center justify-center w-full px-2 py-2 bg-gray-200 border-none outline-hidden cursor-pointer "
             @click="openTaxModal"
           >
             <BaseIcon name="CheckCircleIcon" class="h-5 text-primary-400" />
diff --git a/resources/scripts/admin/components/estimate-invoice-common/CreateTotal.vue b/resources/scripts/admin/components/estimate-invoice-common/CreateTotal.vue
index 0691ce25..cb26a32c 100644
--- a/resources/scripts/admin/components/estimate-invoice-common/CreateTotal.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/CreateTotal.vue
@@ -100,7 +100,7 @@
       <BaseContentPlaceholders v-if="isLoading">
         <BaseContentPlaceholdersText
           :lines="1"
-          class="w-24 h-8 border rounded-md"
+          class="w-24 h-8 border border-gray-200 rounded-md"
         />
       </BaseContentPlaceholders>
       <div v-else class="flex" style="width: 140px" role="group">
diff --git a/resources/scripts/admin/components/estimate-invoice-common/ExchangeRateConverter.vue b/resources/scripts/admin/components/estimate-invoice-common/ExchangeRateConverter.vue
index 8e51b478..ff620b76 100644
--- a/resources/scripts/admin/components/estimate-invoice-common/ExchangeRateConverter.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/ExchangeRateConverter.vue
@@ -11,7 +11,7 @@
         <BaseIcon
           v-tooltip="{ content: 'Fetch Latest Exchange rate' }"
           name="ArrowPathIcon"
-          :class="`h-4 w-4 text-primary-500 cursor-pointer outline-none ${
+          :class="`h-4 w-4 text-primary-500 cursor-pointer outline-hidden ${
             isFetching
               ? ' animate-spin rotate-180 cursor-not-allowed pointer-events-none '
               : ''
diff --git a/resources/scripts/admin/components/estimate-invoice-common/SelectTaxPopup.vue b/resources/scripts/admin/components/estimate-invoice-common/SelectTaxPopup.vue
index fdc4d48b..0ff1d604 100644
--- a/resources/scripts/admin/components/estimate-invoice-common/SelectTaxPopup.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/SelectTaxPopup.vue
@@ -2,14 +2,14 @@
   <div class="w-full mt-4 tax-select">
     <Popover v-slot="{ isOpen }" class="relative">
       <PopoverButton
-        :class="isOpen ? '' : 'text-opacity-90'"
+        :class="isOpen ? '' : ''"
         class="
           flex
           items-center
           text-sm
           font-medium
           text-primary-400
-          focus:outline-none focus:border-none
+          focus:outline-hidden focus:border-none
         "
       >
         <BaseIcon
@@ -39,7 +39,7 @@
                 overflow-hidden
                 rounded-md
                 shadow-lg
-                ring-1 ring-black ring-opacity-5
+                ring-1 ring-black/5
               "
             >
               <!-- Tax Search Input  -->
@@ -142,7 +142,7 @@
                   py-3
                   bg-gray-200
                   border-none
-                  outline-none
+                  outline-hidden
                 "
                 @click="openTaxTypeModal"
               >
diff --git a/resources/scripts/admin/components/modal-components/CategoryModal.vue b/resources/scripts/admin/components/modal-components/CategoryModal.vue
index 637d2fe8..6b6bc5e6 100644
--- a/resources/scripts/admin/components/modal-components/CategoryModal.vue
+++ b/resources/scripts/admin/components/modal-components/CategoryModal.vue
@@ -53,7 +53,7 @@
           flex
           justify-end
           p-4
-          border-t border-gray-200 border-solid border-modal-bg
+          border-t border-gray-200 border-solid
         "
       >
         <BaseButton
diff --git a/resources/scripts/admin/components/modal-components/CompanyModal.vue b/resources/scripts/admin/components/modal-components/CompanyModal.vue
index 8269d12c..9346f160 100644
--- a/resources/scripts/admin/components/modal-components/CompanyModal.vue
+++ b/resources/scripts/admin/components/modal-components/CompanyModal.vue
@@ -98,7 +98,7 @@
         </BaseInputGrid>
       </div>
 
-      <div class="z-0 flex justify-end p-4 bg-gray-50 border-modal-bg">
+      <div class="z-0 flex justify-end p-4 bg-gray-50 border-t border-gray-200">
         <BaseButton
           class="mr-3 text-sm"
           variant="primary-outline"
diff --git a/resources/scripts/admin/components/modal-components/DeleteCompanyModal.vue b/resources/scripts/admin/components/modal-components/DeleteCompanyModal.vue
index 661c972b..5d6939b7 100644
--- a/resources/scripts/admin/components/modal-components/DeleteCompanyModal.vue
+++ b/resources/scripts/admin/components/modal-components/DeleteCompanyModal.vue
@@ -38,7 +38,7 @@
         </BaseInputGroup>
       </div>
 
-      <div class="z-0 flex justify-end p-4 bg-gray-50 border-modal-bg">
+      <div class="z-0 flex justify-end p-4 bg-gray-50 border-t border-gray-200">
         <BaseButton
           class="mr-3 text-sm"
           variant="primary-outline"
diff --git a/resources/scripts/admin/components/modal-components/FileDiskModal.vue b/resources/scripts/admin/components/modal-components/FileDiskModal.vue
index 01927d23..af9d01ee 100644
--- a/resources/scripts/admin/components/modal-components/FileDiskModal.vue
+++ b/resources/scripts/admin/components/modal-components/FileDiskModal.vue
@@ -21,7 +21,7 @@
       >
         <template #default="slotProps">
           <div
-            class="z-0 flex justify-end p-4 border-t border-solid border-gray-light"
+            class="z-0 flex justify-end p-4 border-t border-solid border-gray-200"
           >
             <BaseButton
               class="mr-3 text-sm"
diff --git a/resources/scripts/admin/components/modal-components/ItemUnitModal.vue b/resources/scripts/admin/components/modal-components/ItemUnitModal.vue
index a365bbeb..5c79195f 100644
--- a/resources/scripts/admin/components/modal-components/ItemUnitModal.vue
+++ b/resources/scripts/admin/components/modal-components/ItemUnitModal.vue
@@ -37,7 +37,7 @@
           flex
           justify-end
           p-4
-          border-t border-gray-200 border-solid border-modal-bg
+          border-t border-gray-200 border-solid
         "
       >
         <BaseButton
diff --git a/resources/scripts/admin/components/modal-components/NoteModal.vue b/resources/scripts/admin/components/modal-components/NoteModal.vue
index 4e5d81bf..39c1f49c 100644
--- a/resources/scripts/admin/components/modal-components/NoteModal.vue
+++ b/resources/scripts/admin/components/modal-components/NoteModal.vue
@@ -75,7 +75,7 @@ _          />
           justify-end
           px-4
           py-4
-          border-t border-solid border-gray-light
+          border-t border-solid border-gray-200
         "
       >
         <BaseButton
@@ -280,7 +280,7 @@ function closeNoteModal() {
 }
 </script>
 
-<style lang="scss">
+<style>
 .note-modal {
   .header-editior .editor-menu-bar {
     margin-left: 0.5px;
diff --git a/resources/scripts/admin/components/modal-components/RolesModal.vue b/resources/scripts/admin/components/modal-components/RolesModal.vue
index bd031da4..02e6723c 100644
--- a/resources/scripts/admin/components/modal-components/RolesModal.vue
+++ b/resources/scripts/admin/components/modal-components/RolesModal.vue
@@ -122,7 +122,7 @@
           flex
           justify-end
           p-4
-          border-t border-solid border--200 border-modal-bg
+          border-t border-solid border-gray-200
         "
       >
         <BaseButton
diff --git a/resources/scripts/admin/components/modal-components/TaxTypeModal.vue b/resources/scripts/admin/components/modal-components/TaxTypeModal.vue
index 4925c1b3..a2819007 100644
--- a/resources/scripts/admin/components/modal-components/TaxTypeModal.vue
+++ b/resources/scripts/admin/components/modal-components/TaxTypeModal.vue
@@ -106,7 +106,7 @@
           flex
           justify-end
           p-4
-          border-t border-solid border--200 border-modal-bg
+          border-t border-solid border-gray-200
         "
       >
         <BaseButton
diff --git a/resources/scripts/admin/components/modal-components/TaxationAddressModal.vue b/resources/scripts/admin/components/modal-components/TaxationAddressModal.vue
index 657bc0b0..b657123c 100644
--- a/resources/scripts/admin/components/modal-components/TaxationAddressModal.vue
+++ b/resources/scripts/admin/components/modal-components/TaxationAddressModal.vue
@@ -116,7 +116,6 @@
 
 <script setup>
 import { computed, onMounted, reactive, ref } from 'vue'
-import axios from 'axios'
 import { useModalStore } from '@/scripts/stores/modal'
 import { useTaxTypeStore } from '@/scripts/admin/stores/tax-type'
 import { useGlobalStore } from '@/scripts/admin/stores/global'
diff --git a/resources/scripts/admin/components/modal-components/custom-fields/CustomFieldModal.vue b/resources/scripts/admin/components/modal-components/custom-fields/CustomFieldModal.vue
index d0e0d108..abd530da 100644
--- a/resources/scripts/admin/components/modal-components/custom-fields/CustomFieldModal.vue
+++ b/resources/scripts/admin/components/modal-components/custom-fields/CustomFieldModal.vue
@@ -179,7 +179,7 @@
           flex
           justify-end
           p-4
-          border-t border-solid border-gray-light border-modal-bg
+          border-t border-solid border-gray-200
         "
       >
         <BaseButton
diff --git a/resources/scripts/admin/layouts/LayoutLogin.vue b/resources/scripts/admin/layouts/LayoutLogin.vue
index 3a0b0d39..f66f3959 100644
--- a/resources/scripts/admin/layouts/LayoutLogin.vue
+++ b/resources/scripts/admin/layouts/LayoutLogin.vue
@@ -168,5 +168,5 @@ const loginPageLogo = computed(() => {
 })
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 </style>
diff --git a/resources/scripts/admin/layouts/partials/TheSiteHeader.vue b/resources/scripts/admin/layouts/partials/TheSiteHeader.vue
index 3ec83b5d..3db6081c 100644
--- a/resources/scripts/admin/layouts/partials/TheSiteHeader.vue
+++ b/resources/scripts/admin/layouts/partials/TheSiteHeader.vue
@@ -12,7 +12,7 @@
       px-4
       py-3
       md:h-16 md:px-8
-      bg-gradient-to-r
+      bg-linear-to-r
       from-primary-500
       to-primary-400
     "
diff --git a/resources/scripts/admin/layouts/partials/TheSiteSidebar.vue b/resources/scripts/admin/layouts/partials/TheSiteSidebar.vue
index 82e70a51..789a2719 100644
--- a/resources/scripts/admin/layouts/partials/TheSiteSidebar.vue
+++ b/resources/scripts/admin/layouts/partials/TheSiteSidebar.vue
@@ -15,7 +15,7 @@
         leave-from="opacity-100"
         leave-to="opacity-0"
       >
-        <DialogOverlay class="fixed inset-0 bg-gray-600 bg-opacity-75" />
+        <DialogOverlay class="fixed inset-0 bg-gray-600/75" />
       </TransitionChild>
 
       <TransitionChild
@@ -47,7 +47,7 @@
                   h-10
                   ml-1
                   rounded-full
-                  focus:outline-none
+                  focus:outline-hidden
                   focus:ring-2
                   focus:ring-inset
                   focus:ring-white
@@ -82,9 +82,9 @@
                 :to="item.link"
                 :class="[
                   hasActiveUrl(item.link)
-                    ? 'text-primary-500 border-primary-500 bg-gray-100 '
-                    : 'text-black',
-                  'cursor-pointer px-0 pl-4 py-3 border-transparent flex items-center border-l-4 border-solid text-sm not-italic font-medium',
+                    ? 'text-primary-500 border-l-primary-500 bg-gray-100 '
+                    : 'text-black border-l-transparent',
+                  'cursor-pointer px-0 pl-4 py-3 flex items-center border-l-4 border-solid text-sm not-italic font-medium',
                 ]"
                 @click="globalStore.setSidebarVisibility(false)"
               >
@@ -136,8 +136,8 @@
         :to="item.link"
         :class="[
           hasActiveUrl(item.link)
-            ? 'text-primary-500 border-primary-500 bg-gray-100 '
-            : 'text-black',
+            ? 'text-primary-500 border-l-primary-500 bg-gray-100 '
+            : 'text-black border-l-transparent',
           'cursor-pointer px-0 pl-6 hover:bg-gray-50 py-3 group flex items-center border-l-4 border-solid text-sm not-italic font-medium',
         ]"
       >
diff --git a/resources/scripts/admin/stores/auth.js b/resources/scripts/admin/stores/auth.js
index 363bd735..08229eca 100644
--- a/resources/scripts/admin/stores/auth.js
+++ b/resources/scripts/admin/stores/auth.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,8 +7,7 @@ export const useAuthStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'auth',
+  return defineStoreFunc('auth', {
     state: () => ({
       status: '',
 
@@ -22,9 +21,9 @@ export const useAuthStore = (useWindow = false) => {
     actions: {
       login(data) {
         return new Promise((resolve, reject) => {
-          axios.get('/sanctum/csrf-cookie').then((response) => {
+          http.get('/sanctum/csrf-cookie').then((response) => {
             if (response) {
-              axios
+              http
                 .post('/login', data)
                 .then((response) => {
                   resolve(response)
@@ -45,7 +44,7 @@ export const useAuthStore = (useWindow = false) => {
 
       logout() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/auth/logout')
             .then((response) => {
               const notificationStore = useNotificationStore()
diff --git a/resources/scripts/admin/stores/backup.js b/resources/scripts/admin/stores/backup.js
index 3716673a..eb14cf5b 100644
--- a/resources/scripts/admin/stores/backup.js
+++ b/resources/scripts/admin/stores/backup.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,9 +7,7 @@ export const useBackupStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'backup',
-
+  return defineStoreFunc('backup', {
     state: () => ({
       backups: [],
       currentBackupData: {
@@ -21,7 +19,7 @@ export const useBackupStore = (useWindow = false) => {
     actions: {
       fetchBackups(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/backups`, { params })
             .then((response) => {
               this.backups = response.data.data
@@ -36,7 +34,7 @@ export const useBackupStore = (useWindow = false) => {
 
       createBackup(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/backups`, data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -55,7 +53,7 @@ export const useBackupStore = (useWindow = false) => {
 
       removeBackup(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/backups/${params.disk}`, { params })
             .then((response) => {
               const notificationStore = useNotificationStore()
diff --git a/resources/scripts/admin/stores/category.js b/resources/scripts/admin/stores/category.js
index 787f61b4..500b7126 100644
--- a/resources/scripts/admin/stores/category.js
+++ b/resources/scripts/admin/stores/category.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,9 +7,7 @@ export const useCategoryStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'category',
-
+  return defineStoreFunc('category', {
     state: () => ({
       categories: [],
       currentCategory: {
@@ -27,7 +25,7 @@ export const useCategoryStore = (useWindow = false) => {
     actions: {
       fetchCategories(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/categories`, { params })
             .then((response) => {
               this.categories = response.data.data
@@ -42,7 +40,7 @@ export const useCategoryStore = (useWindow = false) => {
 
       fetchCategory(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/categories/${id}`)
             .then((response) => {
               this.currentCategory = response.data.data
@@ -57,7 +55,7 @@ export const useCategoryStore = (useWindow = false) => {
 
       addCategory(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/categories', data)
             .then((response) => {
               this.categories.push(response.data.data)
@@ -77,7 +75,7 @@ export const useCategoryStore = (useWindow = false) => {
 
       updateCategory(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/categories/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -104,7 +102,7 @@ export const useCategoryStore = (useWindow = false) => {
 
       deleteCategory(id) {
         return new Promise((resolve) => {
-          axios
+          http
             .delete(`/api/v1/categories/${id}`)
             .then((response) => {
               let index = this.categories.findIndex(
diff --git a/resources/scripts/admin/stores/company.js b/resources/scripts/admin/stores/company.js
index 9dfeb56c..b7c1f661 100644
--- a/resources/scripts/admin/stores/company.js
+++ b/resources/scripts/admin/stores/company.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -8,9 +8,7 @@ export const useCompanyStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'company',
-
+  return defineStoreFunc('company', {
     state: () => ({
       companies: [],
       selectedCompany: null,
@@ -26,7 +24,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       fetchBasicMailConfig() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/company/mail/config')
             .then((response) => {
               resolve(response)
@@ -40,7 +38,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       updateCompany(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put('/api/v1/company', data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -66,7 +64,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       updateCompanyLogo(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/company/upload-logo', data)
             .then((response) => {
               resolve(response)
@@ -80,7 +78,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       addNewCompany(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/companies', data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -99,7 +97,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       fetchCompany(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/current-company', params)
             .then((response) => {
               Object.assign(this.companyForm, response.data.data.address)
@@ -115,7 +113,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       fetchUserCompanies() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/companies')
             .then((response) => {
               resolve(response)
@@ -129,7 +127,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       fetchCompanySettings(settings) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/company/settings', {
               params: {
                 settings,
@@ -147,7 +145,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       updateCompanySettings({ data, message }) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/company/settings', data)
             .then((response) => {
               Object.assign(this.selectedCompanySettings, data.settings)
@@ -172,7 +170,7 @@ export const useCompanyStore = (useWindow = false) => {
 
       deleteCompany(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/companies/delete`, data)
             .then((response) => {
               resolve(response)
diff --git a/resources/scripts/admin/stores/custom-field.js b/resources/scripts/admin/stores/custom-field.js
index 9013ec22..934c1b82 100644
--- a/resources/scripts/admin/stores/custom-field.js
+++ b/resources/scripts/admin/stores/custom-field.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import customFieldStub from '@/scripts/admin/stub/custom-field'
@@ -10,9 +10,7 @@ export const useCustomFieldStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'custom-field',
-
+  return defineStoreFunc('custom-field', {
     state: () => ({
       customFields: [],
       isRequestOngoing: false,
@@ -41,7 +39,7 @@ export const useCustomFieldStore = (useWindow = false) => {
 
       fetchCustomFields(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/custom-fields`, { params })
             .then((response) => {
               this.customFields = response.data.data
@@ -63,7 +61,7 @@ export const useCustomFieldStore = (useWindow = false) => {
 
           this.isRequestOngoing = true
 
-          axios
+          http
             .get(`/api/v1/custom-fields`, { params })
             .then((response) => {
               this.customFields = response.data.data
@@ -80,7 +78,7 @@ export const useCustomFieldStore = (useWindow = false) => {
 
       fetchCustomField(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/custom-fields/${id}`)
             .then((response) => {
               this.currentCustomField = response.data.data
@@ -107,7 +105,7 @@ export const useCustomFieldStore = (useWindow = false) => {
       addCustomField(params) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/custom-fields`, params)
             .then((response) => {
               let data = {
@@ -139,7 +137,7 @@ export const useCustomFieldStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/custom-fields/${params.id}`, params)
             .then((response) => {
               let data = {
@@ -174,7 +172,7 @@ export const useCustomFieldStore = (useWindow = false) => {
       deleteCustomFields(id) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/custom-fields/${id}`)
             .then((response) => {
               let index = this.customFields.findIndex(
diff --git a/resources/scripts/admin/stores/customer.js b/resources/scripts/admin/stores/customer.js
index 91376091..1338ad0e 100644
--- a/resources/scripts/admin/stores/customer.js
+++ b/resources/scripts/admin/stores/customer.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useRoute } from 'vue-router'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -12,8 +12,7 @@ export const useCustomerStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'customer',
+  return defineStoreFunc('customer', {
     state: () => ({
       customers: [],
       totalCustomers: 0,
@@ -75,7 +74,7 @@ export const useCustomerStore = (useWindow = false) => {
 
       fetchCustomers(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/customers`, { params })
             .then((response) => {
               this.customers = response.data.data
@@ -92,7 +91,7 @@ export const useCustomerStore = (useWindow = false) => {
       fetchViewCustomer(params) {
         return new Promise((resolve, reject) => {
           this.isFetchingViewData = true
-          axios
+          http
             .get(`/api/v1/customers/${params.id}/stats`, { params })
 
             .then((response) => {
@@ -112,7 +111,7 @@ export const useCustomerStore = (useWindow = false) => {
 
       fetchCustomer(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/customers/${id}`)
             .then((response) => {
               Object.assign(this.currentCustomer, response.data.data)
@@ -129,7 +128,7 @@ export const useCustomerStore = (useWindow = false) => {
 
       addCustomer(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/customers', data)
             .then((response) => {
               this.customers.push(response.data.data)
@@ -151,7 +150,7 @@ export const useCustomerStore = (useWindow = false) => {
 
       updateCustomer(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/customers/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -177,7 +176,7 @@ export const useCustomerStore = (useWindow = false) => {
       deleteCustomer(id) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/customers/delete`, id)
             .then((response) => {
               let index = this.customers.findIndex(
@@ -201,7 +200,7 @@ export const useCustomerStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/customers/delete`, { ids: this.selectedCustomers })
             .then((response) => {
               this.selectedCustomers.forEach((customer) => {
diff --git a/resources/scripts/admin/stores/dashboard.js b/resources/scripts/admin/stores/dashboard.js
index 9375ac8c..c92fdcee 100644
--- a/resources/scripts/admin/stores/dashboard.js
+++ b/resources/scripts/admin/stores/dashboard.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useGlobalStore } from '@/scripts/admin/stores/global'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,9 +7,7 @@ export const useDashboardStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'dashboard',
-
+  return defineStoreFunc('dashboard', {
     state: () => ({
       stats: {
         totalAmountDue: 0,
@@ -40,7 +38,7 @@ export const useDashboardStore = (useWindow = false) => {
     actions: {
       loadData(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/dashboard`, { params })
             .then((response) => {
               // Stats
diff --git a/resources/scripts/admin/stores/disk.js b/resources/scripts/admin/stores/disk.js
index a0f26d28..ca5148fb 100644
--- a/resources/scripts/admin/stores/disk.js
+++ b/resources/scripts/admin/stores/disk.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,9 +7,7 @@ export const useDiskStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'disk',
-
+  return defineStoreFunc('disk', {
     state: () => ({
       disks: [],
       diskDrivers: [],
@@ -71,7 +69,7 @@ export const useDiskStore = (useWindow = false) => {
     actions: {
       fetchDiskEnv(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/disks/${data.disk}`)
             .then((response) => {
               resolve(response)
@@ -85,7 +83,7 @@ export const useDiskStore = (useWindow = false) => {
 
       fetchDisks(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/disks`, { params })
             .then((response) => {
               this.disks = response.data.data
@@ -100,7 +98,7 @@ export const useDiskStore = (useWindow = false) => {
 
       fetchDiskDrivers() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/disk/drivers`)
             .then((response) => {
               this.diskConfigData = response.data
@@ -116,7 +114,7 @@ export const useDiskStore = (useWindow = false) => {
 
       deleteFileDisk(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/disks/${id}`)
             .then((response) => {
               if (response.data.success) {
@@ -141,7 +139,7 @@ export const useDiskStore = (useWindow = false) => {
 
       updateDisk(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/disks/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -166,7 +164,7 @@ export const useDiskStore = (useWindow = false) => {
 
       createDisk(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/disks`, data)
             .then((response) => {
               if (response.data) {
diff --git a/resources/scripts/admin/stores/estimate.js b/resources/scripts/admin/stores/estimate.js
index 697424f3..7f3769ea 100644
--- a/resources/scripts/admin/stores/estimate.js
+++ b/resources/scripts/admin/stores/estimate.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import moment from 'moment'
 import Guid from 'guid'
 import _ from 'lodash'
@@ -20,9 +20,7 @@ export const useEstimateStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'estimate',
-
+  return defineStoreFunc('estimate', {
     state: () => ({
       templates: [],
 
@@ -100,7 +98,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       previewEstimate(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/estimates/${params.id}/send/preview`, { params })
             .then((response) => {
               resolve(response)
@@ -114,7 +112,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       fetchEstimates(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/estimates`, { params })
             .then((response) => {
               this.estimates = response.data.data
@@ -130,7 +128,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       getNextNumber(params, setState = false) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/next-number?key=estimate`, { params })
             .then((response) => {
               if (setState) {
@@ -147,7 +145,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       fetchEstimate(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/estimates/${id}`)
             .then((response) => {
               this.setEstimateData(response.data.data)
@@ -222,7 +220,7 @@ export const useEstimateStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/${data.id}/send`, data)
             .then((response) => {
               if (!data.is_preview) {
@@ -242,7 +240,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       addEstimate(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/estimates', data)
             .then((response) => {
               this.estimates = [...this.estimates, response.data.estimate]
@@ -266,7 +264,7 @@ export const useEstimateStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/delete`, id)
             .then((response) => {
               let index = this.estimates.findIndex(
@@ -292,7 +290,7 @@ export const useEstimateStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/delete`, { ids: this.selectedEstimates })
             .then((response) => {
               this.selectedEstimates.forEach((estimate) => {
@@ -318,7 +316,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       updateEstimate(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/estimates/${data.id}`, data)
             .then((response) => {
               let pos = this.estimates.findIndex(
@@ -341,7 +339,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       cloneEstimate(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/${data.id}/clone`, data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -360,7 +358,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       markAsAccepted(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/${data.id}/status`, data)
             .then((response) => {
               let pos = this.estimates.findIndex(
@@ -387,7 +385,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       markAsRejected(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/${data.id}/status`, data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -407,7 +405,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       markAsSent(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/${data.id}/status`, data)
             .then((response) => {
               let pos = this.estimates.findIndex(
@@ -435,7 +433,7 @@ export const useEstimateStore = (useWindow = false) => {
       convertToInvoice(id) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/estimates/${id}/convert-to-invoice`)
             .then((response) => {
               notificationStore.showNotification({
@@ -453,7 +451,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       searchEstimate(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/estimates?${data}`)
             .then((response) => {
               resolve(response)
@@ -487,7 +485,7 @@ export const useEstimateStore = (useWindow = false) => {
 
       selectCustomer(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/customers/${id}`)
             .then((response) => {
               this.newEstimate.customer = response.data.data
@@ -502,7 +500,7 @@ export const useEstimateStore = (useWindow = false) => {
       },
       fetchEstimateTemplates(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/estimates/templates`, { params })
             .then((response) => {
               this.templates = response.data.estimateTemplates
diff --git a/resources/scripts/admin/stores/exchange-rate.js b/resources/scripts/admin/stores/exchange-rate.js
index 814752de..d79443ba 100644
--- a/resources/scripts/admin/stores/exchange-rate.js
+++ b/resources/scripts/admin/stores/exchange-rate.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -8,9 +8,7 @@ export const useExchangeRateStore = (useWindow = false) => {
   const { global } = window.i18n
   const notificationStore = useNotificationStore()
 
-  return defineStoreFunc({
-    id: 'exchange-rate',
-
+  return defineStoreFunc('exchange-rate', {
     state: () => ({
       supportedCurrencies: [],
       drivers: [],
@@ -37,7 +35,7 @@ export const useExchangeRateStore = (useWindow = false) => {
     actions: {
       fetchProviders(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/exchange-rate-providers', { params })
             .then((response) => {
               this.providers = response.data.data
@@ -52,7 +50,7 @@ export const useExchangeRateStore = (useWindow = false) => {
 
       fetchDefaultProviders() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/config?key=exchange_rate_drivers`)
             .then((response) => {
               this.drivers = response.data.exchange_rate_drivers
@@ -68,7 +66,7 @@ export const useExchangeRateStore = (useWindow = false) => {
 
       fetchProvider(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/exchange-rate-providers/${id}`)
             .then((response) => {
               this.currentExchangeRate = response.data.data
@@ -84,7 +82,7 @@ export const useExchangeRateStore = (useWindow = false) => {
 
       addProvider(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/exchange-rate-providers', data)
             .then((response) => {
               notificationStore.showNotification({
@@ -104,7 +102,7 @@ export const useExchangeRateStore = (useWindow = false) => {
 
       updateProvider(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/exchange-rate-providers/${data.id}`, data)
             .then((response) => {
               notificationStore.showNotification({
@@ -122,7 +120,7 @@ export const useExchangeRateStore = (useWindow = false) => {
 
       deleteExchangeRate(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/exchange-rate-providers/${id}`)
             .then((response) => {
               let index = this.drivers.findIndex((driver) => driver.id === id)
@@ -148,7 +146,7 @@ export const useExchangeRateStore = (useWindow = false) => {
       },
       fetchCurrencies(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/supported-currencies`, { params })
             .then((response) => {
               this.supportedCurrencies = response.data.supportedCurrencies
@@ -163,7 +161,7 @@ export const useExchangeRateStore = (useWindow = false) => {
       },
       fetchActiveCurrency(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/used-currencies', { params })
             .then((response) => {
               this.activeUsedCurrencies = response.data.activeUsedCurrencies
@@ -178,7 +176,7 @@ export const useExchangeRateStore = (useWindow = false) => {
       },
       fetchBulkCurrencies() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/currencies/used')
             .then((response) => {
               this.bulkCurrencies = response.data.currencies.map((_m) => {
@@ -196,7 +194,7 @@ export const useExchangeRateStore = (useWindow = false) => {
       },
       updateBulkExchangeRate(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/currencies/bulk-update-exchange-rate', data)
             .then((response) => {
               resolve(response)
@@ -209,7 +207,7 @@ export const useExchangeRateStore = (useWindow = false) => {
       },
       getCurrentExchangeRate(currencyId) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/currencies/${currencyId}/exchange-rate`)
             .then((response) => {
               resolve(response)
@@ -221,7 +219,7 @@ export const useExchangeRateStore = (useWindow = false) => {
       },
       getCurrencyConverterServers() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/config?key=currency_converter_servers')
             .then((response) => {
               resolve(response)
@@ -234,7 +232,7 @@ export const useExchangeRateStore = (useWindow = false) => {
       },
       checkForActiveProvider(currency_id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/currencies/${currency_id}/active-provider`)
             .then((response) => {
               resolve(response)
diff --git a/resources/scripts/admin/stores/expense.js b/resources/scripts/admin/stores/expense.js
index 450d8a69..024e5459 100644
--- a/resources/scripts/admin/stores/expense.js
+++ b/resources/scripts/admin/stores/expense.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { handleError } from '@/scripts/helpers/error-handling'
 import { useNotificationStore } from '@/scripts/stores/notification'
@@ -9,9 +9,7 @@ export const useExpenseStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'expense',
-
+  return defineStoreFunc('expense', {
     state: () => ({
       expenses: [],
       totalExpenses: 0,
@@ -38,7 +36,7 @@ export const useExpenseStore = (useWindow = false) => {
 
       fetchExpenses(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/expenses`, { params })
             .then((response) => {
               this.expenses = response.data.data
@@ -54,7 +52,7 @@ export const useExpenseStore = (useWindow = false) => {
 
       fetchExpense(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/expenses/${id}`)
             .then((response) => {
               if (response.data) {
@@ -97,7 +95,7 @@ export const useExpenseStore = (useWindow = false) => {
         const formData = utils.toFormData(data)
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/expenses', formData)
             .then((response) => {
               this.expenses.push(response.data)
@@ -127,7 +125,7 @@ export const useExpenseStore = (useWindow = false) => {
         formData.append('is_attachment_receipt_removed', isAttachmentReceiptRemoved)
 
         return new Promise((resolve) => {
-          axios.post(`/api/v1/expenses/${id}`, formData).then((response) => {
+          http.post(`/api/v1/expenses/${id}`, formData).then((response) => {
             let pos = this.expenses.findIndex(
               (expense) => expense.id === response.data.id
             )
@@ -175,7 +173,7 @@ export const useExpenseStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/expenses/delete`, id)
             .then((response) => {
               let index = this.expenses.findIndex(
@@ -200,7 +198,7 @@ export const useExpenseStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/expenses/delete`, { ids: this.selectedExpenses })
             .then((response) => {
               this.selectedExpenses.forEach((expense) => {
@@ -223,7 +221,7 @@ export const useExpenseStore = (useWindow = false) => {
       },
       fetchPaymentModes(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/payment-methods`, { params })
             .then((response) => {
               this.paymentModes = response.data.data
diff --git a/resources/scripts/admin/stores/global.js b/resources/scripts/admin/stores/global.js
index be86f9cd..a40c5de0 100644
--- a/resources/scripts/admin/stores/global.js
+++ b/resources/scripts/admin/stores/global.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useCompanyStore } from './company'
 import { useUserStore } from './user'
@@ -11,8 +11,7 @@ export const useGlobalStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'global',
+  return defineStoreFunc('global', {
     state: () => ({
       // Global Configuration
       config: null,
@@ -48,7 +47,7 @@ export const useGlobalStore = (useWindow = false) => {
     actions: {
       bootstrap() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/bootstrap')
             .then(async (response) => {
               const companyStore = useCompanyStore()
@@ -123,7 +122,7 @@ export const useGlobalStore = (useWindow = false) => {
             resolve(this.currencies)
           } else {
             this.areCurrenciesLoading = true
-            axios
+            http
               .get('/api/v1/currencies')
               .then((response) => {
                 this.currencies = response.data.data.filter((currency) => {
@@ -143,7 +142,7 @@ export const useGlobalStore = (useWindow = false) => {
 
       fetchConfig(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/config`, { params })
             .then((response) => {
               if (response.data.languages) {
@@ -165,7 +164,7 @@ export const useGlobalStore = (useWindow = false) => {
           if (this.dateFormats.length) {
             resolve(this.dateFormats)
           } else {
-            axios
+            http
               .get('/api/v1/date/formats')
               .then((response) => {
                 this.dateFormats = response.data.date_formats
@@ -184,7 +183,7 @@ export const useGlobalStore = (useWindow = false) => {
           if (this.timeFormats.length) {
             resolve(this.timeFormats)
           } else {
-            axios
+            http
               .get('/api/v1/time/formats')
               .then((response) => {
                 this.timeFormats = response.data.time_formats
@@ -203,7 +202,7 @@ export const useGlobalStore = (useWindow = false) => {
           if (this.timeZones.length) {
             resolve(this.timeZones)
           } else {
-            axios
+            http
               .get('/api/v1/timezones')
               .then((response) => {
                 this.timeZones = response.data.time_zones
@@ -222,7 +221,7 @@ export const useGlobalStore = (useWindow = false) => {
           if (this.countries.length) {
             resolve(this.countries)
           } else {
-            axios
+            http
               .get('/api/v1/countries')
               .then((response) => {
                 this.countries = response.data.data
@@ -238,7 +237,7 @@ export const useGlobalStore = (useWindow = false) => {
 
       fetchPlaceholders(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/number-placeholders`, { params })
             .then((response) => {
               resolve(response)
@@ -260,7 +259,7 @@ export const useGlobalStore = (useWindow = false) => {
 
       updateGlobalSettings({ data, message }) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/settings', data)
             .then((response) => {
               Object.assign(this.globalSettings, data.settings)
diff --git a/resources/scripts/admin/stores/installation.js b/resources/scripts/admin/stores/installation.js
index 8c63fac5..eca15672 100644
--- a/resources/scripts/admin/stores/installation.js
+++ b/resources/scripts/admin/stores/installation.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useCompanyStore } from './company'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -8,9 +8,7 @@ export const useInstallationStore = (useWindow = false) => {
   const { global } = window.i18n
   const companyStore = useCompanyStore()
 
-  return defineStoreFunc({
-    id: 'installation',
-
+  return defineStoreFunc('installation', {
     state: () => ({
       currentDataBaseData: {
         database_connection: 'mysql',
@@ -28,7 +26,7 @@ export const useInstallationStore = (useWindow = false) => {
     actions: {
       fetchInstallationLanguages() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/installation/languages`)
             .then((response) => {
               resolve(response)
@@ -42,7 +40,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       fetchInstallationRequirements() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/installation/requirements`)
             .then((response) => {
               resolve(response)
@@ -56,7 +54,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       fetchInstallationStep() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/installation/wizard-step`)
             .then((response) => {
               resolve(response)
@@ -70,7 +68,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       addInstallationStep(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/installation/wizard-step`, data)
             .then((response) => {
               resolve(response)
@@ -84,7 +82,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       addInstallationLanguage(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/installation/wizard-language`, data)
             .then((response) => {
               resolve(response)
@@ -98,7 +96,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       fetchInstallationPermissions() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/installation/permissions`)
             .then((response) => {
               resolve(response)
@@ -112,7 +110,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       fetchInstallationDatabase(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/installation/database/config`, { params })
             .then((response) => {
               resolve(response)
@@ -126,7 +124,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       addInstallationDatabase(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/installation/database/config`, data)
             .then((response) => {
               resolve(response)
@@ -140,7 +138,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       addInstallationFinish() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/installation/finish`)
             .then((response) => {
               resolve(response)
@@ -154,7 +152,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       setInstallationDomain(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/installation/set-domain`, data)
             .then((response) => {
               resolve(response)
@@ -168,9 +166,9 @@ export const useInstallationStore = (useWindow = false) => {
 
       installationLogin() {
         return new Promise((resolve, reject) => {
-          axios.get('/sanctum/csrf-cookie').then((response) => {
+          http.get('/sanctum/csrf-cookie').then((response) => {
             if (response) {
-              axios
+              http
                 .post('/api/v1/installation/login')
                 .then((response) => {
                   companyStore.setSelectedCompany(response.data.company)
@@ -187,7 +185,7 @@ export const useInstallationStore = (useWindow = false) => {
 
       checkAuthenticated() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/auth/check`)
             .then((response) => {
               resolve(response)
diff --git a/resources/scripts/admin/stores/invoice.js b/resources/scripts/admin/stores/invoice.js
index 5013b4e3..a3b3a33e 100644
--- a/resources/scripts/admin/stores/invoice.js
+++ b/resources/scripts/admin/stores/invoice.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import moment from 'moment'
 import Guid from 'guid'
 import _ from 'lodash'
@@ -22,8 +22,7 @@ export const useInvoiceStore = (useWindow = false) => {
   const { global } = window.i18n
   const notificationStore = useNotificationStore()
 
-  return defineStoreFunc({
-    id: 'invoice',
+  return defineStoreFunc('invoice', {
     state: () => ({
       templates: [],
       invoices: [],
@@ -108,7 +107,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       previewInvoice(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/invoices/${params.id}/send/preview`, { params })
             .then((response) => {
               resolve(response)
@@ -122,7 +121,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       fetchInvoices(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/invoices`, { params })
             .then((response) => {
               this.invoices = response.data.data
@@ -138,7 +137,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       fetchInvoice(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/invoices/${id}`)
             .then((response) => {
               this.setInvoiceData(response.data.data)
@@ -204,7 +203,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       sendInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/invoices/${data.id}/send`, data)
             .then((response) => {
               notificationStore.showNotification({
@@ -222,7 +221,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       addInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/invoices', data)
             .then((response) => {
               this.invoices = [...this.invoices, response.data.invoice]
@@ -243,7 +242,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       deleteInvoice(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/invoices/delete`, id)
             .then((response) => {
               let index = this.invoices.findIndex(
@@ -266,7 +265,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       deleteMultipleInvoices(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/invoices/delete`, { ids: this.selectedInvoices })
             .then((response) => {
               this.selectedInvoices.forEach((invoice) => {
@@ -292,7 +291,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       updateInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/invoices/${data.id}`, data)
             .then((response) => {
               let pos = this.invoices.findIndex(
@@ -316,7 +315,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       cloneInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/invoices/${data.id}/clone`, data)
             .then((response) => {
               notificationStore.showNotification({
@@ -334,7 +333,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       markAsSent(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/invoices/${data.id}/status`, data)
             .then((response) => {
               let pos = this.invoices.findIndex(
@@ -360,7 +359,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       getNextNumber(params, setState = false) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/next-number?key=invoice`, { params })
             .then((response) => {
               if (setState) {
@@ -377,7 +376,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       searchInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/invoices?${data}`)
             .then((response) => {
               resolve(response)
@@ -411,7 +410,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       selectCustomer(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/customers/${id}`)
             .then((response) => {
               this.newInvoice.customer = response.data.data
@@ -427,7 +426,7 @@ export const useInvoiceStore = (useWindow = false) => {
 
       fetchInvoiceTemplates(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/invoices/templates`, { params })
             .then((response) => {
               this.templates = response.data.invoiceTemplates
diff --git a/resources/scripts/admin/stores/item.js b/resources/scripts/admin/stores/item.js
index 1c3b21ad..d004489e 100644
--- a/resources/scripts/admin/stores/item.js
+++ b/resources/scripts/admin/stores/item.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,8 +7,7 @@ export const useItemStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'item',
+  return defineStoreFunc('item', {
     state: () => ({
       items: [],
       totalItems: 0,
@@ -45,7 +44,7 @@ export const useItemStore = (useWindow = false) => {
       },
       fetchItems(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/items`, { params })
             .then((response) => {
               this.items = response.data.data
@@ -62,7 +61,7 @@ export const useItemStore = (useWindow = false) => {
 
       fetchItem(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/items/${id}`)
             .then((response) => {
               if (response.data) {
@@ -79,7 +78,7 @@ export const useItemStore = (useWindow = false) => {
 
       addItem(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/items', data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -102,7 +101,7 @@ export const useItemStore = (useWindow = false) => {
 
       updateItem(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/items/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -133,7 +132,7 @@ export const useItemStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/items/delete`, id)
             .then((response) => {
               let index = this.items.findIndex((item) => item.id === id)
@@ -157,7 +156,7 @@ export const useItemStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/items/delete`, { ids: this.selectedItems })
             .then((response) => {
               this.selectedItems.forEach((item) => {
@@ -205,7 +204,7 @@ export const useItemStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/units`, data)
             .then((response) => {
               this.itemUnits.push(response.data.data)
@@ -239,7 +238,7 @@ export const useItemStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/units/${data.id}`, data)
             .then((response) => {
               let pos = this.itemUnits.findIndex(
@@ -274,7 +273,7 @@ export const useItemStore = (useWindow = false) => {
 
       fetchItemUnits(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/units`, { params })
             .then((response) => {
               this.itemUnits = response.data.data
@@ -289,7 +288,7 @@ export const useItemStore = (useWindow = false) => {
 
       fetchItemUnit(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/units/${id}`)
             .then((response) => {
               this.currentItemUnit = response.data.data
@@ -306,7 +305,7 @@ export const useItemStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/units/${id}`)
             .then((response) => {
               if (!response.data.error) {
diff --git a/resources/scripts/admin/stores/mail-driver.js b/resources/scripts/admin/stores/mail-driver.js
index 31b9b544..02115579 100644
--- a/resources/scripts/admin/stores/mail-driver.js
+++ b/resources/scripts/admin/stores/mail-driver.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,9 +7,7 @@ export const useMailDriverStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'mail-driver',
-
+  return defineStoreFunc('mail-driver', {
     state: () => ({
       mailConfigData: null,
       mail_driver: 'smtp',
@@ -57,7 +55,7 @@ export const useMailDriverStore = (useWindow = false) => {
     actions: {
       fetchMailDrivers() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/mail/drivers')
             .then((response) => {
               if (response.data) {
@@ -74,7 +72,7 @@ export const useMailDriverStore = (useWindow = false) => {
 
       fetchMailConfig() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/mail/config')
             .then((response) => {
               if (response.data) {
@@ -92,7 +90,7 @@ export const useMailDriverStore = (useWindow = false) => {
 
       updateMailConfig(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/mail/config', data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -118,7 +116,7 @@ export const useMailDriverStore = (useWindow = false) => {
 
       sendTestMail(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/mail/test', data)
             .then((response) => {
               const notificationStore = useNotificationStore()
diff --git a/resources/scripts/admin/stores/module.js b/resources/scripts/admin/stores/module.js
index eb329192..736eff9a 100644
--- a/resources/scripts/admin/stores/module.js
+++ b/resources/scripts/admin/stores/module.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { handleError } from '@/scripts/helpers/error-handling'
 import { useNotificationStore } from '@/scripts/stores/notification'
@@ -7,9 +7,7 @@ export const useModuleStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'modules',
-
+  return defineStoreFunc('modules', {
     state: () => ({
       currentModule: {},
       modules: [],
@@ -27,7 +25,7 @@ export const useModuleStore = (useWindow = false) => {
     actions: {
       fetchModules(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/modules`)
             .then((response) => {
               this.modules = response.data.data
@@ -43,7 +41,7 @@ export const useModuleStore = (useWindow = false) => {
 
       fetchModule(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/modules/${id}`)
             .then((response) => {
               if (response.data.error === 'invalid_token') {
@@ -67,7 +65,7 @@ export const useModuleStore = (useWindow = false) => {
 
       checkApiToken(token) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/modules/check?api_token=${token}`)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -88,7 +86,7 @@ export const useModuleStore = (useWindow = false) => {
 
       disableModule(module) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/modules/${module}/disable`)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -109,7 +107,7 @@ export const useModuleStore = (useWindow = false) => {
 
       enableModule(module) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/modules/${module}/enable`)
             .then((response) => {
               const notificationStore = useNotificationStore()
diff --git a/resources/scripts/admin/stores/note.js b/resources/scripts/admin/stores/note.js
index 724617a9..8520f683 100644
--- a/resources/scripts/admin/stores/note.js
+++ b/resources/scripts/admin/stores/note.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { handleError } from '@/scripts/helpers/error-handling'
 
@@ -6,9 +6,7 @@ export const useNotesStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'notes',
-
+  return defineStoreFunc('notes', {
     state: () => ({
       notes: [],
       currentNote: {
@@ -40,7 +38,7 @@ export const useNotesStore = (useWindow = false) => {
 
       fetchNotes(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/notes`, { params })
             .then((response) => {
               this.notes = response.data.data
@@ -55,7 +53,7 @@ export const useNotesStore = (useWindow = false) => {
 
       fetchNote(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/notes/${id}`)
             .then((response) => {
               this.currentNote = response.data.data
@@ -70,7 +68,7 @@ export const useNotesStore = (useWindow = false) => {
 
       addNote(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/notes', data)
             .then((response) => {
               this.notes.push(response.data)
@@ -85,7 +83,7 @@ export const useNotesStore = (useWindow = false) => {
 
       updateNote(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/notes/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -105,7 +103,7 @@ export const useNotesStore = (useWindow = false) => {
 
       deleteNote(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/notes/${id}`)
             .then((response) => {
               let index = this.notes.findIndex((note) => note.id === id)
diff --git a/resources/scripts/admin/stores/payment.js b/resources/scripts/admin/stores/payment.js
index ab33bbb1..413e7ff7 100644
--- a/resources/scripts/admin/stores/payment.js
+++ b/resources/scripts/admin/stores/payment.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import moment from 'moment'
 import { defineStore } from 'pinia'
 import { useRoute } from 'vue-router'
@@ -12,9 +12,7 @@ export const usePaymentStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'payment',
-
+  return defineStoreFunc('payment', {
     state: () => ({
       payments: [],
       paymentTotalCount: 0,
@@ -99,7 +97,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       fetchPayments(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/payments`, { params })
             .then((response) => {
               this.payments = response.data.data
@@ -115,7 +113,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       fetchPayment(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/payments/${id}`)
             .then((response) => {
               Object.assign(this.currentPayment, response.data.data)
@@ -130,7 +128,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       addPayment(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/payments', data)
             .then((response) => {
               this.payments.push(response.data)
@@ -150,7 +148,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       updatePayment(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/payments/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -179,7 +177,7 @@ export const usePaymentStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/payments/delete`, id)
             .then((response) => {
               let index = this.payments.findIndex(
@@ -203,7 +201,7 @@ export const usePaymentStore = (useWindow = false) => {
       deleteMultiplePayments() {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/payments/delete`, { ids: this.selectedPayments })
             .then((response) => {
               this.selectedPayments.forEach((payment) => {
@@ -260,7 +258,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       searchPayment(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/payments`, { params })
             .then((response) => {
               this.payments = response.data
@@ -275,7 +273,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       previewPayment(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/payments/${params.id}/send/preview`, { params })
             .then((response) => {
               resolve(response)
@@ -289,7 +287,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       sendEmail(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/payments/${data.id}/send`, data)
             .then((response) => {
               const notificationStore = useNotificationStore()
@@ -308,7 +306,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       getNextNumber(params, setState = false) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/next-number?key=payment`, { params })
             .then((response) => {
               if (setState) {
@@ -331,7 +329,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       fetchPaymentModes(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/payment-methods`, { params })
             .then((response) => {
               this.paymentModes = response.data.data
@@ -346,7 +344,7 @@ export const usePaymentStore = (useWindow = false) => {
 
       fetchPaymentMode(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/payment-methods/${id}`)
             .then((response) => {
               this.currentPaymentMode = response.data.data
@@ -362,7 +360,7 @@ export const usePaymentStore = (useWindow = false) => {
       addPaymentMode(data) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/payment-methods`, data)
             .then((response) => {
               this.paymentModes.push(response.data.data)
@@ -382,7 +380,7 @@ export const usePaymentStore = (useWindow = false) => {
       updatePaymentMode(data) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/payment-methods/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -410,7 +408,7 @@ export const usePaymentStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/payment-methods/${id}`)
             .then((response) => {
               let index = this.paymentModes.findIndex(
diff --git a/resources/scripts/admin/stores/pdf-driver.js b/resources/scripts/admin/stores/pdf-driver.js
index 32032484..1e32c941 100644
--- a/resources/scripts/admin/stores/pdf-driver.js
+++ b/resources/scripts/admin/stores/pdf-driver.js
@@ -1,15 +1,13 @@
 const { defineStore } = window.pinia
 import { handleError } from '@/scripts/helpers/error-handling'
 import { useNotificationStore } from '@/scripts/stores/notification'
-import axios from 'axios'
+import http from '@/scripts/http'
 
 export const usePDFDriverStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'pdf-driver',
-
+  return defineStoreFunc('pdf-driver', {
     state: () => ({
       pdfDriverConfig: null,
       pdf_driver: 'dompdf',
@@ -28,7 +26,7 @@ export const usePDFDriverStore = (useWindow = false) => {
     actions: {
       async fetchDrivers() {
         try {
-          const response = await axios.get('/api/v1/pdf/drivers')
+          const response = await http.get('/api/v1/pdf/drivers')
           this.pdf_drivers = response.data
         } catch (err) {
           handleError(err)
@@ -37,7 +35,7 @@ export const usePDFDriverStore = (useWindow = false) => {
       },
       async fetchConfig() {
         try {
-          const response = await axios.get('/api/v1/pdf/config')
+          const response = await http.get('/api/v1/pdf/config')
           this.pdfDriverConfig = response.data
           this.pdf_driver = response.data.pdf_driver
         } catch (err) {
@@ -47,7 +45,7 @@ export const usePDFDriverStore = (useWindow = false) => {
       },
       async updateConfig(data) {
         try {
-          const response = await axios.post('/api/v1/pdf/config', data)
+          const response = await http.post('/api/v1/pdf/config', data)
           const notificationStore = useNotificationStore()
           if (response.data.success) {
             notificationStore.showNotification({
diff --git a/resources/scripts/admin/stores/recurring-invoice.js b/resources/scripts/admin/stores/recurring-invoice.js
index ca4a8f06..801b8a18 100644
--- a/resources/scripts/admin/stores/recurring-invoice.js
+++ b/resources/scripts/admin/stores/recurring-invoice.js
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import axios from 'axios'
+import http from '@/scripts/http'
 import recurringInvoiceStub from '@/scripts/admin/stub/recurring-invoice'
 import recurringInvoiceItemStub from '@/scripts/admin/stub/recurring-invoice-item'
 import TaxStub from '../stub/tax'
@@ -20,9 +20,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'recurring-invoice',
-
+  return defineStoreFunc('recurring-invoice', {
     state: () => ({
       templates: [],
       recurringInvoices: [],
@@ -162,7 +160,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
 
       addRecurringInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/recurring-invoices', data)
             .then((response) => {
               this.recurringInvoices = [
@@ -187,7 +185,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
       fetchRecurringInvoice(id) {
         return new Promise((resolve, reject) => {
           this.isFetchingViewData = true
-          axios
+          http
             .get(`/api/v1/recurring-invoices/${id}`)
             .then((response) => {
               Object.assign(this.newRecurringInvoice, response.data.data)
@@ -207,7 +205,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
 
       updateRecurringInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/recurring-invoices/${data.id}`, data)
             .then((response) => {
               resolve(response)
@@ -234,7 +232,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
 
       selectCustomer(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/customers/${id}`)
             .then((response) => {
               this.newRecurringInvoice.customer = response.data.data
@@ -250,7 +248,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
 
       searchRecurringInvoice(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/recurring-invoices?${data}`)
             .then((response) => {
               resolve(response)
@@ -264,7 +262,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
 
       fetchRecurringInvoices(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/recurring-invoices`, { params })
             .then((response) => {
               this.recurringInvoices = response.data.data
@@ -282,7 +280,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
 
       deleteRecurringInvoice(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/recurring-invoices/delete`, id)
             .then((response) => {
               let index = this.recurringInvoices.findIndex(
@@ -304,7 +302,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
           if (id) {
             ids = [id]
           }
-          axios
+          http
             .post(`/api/v1/recurring-invoices/delete`, {
               ids: ids,
             })
@@ -492,7 +490,7 @@ export const useRecurringInvoiceStore = (useWindow = false) => {
 
       fetchRecurringInvoiceFrequencyDate(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/recurring-invoice-frequency', { params })
             .then((response) => {
               this.newRecurringInvoice.next_invoice_at =
diff --git a/resources/scripts/admin/stores/reset.js b/resources/scripts/admin/stores/reset.js
index e5dff5a9..723016a2 100644
--- a/resources/scripts/admin/stores/reset.js
+++ b/resources/scripts/admin/stores/reset.js
@@ -1,4 +1,3 @@
-import axios from 'axios'
 import { defineStore } from 'pinia'
 import { useBackupStore } from './backup'
 import { useCategoryStore } from './category'
@@ -30,8 +29,7 @@ export const useResetStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'reset',
+  return defineStoreFunc('reset', {
     actions: {
       clearPinia() {
         const backupStore = useBackupStore()
diff --git a/resources/scripts/admin/stores/role.js b/resources/scripts/admin/stores/role.js
index dce94e28..191daa5a 100644
--- a/resources/scripts/admin/stores/role.js
+++ b/resources/scripts/admin/stores/role.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import _ from 'lodash'
@@ -8,8 +8,7 @@ export const useRoleStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'role',
+  return defineStoreFunc('role', {
     state: () => ({
       roles: [],
       allAbilities: [],
@@ -38,7 +37,7 @@ export const useRoleStore = (useWindow = false) => {
     actions: {
       fetchRoles(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/roles`, { params })
             .then((response) => {
               this.roles = response.data.data
@@ -53,7 +52,7 @@ export const useRoleStore = (useWindow = false) => {
 
       fetchRole(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/roles/${id}`)
             .then((response) => {
               this.currentRole.name = response.data.data.name
@@ -81,7 +80,7 @@ export const useRoleStore = (useWindow = false) => {
       addRole(data) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/roles', data)
             .then((response) => {
               this.roles.push(response.data.role)
@@ -101,7 +100,7 @@ export const useRoleStore = (useWindow = false) => {
       updateRole(data) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/roles/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -128,7 +127,7 @@ export const useRoleStore = (useWindow = false) => {
           if (this.allAbilities.length) {
             resolve(this.allAbilities)
           } else {
-            axios
+            http
               .get(`/api/v1/abilities`, { params })
               .then((response) => {
                 this.allAbilities = response.data.abilities
@@ -146,7 +145,7 @@ export const useRoleStore = (useWindow = false) => {
       deleteRole(id) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/roles/${id}`)
             .then((response) => {
               let index = this.roles.findIndex((role) => role.id === id)
diff --git a/resources/scripts/admin/stores/tax-type.js b/resources/scripts/admin/stores/tax-type.js
index d5feb91b..d1edb08b 100644
--- a/resources/scripts/admin/stores/tax-type.js
+++ b/resources/scripts/admin/stores/tax-type.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,9 +7,7 @@ export const useTaxTypeStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'taxType',
-
+  return defineStoreFunc('taxType', {
     state: () => ({
       taxTypes: [],
       currentTaxType: {
@@ -44,7 +42,7 @@ export const useTaxTypeStore = (useWindow = false) => {
 
       fetchTaxTypes(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/tax-types`, { params })
             .then((response) => {
               this.taxTypes = response.data.data
@@ -59,7 +57,7 @@ export const useTaxTypeStore = (useWindow = false) => {
 
       fetchTaxType(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/tax-types/${id}`)
             .then((response) => {
               this.currentTaxType = response.data.data
@@ -75,7 +73,7 @@ export const useTaxTypeStore = (useWindow = false) => {
       addTaxType(data) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/tax-types', data)
             .then((response) => {
               this.taxTypes.push(response.data.data)
@@ -95,7 +93,7 @@ export const useTaxTypeStore = (useWindow = false) => {
       updateTaxType(data) {
         const notificationStore = useNotificationStore()
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/tax-types/${data.id}`, data)
             .then((response) => {
               if (response.data) {
@@ -119,7 +117,7 @@ export const useTaxTypeStore = (useWindow = false) => {
 
       fetchSalesTax(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/m/sales-tax-us/current-tax', data)
             .then((response) => {
               if (response.data) {
@@ -141,7 +139,7 @@ export const useTaxTypeStore = (useWindow = false) => {
 
       deleteTaxType(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .delete(`/api/v1/tax-types/${id}`)
             .then((response) => {
               if (response.data.success) {
diff --git a/resources/scripts/admin/stores/user.js b/resources/scripts/admin/stores/user.js
index 942aa6b3..84101f21 100644
--- a/resources/scripts/admin/stores/user.js
+++ b/resources/scripts/admin/stores/user.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,9 +7,7 @@ export const useUserStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'user',
-
+  return defineStoreFunc('user', {
     state: () => ({
       currentUser: null,
       currentAbilities: [],
@@ -31,7 +29,7 @@ export const useUserStore = (useWindow = false) => {
     actions: {
       updateCurrentUser(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put('/api/v1/me', data)
             .then((response) => {
               this.currentUser = response.data.data
@@ -52,7 +50,7 @@ export const useUserStore = (useWindow = false) => {
 
       fetchCurrentUser(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/me`, params)
             .then((response) => {
               this.currentUser = response.data.data
@@ -68,7 +66,7 @@ export const useUserStore = (useWindow = false) => {
 
       uploadAvatar(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/me/upload-avatar', data)
             .then((response) => {
               this.currentUser.avatar = response.data.data.avatar
@@ -83,7 +81,7 @@ export const useUserStore = (useWindow = false) => {
 
       fetchUserSettings(settings) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get('/api/v1/me/settings', {
               params: {
                 settings,
@@ -101,7 +99,7 @@ export const useUserStore = (useWindow = false) => {
 
       updateUserSettings(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put('/api/v1/me/settings', data)
             .then((response) => {
               if (data.settings.language) {
diff --git a/resources/scripts/admin/stores/users.js b/resources/scripts/admin/stores/users.js
index 0f21de7b..57211d71 100644
--- a/resources/scripts/admin/stores/users.js
+++ b/resources/scripts/admin/stores/users.js
@@ -1,4 +1,4 @@
-import axios from 'axios'
+import http from '@/scripts/http'
 import { defineStore } from 'pinia'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { handleError } from '@/scripts/helpers/error-handling'
@@ -7,8 +7,7 @@ export const useUsersStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'users',
+  return defineStoreFunc('users', {
     state: () => ({
       roles: [],
       users: [],
@@ -42,7 +41,7 @@ export const useUsersStore = (useWindow = false) => {
 
       fetchUsers(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/users`, { params })
             .then((response) => {
               this.users = response.data.data
@@ -58,7 +57,7 @@ export const useUsersStore = (useWindow = false) => {
 
       fetchUser(id) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/users/${id}`)
             .then((response) => {
               this.userData = response.data.data
@@ -82,7 +81,7 @@ export const useUsersStore = (useWindow = false) => {
 
       fetchRoles(state) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/roles`)
             .then((response) => {
               this.roles = response.data.data
@@ -97,7 +96,7 @@ export const useUsersStore = (useWindow = false) => {
 
       addUser(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post('/api/v1/users', data)
             .then((response) => {
               this.users.push(response.data)
@@ -118,7 +117,7 @@ export const useUsersStore = (useWindow = false) => {
 
       updateUser(data) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .put(`/api/v1/users/${data.id}`, data)
             .then((response) => {
               if (response) {
@@ -145,7 +144,7 @@ export const useUsersStore = (useWindow = false) => {
         const notificationStore = useNotificationStore()
 
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/users/delete`, { users: id.ids })
             .then((response) => {
               let index = this.users.findIndex((user) => user.id === id)
@@ -165,7 +164,7 @@ export const useUsersStore = (useWindow = false) => {
 
       deleteMultipleUsers() {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .post(`/api/v1/users/delete`, { users: this.selectedUsers })
             .then((response) => {
               this.selectedUsers.forEach((user) => {
@@ -190,7 +189,7 @@ export const useUsersStore = (useWindow = false) => {
 
       searchUsers(params) {
         return new Promise((resolve, reject) => {
-          axios
+          http
             .get(`/api/v1/search`, { params })
             .then((response) => {
               this.userList = response.data.users.data
diff --git a/resources/scripts/admin/views/auth/ForgotPassword.vue b/resources/scripts/admin/views/auth/ForgotPassword.vue
index d5bfeca3..1c23f38b 100644
--- a/resources/scripts/admin/views/auth/ForgotPassword.vue
+++ b/resources/scripts/admin/views/auth/ForgotPassword.vue
@@ -41,7 +41,7 @@
 </template>
 
 <script type="text/babel" setup>
-import axios from 'axios'
+import http from '@/scripts/http'
 import { reactive, ref, computed } from 'vue'
 import { required, email, helpers } from '@vuelidate/validators'
 import { useVuelidate } from '@vuelidate/core'
@@ -74,7 +74,7 @@ async function onSubmit(e) {
   if (!v$.value.$invalid) {
     try {
       isLoading.value = true
-      let res = await axios.post('/api/v1/auth/password/email', formData)
+      let res = await http.post('/api/v1/auth/password/email', formData)
       if (res.data) {
         notificationStore.showNotification({
           type: 'success',
diff --git a/resources/scripts/admin/views/auth/Login.vue b/resources/scripts/admin/views/auth/Login.vue
index d0d1c229..d5d7ed27 100644
--- a/resources/scripts/admin/views/auth/Login.vue
+++ b/resources/scripts/admin/views/auth/Login.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script setup>
-import axios from 'axios'
+import http from '@/scripts/http'
 import { ref, computed, onMounted } from 'vue'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { useRouter } from 'vue-router'
@@ -96,8 +96,6 @@ const getInputType = computed(() => {
 })
 
 async function onSubmit() {
-  axios.defaults.withCredentials = true
-
   v$.value.$touch()
 
   if (v$.value.$invalid) {
diff --git a/resources/scripts/admin/views/auth/ResetPassword.vue b/resources/scripts/admin/views/auth/ResetPassword.vue
index 7f1c4686..d23e55ce 100644
--- a/resources/scripts/admin/views/auth/ResetPassword.vue
+++ b/resources/scripts/admin/views/auth/ResetPassword.vue
@@ -58,7 +58,7 @@ import useVuelidate from '@vuelidate/core'
 import { required, email, minLength, sameAs } from '@vuelidate/validators'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import { useRoute, useRouter } from 'vue-router'
-import axios from 'axios'
+import http from '@/scripts/http'
 import { useI18n } from 'vue-i18n'
 import { handleError } from '@/scripts/helpers/error-handling'
 
@@ -141,7 +141,7 @@ async function onSubmit(e) {
         token: route.params.token,
       }
       isLoading.value = true
-      let res = await axios.post('/api/v1/auth/reset/password', data)
+      let res = await http.post('/api/v1/auth/reset/password', data)
       isLoading.value = false
       if (res.data) {
         notificationStore.showNotification({
diff --git a/resources/scripts/admin/views/customers/partials/CustomerViewSidebar.vue b/resources/scripts/admin/views/customers/partials/CustomerViewSidebar.vue
index 9f68b4ca..1ed1a73e 100644
--- a/resources/scripts/admin/views/customers/partials/CustomerViewSidebar.vue
+++ b/resources/scripts/admin/views/customers/partials/CustomerViewSidebar.vue
@@ -122,9 +122,9 @@
           :id="'customer-' + customer.id"
           :to="`/admin/customers/${customer.id}/view`"
           :class="[
-            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent',
+            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-l-transparent',
             {
-              'bg-gray-100 border-l-4 border-primary-500 border-solid':
+              'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                 hasActiveUrl(customer.id),
             },
           ]"
diff --git a/resources/scripts/admin/views/estimates/View.vue b/resources/scripts/admin/views/estimates/View.vue
index f9f2711d..5d05d781 100644
--- a/resources/scripts/admin/views/estimates/View.vue
+++ b/resources/scripts/admin/views/estimates/View.vue
@@ -169,9 +169,9 @@
             :id="'estimate-' + estimate.id"
             :to="`/admin/estimates/${estimate.id}/view`"
             :class="[
-              'flex justify-between side-estimate p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent',
+              'flex justify-between side-estimate p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-l-transparent',
               {
-                'bg-gray-100 border-l-4 border-primary-500 border-solid':
+                'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                   hasActiveUrl(estimate.id),
               },
             ]"
diff --git a/resources/scripts/admin/views/installation/Step3DatabaseConfig.vue b/resources/scripts/admin/views/installation/Step3DatabaseConfig.vue
index b2a86821..d9832570 100644
--- a/resources/scripts/admin/views/installation/Step3DatabaseConfig.vue
+++ b/resources/scripts/admin/views/installation/Step3DatabaseConfig.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import Mysql from './database/MysqlDatabase.vue'
 import Pgsql from './database/PgsqlDatabase.vue'
 import Sqlite from './database/SqliteDatabase.vue'
@@ -47,8 +47,9 @@ export default {
     })
 
     async function getDatabaseConfig(connection) {
-      let params = {
-        connection,
+      let params = {}
+      if (connection) {
+        params.connection = connection
       }
 
       const res = await installationStore.fetchInstallationDatabase(params)
@@ -58,10 +59,16 @@ export default {
           res.data.config.database_connection
       }
 
-      if (connection === 'sqlite') {
+      if (res.data.config.database_connection === 'sqlite') {
         databaseData.value.database_name = res.data.config.database_name
       } else {
         databaseData.value.database_name = null
+        if (res.data.config.database_host) {
+          databaseData.value.database_hostname = res.data.config.database_host
+        }
+        if (res.data.config.database_port) {
+          databaseData.value.database_port = res.data.config.database_port
+        }
       }
     }
 
@@ -127,6 +134,10 @@ export default {
       }
     }
 
+    onMounted(() => {
+      getDatabaseConfig()
+    })
+
     return {
       databaseData,
       database_connection,
diff --git a/resources/scripts/admin/views/installation/Step4VerifyDomain.vue b/resources/scripts/admin/views/installation/Step4VerifyDomain.vue
index 0798950f..f1146bb3 100644
--- a/resources/scripts/admin/views/installation/Step4VerifyDomain.vue
+++ b/resources/scripts/admin/views/installation/Step4VerifyDomain.vue
@@ -22,8 +22,8 @@
     <ul class="w-full text-gray-600 list-disc list-inside">
       <li class="text-sm leading-8">
         {{ $t('wizard.verify_domain.notes.not_contain') }}
-        <b class="inline-block px-1 bg-gray-100 rounded-sm">https://</b> {{ $t('wizard.verify_domain.notes.or') }}
-        <b class="inline-block px-1 bg-gray-100 rounded-sm">http</b> {{ $t('wizard.verify_domain.notes.in_front') }}
+        <b class="inline-block px-1 bg-gray-100 rounded-xs">https://</b> {{ $t('wizard.verify_domain.notes.or') }}
+        <b class="inline-block px-1 bg-gray-100 rounded-xs">http</b> {{ $t('wizard.verify_domain.notes.in_front') }}
       </li>
       <li class="text-sm leading-8">
         {{ $t('wizard.verify_domain.notes.if_you') }}
diff --git a/resources/scripts/admin/views/installation/Step5EmailConfig.vue b/resources/scripts/admin/views/installation/Step5EmailConfig.vue
index ad2813d4..65d0361b 100644
--- a/resources/scripts/admin/views/installation/Step5EmailConfig.vue
+++ b/resources/scripts/admin/views/installation/Step5EmailConfig.vue
@@ -41,8 +41,6 @@ export default {
 
     const mailDriverStore = useMailDriverStore()
 
-    mailDriverStore.mail_driver = 'mail'
-
     loadData()
 
     function changeDriver(value) {
@@ -52,6 +50,7 @@ export default {
     async function loadData() {
       isFetchingInitialData.value = true
       await mailDriverStore.fetchMailDrivers()
+      await mailDriverStore.fetchMailConfig()
       isFetchingInitialData.value = false
     }
 
diff --git a/resources/scripts/admin/views/invoices/View.vue b/resources/scripts/admin/views/invoices/View.vue
index 111ae9ce..34ea6fc8 100644
--- a/resources/scripts/admin/views/invoices/View.vue
+++ b/resources/scripts/admin/views/invoices/View.vue
@@ -412,9 +412,9 @@ onSearched = debounce(onSearched, 500)
             :id="'invoice-' + invoice.id"
             :to="`/admin/invoices/${invoice.id}/view`"
             :class="[
-              'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent',
+              'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-l-transparent',
               {
-                'bg-gray-100 border-l-4 border-primary-500 border-solid':
+                'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                   hasActiveUrl(invoice.id),
               },
             ]"
diff --git a/resources/scripts/admin/views/modules/View.vue b/resources/scripts/admin/views/modules/View.vue
index 6755d8af..224761b5 100644
--- a/resources/scripts/admin/views/modules/View.vue
+++ b/resources/scripts/admin/views/modules/View.vue
@@ -32,7 +32,7 @@
                 :class="[
                   'relative  md:h-24 lg:h-36 rounded hover:bg-gray-50',
                   {
-                    'outline-none ring ring-offset-1 ring-primary-500':
+                    'outline-hidden ring-3 ring-offset-1 ring-primary-500':
                       displayVideo,
                   },
                 ]"
@@ -66,7 +66,7 @@
                 :class="[
                   'relative  md:h-24 lg:h-36 rounded hover:bg-gray-50',
                   {
-                    'outline-none ring ring-offset-1 ring-primary-500':
+                    'outline-hidden ring-3 ring-offset-1 ring-primary-500':
                       displayImage === screenshot.url,
                   },
                 ]"
@@ -195,7 +195,7 @@
                     checked
                       ? 'bg-primary-50 border-primary-200 z-10'
                       : 'border-gray-200',
-                    'relative border p-4 flex flex-col cursor-pointer md:pl-4 md:pr-6 md:grid md:grid-cols-2 focus:outline-none',
+                    'relative border p-4 flex flex-col cursor-pointer md:pl-4 md:pr-6 md:grid md:grid-cols-2 focus:outline-hidden',
                   ]"
                 >
                   <div class="flex items-center text-sm">
@@ -673,7 +673,7 @@ import { useRoute } from 'vue-router'
 import { useDialogStore } from '@/scripts/stores/dialog'
 import { useI18n } from 'vue-i18n'
 import moment from 'moment'
-import axios from 'axios'
+import http from '@/scripts/http'
 import ModulePlaceholder from './partials/ModulePlaceholder.vue'
 import RecentModuleCard from './partials/RecentModuleCard.vue'
 import { useNotificationStore } from '@/scripts/stores/notification'
@@ -853,7 +853,7 @@ async function installModule() {
         module: moduleData.value.module_name,
       }
 
-      let requestResponse = await axios.post(currentStep.stepUrl, updateParams)
+      let requestResponse = await http.post(currentStep.stepUrl, updateParams)
 
       currentStep.completed = true
       if (requestResponse.data) {
diff --git a/resources/scripts/admin/views/modules/partials/ModuleCard.vue b/resources/scripts/admin/views/modules/partials/ModuleCard.vue
index 14f838db..4f7c0113 100644
--- a/resources/scripts/admin/views/modules/partials/ModuleCard.vue
+++ b/resources/scripts/admin/views/modules/partials/ModuleCard.vue
@@ -3,7 +3,7 @@
     class="
       relative
       shadow-md
-      border-2 border-gray-200 border-opacity-60
+      border-2 border-gray-200/60
       rounded-lg
       cursor-pointer
       overflow-hidden
@@ -18,7 +18,7 @@
       <label
         v-if="data.purchased"
         class="
-          bg-white bg-opacity-75
+          bg-white/75
           text-xs
           px-3
           py-1
@@ -33,7 +33,7 @@
         v-if="data.installed"
         class="
           ml-2
-          bg-white bg-opacity-75
+          bg-white/75
           text-xs
           px-3
           py-1
diff --git a/resources/scripts/admin/views/modules/partials/ModuleCardPlaceholder.vue b/resources/scripts/admin/views/modules/partials/ModuleCardPlaceholder.vue
index 55a72360..fb664cde 100644
--- a/resources/scripts/admin/views/modules/partials/ModuleCardPlaceholder.vue
+++ b/resources/scripts/admin/views/modules/partials/ModuleCardPlaceholder.vue
@@ -3,7 +3,7 @@
     <div
       class="
         shadow-md
-        border-2 border-gray-200 border-opacity-60
+        border-2 border-gray-200/60
         rounded-lg
         cursor-pointer
         overflow-hidden
diff --git a/resources/scripts/admin/views/modules/partials/RecentModuleCard.vue b/resources/scripts/admin/views/modules/partials/RecentModuleCard.vue
index cd5ba460..e735270b 100644
--- a/resources/scripts/admin/views/modules/partials/RecentModuleCard.vue
+++ b/resources/scripts/admin/views/modules/partials/RecentModuleCard.vue
@@ -10,7 +10,7 @@
           <div
             class="
               w-full
-              bg-white bg-opacity-75
+              bg-white/75
               backdrop-filter backdrop-blur
               py-2
               px-4
diff --git a/resources/scripts/admin/views/payments/View.vue b/resources/scripts/admin/views/payments/View.vue
index 55bd340d..9fcc87ef 100644
--- a/resources/scripts/admin/views/payments/View.vue
+++ b/resources/scripts/admin/views/payments/View.vue
@@ -147,9 +147,9 @@
             :id="'payment-' + payment.id"
             :to="`/admin/payments/${payment.id}/view`"
             :class="[
-              'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent',
+              'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-l-transparent',
               {
-                'bg-gray-100 border-l-4 border-primary-500 border-solid':
+                'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                   hasActiveUrl(payment.id),
               },
             ]"
diff --git a/resources/scripts/admin/views/recurring-invoices/partials/RecurringInvoiceViewSidebar.vue b/resources/scripts/admin/views/recurring-invoices/partials/RecurringInvoiceViewSidebar.vue
index fc39f320..638101f9 100644
--- a/resources/scripts/admin/views/recurring-invoices/partials/RecurringInvoiceViewSidebar.vue
+++ b/resources/scripts/admin/views/recurring-invoices/partials/RecurringInvoiceViewSidebar.vue
@@ -251,9 +251,9 @@ onSearched = debounce(onSearched, 500)
           :id="'recurring-invoice-' + invoice.id"
           :to="`/admin/recurring-invoices/${invoice.id}/view`"
           :class="[
-            'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent',
+            'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-l-transparent',
             {
-              'bg-gray-100 border-l-4 border-primary-500 border-solid':
+              'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                 hasActiveUrl(invoice.id),
             },
           ]"
diff --git a/resources/scripts/admin/views/settings/CompanyInfoSettings.vue b/resources/scripts/admin/views/settings/CompanyInfoSettings.vue
index 7156ff16..d712aae9 100644
--- a/resources/scripts/admin/views/settings/CompanyInfoSettings.vue
+++ b/resources/scripts/admin/views/settings/CompanyInfoSettings.vue
@@ -121,7 +121,7 @@
         <div class="mt-5">
           <button
             type="button"
-            class="inline-flex items-center justify-center px-4 py-2 border border-transparent font-medium rounded-md text-red-700 bg-red-100 hover:bg-red-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:text-sm"
+            class="inline-flex items-center justify-center px-4 py-2 border border-transparent font-medium rounded-md text-red-700 bg-red-100 hover:bg-red-200 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:text-sm"
             @click="removeCompany"
           >
             {{ $t('general.delete') }}
diff --git a/resources/scripts/admin/views/settings/UpdateAppSetting.vue b/resources/scripts/admin/views/settings/UpdateAppSetting.vue
index ebccb87e..2b521f72 100644
--- a/resources/scripts/admin/views/settings/UpdateAppSetting.vue
+++ b/resources/scripts/admin/views/settings/UpdateAppSetting.vue
@@ -214,7 +214,7 @@
 
 <script setup>
 import { useNotificationStore } from '@/scripts/stores/notification'
-import axios from 'axios'
+import http from '@/scripts/http'
 import LoadingIcon from '@/scripts/components/icons/LoadingIcon.vue'
 import { reactive, ref, onMounted, computed } from 'vue'
 import { useI18n } from 'vue-i18n'
@@ -301,7 +301,7 @@ window.addEventListener('beforeunload', (event) => {
 
 // Created
 
-axios.get('/api/v1/app/version').then((res) => {
+http.get('/api/v1/app/version').then((res) => {
   currentVersion.value = res.data.version
   insiderChannel.value = res.data.channel === 'insider'
 })
@@ -344,7 +344,7 @@ function statusClass(step) {
 async function checkUpdate() {
   try {
     isCheckingforUpdate.value = true
-    let response = await axios.get('/api/v1/check/update', {
+    let response = await http.get('/api/v1/check/update', {
       params: {
         channel: insiderChannel ? 'insider' : ''
       }
@@ -409,7 +409,7 @@ function onUpdateApp() {
               path: path || null,
             }
 
-            let requestResponse = await axios.post(
+            let requestResponse = await http.post(
               currentStep.stepUrl,
               updateParams
             )
diff --git a/resources/scripts/components/CompanySwitcher.vue b/resources/scripts/components/CompanySwitcher.vue
index fd979cba..78aedacc 100644
--- a/resources/scripts/components/CompanySwitcher.vue
+++ b/resources/scripts/components/CompanySwitcher.vue
@@ -12,10 +12,9 @@
         md:h-9
         ml-2
         text-sm text-white
-        bg-white
+        bg-white/20
         rounded
         cursor-pointer
-        bg-opacity-20
       "
       @click="isShow = !isShow"
     >
diff --git a/resources/scripts/components/InvoicePublicPage.vue b/resources/scripts/components/InvoicePublicPage.vue
index cb63c119..6cb0b772 100644
--- a/resources/scripts/components/InvoicePublicPage.vue
+++ b/resources/scripts/components/InvoicePublicPage.vue
@@ -1,7 +1,7 @@
 I
 <template>
   <div class="h-screen overflow-y-auto min-h-0">
-    <div class="bg-gradient-to-r from-primary-500 to-primary-400 h-5"></div>
+    <div class="bg-linear-to-r from-primary-500 to-primary-400 h-5"></div>
 
     <div
       class="
@@ -73,7 +73,7 @@ I
 </template>
 
 <script setup>
-import axios from 'axios'
+import http from '@/scripts/http'
 import { ref, reactive, computed, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import InvoiceInformationCard from '@/scripts/components/InvoiceInformationCard.vue'
@@ -85,7 +85,7 @@ const router = useRouter()
 loadInvoice()
 
 async function loadInvoice() {
-  let res = await axios.get(`/customer/invoices/${route.params.hash}`)
+  let res = await http.get(`/customer/invoices/${route.params.hash}`)
   invoiceData.value = res.data.data
 }
 
diff --git a/resources/scripts/components/base-select/BaseMultiselect.vue b/resources/scripts/components/base-select/BaseMultiselect.vue
index d055a8e4..6b173ef3 100755
--- a/resources/scripts/components/base-select/BaseMultiselect.vue
+++ b/resources/scripts/components/base-select/BaseMultiselect.vue
@@ -437,9 +437,9 @@ export default {
       required: false,
       default: () => ({
         container:
-          'p-0 relative mx-auto w-full flex items-center justify-end box-border cursor-pointer border border-gray-200 rounded-md bg-white text-sm leading-snug outline-none max-h-10',
+          'p-0 relative mx-auto w-full flex items-center justify-end box-border cursor-pointer border border-gray-200 rounded-md bg-white text-sm leading-snug outline-hidden max-h-10',
         containerDisabled:
-          'cursor-default bg-gray-200 bg-opacity-50 !text-gray-400',
+          'cursor-default bg-gray-200/50 !text-gray-400',
         containerOpen: '',
         containerOpenTop: '',
         containerActive: 'ring-1 ring-primary-400 border-primary-400',
@@ -451,17 +451,17 @@ export default {
         multipleLabel:
           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5',
         search:
-          'w-full absolute inset-0 outline-none appearance-none box-border border-0 text-sm font-sans bg-white rounded-md pl-3.5',
+          'w-full absolute inset-0 outline-hidden appearance-none box-border border-0 text-sm font-sans bg-white rounded-md pl-3.5',
         tags: 'grow shrink flex flex-wrap mt-1 pl-2',
         tag: 'bg-primary-500 text-white text-sm font-semibold py-0.5 pl-2 rounded mr-1 mb-1 flex items-center whitespace-nowrap',
         tagDisabled: 'pr-2 !bg-gray-400 text-white',
         tagRemove:
-          'flex items-center justify-center p-1 mx-0.5 rounded-sm hover:bg-black hover:bg-opacity-10 group',
+          'flex items-center justify-center p-1 mx-0.5 rounded-xs hover:bg-black/10 group',
         tagRemoveIcon:
           'bg-multiselect-remove text-white bg-center bg-no-repeat opacity-30 inline-block w-3 h-3 group-hover:opacity-60',
         tagsSearchWrapper: 'inline-block relative mx-1 mb-1 grow shrink h-full',
         tagsSearch:
-          'absolute inset-0 border-0 focus:outline-none !shadow-none !focus:shadow-none appearance-none p-0 text-sm font-sans box-border w-full',
+          'absolute inset-0 border-0 focus:outline-hidden !shadow-none !focus:shadow-none appearance-none p-0 text-sm font-sans box-border w-full',
         tagsSearchCopy: 'invisible whitespace-pre-wrap inline-block h-px',
         placeholder:
           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5 text-gray-400 text-sm',
@@ -491,7 +491,7 @@ export default {
         groupLabelDisabled: 'bg-gray-100 text-gray-300 cursor-not-allowed',
         groupLabelSelectedPointed: 'bg-primary-600 text-white opacity-90',
         groupLabelSelectedDisabled:
-          'text-primary-100 bg-primary-600 bg-opacity-50 cursor-not-allowed',
+          'text-primary-100 bg-primary-600/50 cursor-not-allowed',
         groupOptions: 'p-0 m-0',
         option:
           'flex items-center justify-start box-border text-left cursor-pointer text-sm leading-snug py-2 px-3',
@@ -500,11 +500,11 @@ export default {
         optionDisabled: 'text-gray-300 cursor-not-allowed',
         optionSelectedPointed: 'text-white bg-primary-500 opacity-90',
         optionSelectedDisabled:
-          'text-primary-100 bg-primary-500 bg-opacity-50 cursor-not-allowed',
+          'text-primary-100 bg-primary-500/50 cursor-not-allowed',
         noOptions: 'py-2 px-3 text-gray-600 bg-white',
         noResults: 'py-2 px-3 text-gray-600 bg-white',
         fakeInput:
-          'bg-transparent absolute left-0 right-0 -bottom-px w-full h-px border-0 p-0 appearance-none outline-none text-transparent',
+          'bg-transparent absolute left-0 right-0 -bottom-px w-full h-px border-0 p-0 appearance-none outline-hidden text-transparent',
         spacer: 'h-9 py-px box-content',
       }),
     },
diff --git a/resources/scripts/components/base/BaseBreadcrumbItem.vue b/resources/scripts/components/base/BaseBreadcrumbItem.vue
index 38539440..b19ab0cc 100644
--- a/resources/scripts/components/base/BaseBreadcrumbItem.vue
+++ b/resources/scripts/components/base/BaseBreadcrumbItem.vue
@@ -8,7 +8,7 @@
         font-medium
         leading-5
         text-gray-900
-        outline-none
+        outline-hidden
         focus:ring-2 focus:ring-offset-2 focus:ring-primary-400
       "
       :to="to"
diff --git a/resources/scripts/components/base/BaseButton.vue b/resources/scripts/components/base/BaseButton.vue
index 05fb01e7..38a45d72 100644
--- a/resources/scripts/components/base/BaseButton.vue
+++ b/resources/scripts/components/base/BaseButton.vue
@@ -9,7 +9,7 @@ const props = defineProps({
   defaultClass: {
     type: String,
     default:
-      'inline-flex whitespace-nowrap items-center border font-medium focus:outline-none focus:ring-2 focus:ring-offset-2',
+      'inline-flex whitespace-nowrap items-center border font-medium focus:outline-hidden focus:ring-2 focus:ring-offset-2',
   },
   tag: {
     type: String,
@@ -81,7 +81,7 @@ const placeHolderSize = computed(() => {
 
 const variantClass = computed(() => {
   return {
-    'border-transparent shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:ring-primary-500':
+    'border-transparent shadow-xs text-white bg-primary-600 hover:bg-primary-700 focus:ring-primary-500':
       props.variant === 'primary',
     'border-transparent text-primary-700 bg-primary-100 hover:bg-primary-200 focus:ring-primary-500':
       props.variant === 'secondary',
@@ -89,9 +89,9 @@ const variantClass = computed(() => {
       props.variant == 'primary-outline',
     'border-gray-200 text-gray-700 bg-white hover:bg-gray-50 focus:ring-primary-500 focus:ring-offset-0':
       props.variant == 'white',
-    'border-transparent shadow-sm text-white bg-red-600 hover:bg-red-700 focus:ring-red-500':
+    'border-transparent shadow-xs text-white bg-red-600 hover:bg-red-700 focus:ring-red-500':
       props.variant === 'danger',
-    'border-transparent bg-gray-200 border hover:bg-opacity-60 focus:ring-gray-500 focus:ring-offset-0':
+    'border-transparent bg-gray-200 border hover:bg-gray-200/60 focus:ring-gray-500 focus:ring-offset-0':
       props.variant === 'gray',
   }
 })
diff --git a/resources/scripts/components/base/BaseContentPlaceholders.vue b/resources/scripts/components/base/BaseContentPlaceholders.vue
index a8ca3136..57543abd 100644
--- a/resources/scripts/components/base/BaseContentPlaceholders.vue
+++ b/resources/scripts/components/base/BaseContentPlaceholders.vue
@@ -32,43 +32,38 @@ const classObject = computed(() => {
 })
 </script>
 
-<style lang="scss">
-
-@use 'sass:color';
-
-$base-content-placeholders-primary-color: #ccc !default;
-$base-content-placeholders-secondary-color: #eee !default;
-$base-content-placeholders-border-radius: 6px !default;
-$base-content-placeholders-line-height: 15px !default;
-$base-content-placeholders-spacing: 10px !default;
-
-// Animations
+<style>
 @keyframes vueContentPlaceholdersAnimation {
   0% {
     transform: translate3d(-30%, 0, 0);
   }
-
   100% {
     transform: translate3d(100%, 0, 0);
   }
 }
 
-// Mixins
-@mixin base-content-placeholders {
+.base-content-placeholders-heading {
+  display: flex;
+
+  [class^='base-content-placeholders-'] + & {
+    margin-top: 20px;
+  }
+}
+
+.base-content-placeholders-heading__img {
+  margin-right: 15px;
   position: relative;
   overflow: hidden;
-  min-height: $base-content-placeholders-line-height;
-  background: $base-content-placeholders-secondary-color;
+  min-height: 15px;
+  background: #eee;
 
   .base-content-placeholders-is-rounded & {
-    border-radius: $base-content-placeholders-border-radius;
+    border-radius: 6px;
   }
-
   .base-content-placeholders-is-centered & {
     margin-left: auto;
     margin-right: auto;
   }
-
   .base-content-placeholders-is-animated &::before {
     content: '';
     position: absolute;
@@ -77,88 +72,125 @@ $base-content-placeholders-spacing: 10px !default;
     width: 100vw;
     max-width: 1000px;
     height: 100%;
-    background: linear-gradient(
-      to right,
-      transparent 0%,
-      color.adjust($base-content-placeholders-secondary-color, $lightness: -5%) 15%,
-      transparent 30%
-    );
-    animation-duration: 1.5s;
-    animation-fill-mode: forwards;
-    animation-iteration-count: infinite;
-    animation-name: vueContentPlaceholdersAnimation;
-    animation-timing-function: linear;
+    background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
+    animation: vueContentPlaceholdersAnimation 1.5s linear infinite forwards;
   }
 }
 
-@mixin base-content-placeholders-spacing {
-  [class^='base-content-placeholders-'] + & {
-    margin-top: 2 * $base-content-placeholders-spacing;
-  }
-}
-
-// Styles
-.base-content-placeholders-heading {
+.base-content-placeholders-heading__content {
   display: flex;
-  @include base-content-placeholders-spacing;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+}
 
-  &__img {
-    margin-right: 1.5 * $base-content-placeholders-spacing;
-    @include base-content-placeholders;
+.base-content-placeholders-heading__title {
+  width: 85%;
+  margin-bottom: 10px;
+  background: #ccc;
+  position: relative;
+  overflow: hidden;
+  min-height: 15px;
+
+  .base-content-placeholders-is-rounded & {
+    border-radius: 6px;
   }
-
-  &__content {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: center;
+  .base-content-placeholders-is-centered & {
+    margin-left: auto;
+    margin-right: auto;
   }
-
-  &__title {
-    width: 85%;
-    margin-bottom: $base-content-placeholders-spacing;
-    background: $base-content-placeholders-primary-color;
-    @include base-content-placeholders;
+  .base-content-placeholders-is-animated &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    max-width: 1000px;
+    height: 100%;
+    background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
+    animation: vueContentPlaceholdersAnimation 1.5s linear infinite forwards;
   }
+}
 
-  &__subtitle {
-    width: 90%;
-    @include base-content-placeholders;
+.base-content-placeholders-heading__subtitle {
+  width: 90%;
+  position: relative;
+  overflow: hidden;
+  min-height: 15px;
+  background: #eee;
+
+  .base-content-placeholders-is-rounded & {
+    border-radius: 6px;
+  }
+  .base-content-placeholders-is-centered & {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .base-content-placeholders-is-animated &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    max-width: 1000px;
+    height: 100%;
+    background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
+    animation: vueContentPlaceholdersAnimation 1.5s linear infinite forwards;
   }
 }
 
 .base-content-placeholders-text {
-  @include base-content-placeholders-spacing;
+  [class^='base-content-placeholders-'] + & {
+    margin-top: 20px;
+  }
+}
 
-  &__line {
+.base-content-placeholders-text__line {
+  width: 100%;
+  margin-bottom: 10px;
+  position: relative;
+  overflow: hidden;
+  min-height: 15px;
+  background: #eee;
+
+  .base-content-placeholders-is-rounded & {
+    border-radius: 6px;
+  }
+  .base-content-placeholders-is-centered & {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .base-content-placeholders-is-animated &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    max-width: 1000px;
+    height: 100%;
+    background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
+    animation: vueContentPlaceholdersAnimation 1.5s linear infinite forwards;
+  }
+
+  &:first-child {
     width: 100%;
-    margin-bottom: $base-content-placeholders-spacing;
-
-    @include base-content-placeholders;
-
-    &:first-child {
-      width: 100%;
-    }
-
-    &:nth-child(2) {
-      width: 90%;
-    }
-
-    &:nth-child(3) {
-      width: 80%;
-    }
-
-    &:nth-child(4) {
-      width: 70%;
-    }
+  }
+  &:nth-child(2) {
+    width: 90%;
+  }
+  &:nth-child(3) {
+    width: 80%;
+  }
+  &:nth-child(4) {
+    width: 70%;
   }
 }
 
 .base-content-placeholders-box {
   position: relative;
   overflow: hidden;
-  min-height: $base-content-placeholders-line-height;
-  background: $base-content-placeholders-secondary-color;
+  min-height: 15px;
+  background: #eee;
 
   .base-content-placeholders-is-animated &::before {
     content: '';
@@ -168,20 +200,9 @@ $base-content-placeholders-spacing: 10px !default;
     width: 100vw;
     max-width: 1000px;
     height: 100%;
-    background: linear-gradient(
-      to right,
-      transparent 0%,
-      color.adjust($base-content-placeholders-secondary-color, $lightness: -5%) 15%,
-      transparent 30%
-    );
-    animation-duration: 1.5s;
-    animation-fill-mode: forwards;
-    animation-iteration-count: infinite;
-    animation-name: vueContentPlaceholdersAnimation;
-    animation-timing-function: linear;
+    background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
+    animation: vueContentPlaceholdersAnimation 1.5s linear infinite forwards;
   }
-
-  // @include base-content-placeholders-spacing;
 }
 
 .base-content-circle {
@@ -189,6 +210,6 @@ $base-content-placeholders-spacing: 10px !default;
 }
 
 .base-content-placeholders-is-rounded {
-  border-radius: $base-content-placeholders-border-radius;
+  border-radius: 6px;
 }
 </style>
diff --git a/resources/scripts/components/base/BaseCustomerSelectPopup.vue b/resources/scripts/components/base/BaseCustomerSelectPopup.vue
index b0c99e4b..9557f882 100644
--- a/resources/scripts/components/base/BaseCustomerSelectPopup.vue
+++ b/resources/scripts/components/base/BaseCustomerSelectPopup.vue
@@ -172,12 +172,12 @@
     <Popover v-else v-slot="{ open }" class="relative flex flex-col rounded-md">
       <PopoverButton
         :class="{
-          'text-opacity-90': open,
+          '': open,
           'border border-solid border-red-500 focus:ring-red-500 rounded':
             valid.$error,
           'focus:ring-2 focus:ring-primary-400': !valid.$error,
         }"
-        class="w-full outline-none rounded-md"
+        class="w-full outline-hidden rounded-md"
       >
         <div
           class="
@@ -243,7 +243,7 @@
               overflow-hidden
               rounded-md
               shadow-lg
-              ring-1 ring-black ring-opacity-5
+              ring-1 ring-black/5
               bg-white
             "
           >
@@ -277,7 +277,7 @@
                     border-b border-gray-200 border-solid
                     cursor-pointer
                     hover:cursor-pointer hover:bg-gray-100
-                    focus:outline-none focus:bg-gray-100
+                    focus:outline-hidden focus:bg-gray-100
                     last:border-b-0
                   "
                   @click="selectNewCustomer(customer.id, close)"
@@ -352,7 +352,7 @@
                 py-3
                 bg-gray-200
                 border-none
-                outline-none
+                outline-hidden
                 focus:bg-gray-300
               "
               @click="openCustomerModal"
diff --git a/resources/scripts/components/base/BaseDatePicker.vue b/resources/scripts/components/base/BaseDatePicker.vue
index d0797bdf..c29bdd9e 100644
--- a/resources/scripts/components/base/BaseDatePicker.vue
+++ b/resources/scripts/components/base/BaseDatePicker.vue
@@ -121,7 +121,7 @@ const props = defineProps({
   defaultInputClass: {
     type: String,
     default:
-      'font-base pl-8 py-2 outline-none focus:ring-primary-400 focus:outline-none focus:border-primary-400 block w-full sm:text-sm border-gray-200 rounded-md text-black',
+      'font-base pl-8 py-2 outline-hidden focus:ring-primary-400 focus:outline-hidden focus:border-primary-400 block w-full sm:text-sm border-gray-200 rounded-md text-black',
   },
   time24hr: {
     type: Boolean,
@@ -282,7 +282,7 @@ const inputInvalidClass = computed(() => {
 
 const inputDisabledClass = computed(() => {
   if (props.disabled) {
-    return 'border border-solid rounded-md outline-none input-field box-border-2 base-date-picker-input placeholder-gray-400 bg-gray-200 text-gray-600 border-gray-200'
+    return 'border border-solid rounded-md outline-hidden input-field box-border-2 base-date-picker-input placeholder-gray-400 bg-gray-200 text-gray-600 border-gray-200'
   }
 
   return ''
diff --git a/resources/scripts/components/base/BaseDialog.vue b/resources/scripts/components/base/BaseDialog.vue
index 81906cf9..e65ca5d0 100644
--- a/resources/scripts/components/base/BaseDialog.vue
+++ b/resources/scripts/components/base/BaseDialog.vue
@@ -30,7 +30,7 @@
           leave-to="opacity-0"
         >
           <DialogOverlay
-            class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75"
+            class="fixed inset-0 transition-opacity bg-gray-500/75"
           />
         </TransitionChild>
 
diff --git a/resources/scripts/components/base/BaseDropdown.vue b/resources/scripts/components/base/BaseDropdown.vue
index 453f179a..69f9ea84 100644
--- a/resources/scripts/components/base/BaseDropdown.vue
+++ b/resources/scripts/components/base/BaseDropdown.vue
@@ -11,7 +11,7 @@
       />
     </BaseContentPlaceholders>
     <Menu v-else>
-      <MenuButton ref="trigger" class="focus:outline-none" @click="onClick">
+      <MenuButton ref="trigger" class="focus:outline-hidden" @click="onClick">
         <slot name="activator" />
       </MenuButton>
 
@@ -69,7 +69,7 @@ const props = defineProps({
 })
 
 const containerClasses = computed(() => {
-  const baseClass = `origin-top-right rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none`
+  const baseClass = `origin-top-right rounded-md shadow-lg bg-white ring-1 ring-black/5 divide-y divide-gray-100 focus:outline-hidden`
   return `${baseClass} ${props.containerClass}`
 })
 
diff --git a/resources/scripts/components/base/BaseEstimateStatusBadge.vue b/resources/scripts/components/base/BaseEstimateStatusBadge.vue
index 925e72ef..203a9517 100644
--- a/resources/scripts/components/base/BaseEstimateStatusBadge.vue
+++ b/resources/scripts/components/base/BaseEstimateStatusBadge.vue
@@ -18,19 +18,19 @@ const props = defineProps({
 const badgeColorClasses = computed(() => {
   switch (props.status) {
     case 'DRAFT':
-      return 'bg-yellow-300 bg-opacity-25 px-2  py-1 text-sm  text-yellow-800 uppercase font-normal text-center '
+      return 'bg-yellow-300/25 px-2  py-1 text-sm  text-yellow-800 uppercase font-normal text-center '
     case 'SENT':
-      return ' bg-yellow-500 bg-opacity-25 px-2 py-1 text-sm  text-yellow-900 uppercase font-normal text-center '
+      return ' bg-yellow-500/25 px-2 py-1 text-sm  text-yellow-900 uppercase font-normal text-center '
     case 'VIEWED':
-      return 'bg-blue-400 bg-opacity-25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
+      return 'bg-blue-400/25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
     case 'EXPIRED':
-      return 'bg-red-300 bg-opacity-25 px-2 py-1 text-sm  text-red-800 uppercase font-normal text-center'
+      return 'bg-red-300/25 px-2 py-1 text-sm  text-red-800 uppercase font-normal text-center'
     case 'ACCEPTED':
-      return 'bg-green-400 bg-opacity-25 px-2 py-1 text-sm  text-green-800 uppercase font-normal text-center'
+      return 'bg-green-400/25 px-2 py-1 text-sm  text-green-800 uppercase font-normal text-center'
     case 'REJECTED':
-      return 'bg-purple-300 bg-opacity-25 px-2 py-1 text-sm  text-purple-800 uppercase font-normal text-center'
+      return 'bg-purple-300/25 px-2 py-1 text-sm  text-purple-800 uppercase font-normal text-center'
     default:
-      return 'bg-gray-500 bg-opacity-25 px-2 py-1 text-sm  text-gray-900 uppercase font-normal text-center'
+      return 'bg-gray-500/25 px-2 py-1 text-sm  text-gray-900 uppercase font-normal text-center'
   }
 })
 </script>
diff --git a/resources/scripts/components/base/BaseFileUploader.vue b/resources/scripts/components/base/BaseFileUploader.vue
index 044c89e7..00ff6594 100644
--- a/resources/scripts/components/base/BaseFileUploader.vue
+++ b/resources/scripts/components/base/BaseFileUploader.vue
@@ -11,7 +11,7 @@
       rounded-md
       cursor-pointer
       avatar-upload
-      border-gray-200
+      border-gray-300
       transition-all
       duration-300
       ease-in-out
@@ -379,7 +379,7 @@
 
 <script setup>
 import { ref, onMounted, watch } from 'vue'
-import axios from 'axios'
+import http from '@/scripts/http'
 import utils from '@/scripts/helpers/utilities'
 
 const props = defineProps({
@@ -456,7 +456,7 @@ function reset() {
 
 function upload(formData) {
   return (
-    axios
+    http
       .post(props.uploadUrl, formData)
       // get data
       .then((x) => x.data)
diff --git a/resources/scripts/components/base/BaseInfoAlert.vue b/resources/scripts/components/base/BaseInfoAlert.vue
index 06c3f839..6a0391d7 100644
--- a/resources/scripts/components/base/BaseInfoAlert.vue
+++ b/resources/scripts/components/base/BaseInfoAlert.vue
@@ -42,7 +42,7 @@
               font-medium
               text-yellow-800
               hover:bg-yellow-100
-              focus:outline-none
+              focus:outline-hidden
               focus:ring-2
               focus:ring-offset-2
               focus:ring-offset-yellow-50
@@ -66,7 +66,7 @@
               font-medium
               text-yellow-800
               hover:bg-yellow-100
-              focus:outline-none
+              focus:outline-hidden
               focus:ring-2
               focus:ring-offset-2
               focus:ring-offset-yellow-50
diff --git a/resources/scripts/components/base/BaseInput.vue b/resources/scripts/components/base/BaseInput.vue
index 28cd89c2..fb32fd96 100644
--- a/resources/scripts/components/base/BaseInput.vue
+++ b/resources/scripts/components/base/BaseInput.vue
@@ -10,7 +10,7 @@
   <div
     v-else
     :class="[containerClass, computedContainerClass]"
-    class="relative rounded-md shadow-sm font-base"
+    class="relative rounded-md shadow-xs font-base"
   >
     <div
       v-if="loading && loadingPosition === 'left'"
diff --git a/resources/scripts/components/base/BaseInvoiceStatusBadge.vue b/resources/scripts/components/base/BaseInvoiceStatusBadge.vue
index a4238e01..14840c40 100644
--- a/resources/scripts/components/base/BaseInvoiceStatusBadge.vue
+++ b/resources/scripts/components/base/BaseInvoiceStatusBadge.vue
@@ -20,25 +20,25 @@ export default {
     const badgeColorClasses = computed(() => {
       switch (props.status) {
         case 'DRAFT':
-          return 'bg-yellow-300 bg-opacity-25 px-2  py-1 text-sm  text-yellow-800 uppercase font-normal text-center'
+          return 'bg-yellow-300/25 px-2  py-1 text-sm  text-yellow-800 uppercase font-normal text-center'
         case 'SENT':
-          return ' bg-yellow-500 bg-opacity-25 px-2 py-1 text-sm  text-yellow-900 uppercase font-normal text-center '
+          return ' bg-yellow-500/25 px-2 py-1 text-sm  text-yellow-900 uppercase font-normal text-center '
         case 'VIEWED':
-          return 'bg-blue-400 bg-opacity-25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
+          return 'bg-blue-400/25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
         case 'COMPLETED':
-          return 'bg-green-500 bg-opacity-25 px-2  py-1 text-sm  text-green-900 uppercase font-normal text-center'
+          return 'bg-green-500/25 px-2  py-1 text-sm  text-green-900 uppercase font-normal text-center'
         case 'DUE':
-          return 'bg-yellow-500 bg-opacity-25 px-2  py-1 text-sm  text-yellow-900 uppercase font-normal text-center'
+          return 'bg-yellow-500/25 px-2  py-1 text-sm  text-yellow-900 uppercase font-normal text-center'
         case 'OVERDUE':
-          return 'bg-red-300 bg-opacity-50 px-2  py-1 text-sm  text-red-900 uppercase font-normal text-center'
+          return 'bg-red-300/50 px-2  py-1 text-sm  text-red-900 uppercase font-normal text-center'
         case 'UNPAID':
-          return 'bg-yellow-500 bg-opacity-25 px-2 py-1 text-sm  text-yellow-900 uppercase font-normal text-center'
+          return 'bg-yellow-500/25 px-2 py-1 text-sm  text-yellow-900 uppercase font-normal text-center'
         case 'PARTIALLY_PAID':
-          return 'bg-blue-400 bg-opacity-25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
+          return 'bg-blue-400/25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
         case 'PAID':
-          return 'bg-green-500 bg-opacity-25 px-2 py-1 text-sm  text-green-900 uppercase font-normal text-center'
+          return 'bg-green-500/25 px-2 py-1 text-sm  text-green-900 uppercase font-normal text-center'
         default:
-          return 'bg-gray-500 bg-opacity-25 px-2 py-1 text-sm  text-gray-900 uppercase font-normal text-center'
+          return 'bg-gray-500/25 px-2 py-1 text-sm  text-gray-900 uppercase font-normal text-center'
       }
     })
     return { badgeColorClasses }
diff --git a/resources/scripts/components/base/BaseModal.vue b/resources/scripts/components/base/BaseModal.vue
index bb55fddc..2d0c85d2 100644
--- a/resources/scripts/components/base/BaseModal.vue
+++ b/resources/scripts/components/base/BaseModal.vue
@@ -29,7 +29,7 @@
             leave-to="opacity-0"
           >
             <DialogOverlay
-              class="fixed inset-0 transition-opacity bg-gray-700 bg-opacity-25"
+              class="fixed inset-0 transition-opacity bg-gray-700/25"
             />
           </TransitionChild>
 
diff --git a/resources/scripts/components/base/BasePaidStatusBadge.vue b/resources/scripts/components/base/BasePaidStatusBadge.vue
index 2a99872e..67012a31 100644
--- a/resources/scripts/components/base/BasePaidStatusBadge.vue
+++ b/resources/scripts/components/base/BasePaidStatusBadge.vue
@@ -24,15 +24,15 @@ export default {
     const badgeColorClasses = computed(() => {
       switch (props.status) {
         case 'PAID':
-          return 'bg-primary-300 bg-opacity-25 text-primary-800 uppercase font-normal text-center'
+          return 'bg-primary-300/25 text-primary-800 uppercase font-normal text-center'
         case 'UNPAID':
-          return ' bg-yellow-500 bg-opacity-25 text-yellow-900 uppercase font-normal text-center '
+          return ' bg-yellow-500/25 text-yellow-900 uppercase font-normal text-center '
         case 'PARTIALLY_PAID':
-          return 'bg-blue-400 bg-opacity-25 text-blue-900 uppercase font-normal text-center'
+          return 'bg-blue-400/25 text-blue-900 uppercase font-normal text-center'
         case 'OVERDUE':
-          return 'bg-red-300 bg-opacity-50 px-2  py-1 text-sm  text-red-900 uppercase font-normal text-center'
+          return 'bg-red-300/50 px-2  py-1 text-sm  text-red-900 uppercase font-normal text-center'
         default:
-          return 'bg-gray-500 bg-opacity-25 text-gray-900 uppercase font-normal text-center'
+          return 'bg-gray-500/25 text-gray-900 uppercase font-normal text-center'
       }
     })
     return { badgeColorClasses }
diff --git a/resources/scripts/components/base/BaseRadio.vue b/resources/scripts/components/base/BaseRadio.vue
index c5347182..8a719673 100644
--- a/resources/scripts/components/base/BaseRadio.vue
+++ b/resources/scripts/components/base/BaseRadio.vue
@@ -10,7 +10,7 @@
         :name="name"
         v-bind="$attrs"
       >
-        <div class="relative flex cursor-pointer focus:outline-none">
+        <div class="relative flex cursor-pointer focus:outline-hidden">
           <span
             :class="[
               checked ? checkedStateClass : unCheckedStateClass,
diff --git a/resources/scripts/components/base/BaseRating.vue b/resources/scripts/components/base/BaseRating.vue
index e588699b..c121873f 100644
--- a/resources/scripts/components/base/BaseRating.vue
+++ b/resources/scripts/components/base/BaseRating.vue
@@ -182,16 +182,12 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .star-rating {
   display: flex;
   align-items: center;
   .star-container {
     display: flex;
-    .star-svg {
-    }
-  }
-  .indicator {
   }
   .star-container:not(:last-child) {
     margin-right: 5px;
diff --git a/resources/scripts/components/base/BaseRecurringInvoiceStatusBadge.vue b/resources/scripts/components/base/BaseRecurringInvoiceStatusBadge.vue
index 4f33d132..29fc698c 100644
--- a/resources/scripts/components/base/BaseRecurringInvoiceStatusBadge.vue
+++ b/resources/scripts/components/base/BaseRecurringInvoiceStatusBadge.vue
@@ -20,13 +20,13 @@ export default {
     const badgeColorClasses = computed(() => {
       switch (props.status) {
         case 'COMPLETED':
-          return 'bg-green-500 bg-opacity-25 px-2  py-1 text-sm  text-green-900 uppercase font-normal text-center'
+          return 'bg-green-500/25 px-2  py-1 text-sm  text-green-900 uppercase font-normal text-center'
         case 'ON_HOLD':
-          return 'bg-yellow-500 bg-opacity-25 px-2  py-1 text-sm  text-yellow-900 uppercase font-normal text-center'
+          return 'bg-yellow-500/25 px-2  py-1 text-sm  text-yellow-900 uppercase font-normal text-center'
         case 'ACTIVE':
-          return 'bg-blue-400 bg-opacity-25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
+          return 'bg-blue-400/25 px-2  py-1 text-sm  text-blue-900 uppercase font-normal text-center'
         default:
-          return 'bg-gray-500 bg-opacity-25 px-2 py-1 text-sm  text-gray-900 uppercase font-normal text-center'
+          return 'bg-gray-500/25 px-2 py-1 text-sm  text-gray-900 uppercase font-normal text-center'
       }
     })
     return { badgeColorClasses }
diff --git a/resources/scripts/components/base/BaseSelectInput.vue b/resources/scripts/components/base/BaseSelectInput.vue
index cbb7c513..700d27f0 100644
--- a/resources/scripts/components/base/BaseSelectInput.vue
+++ b/resources/scripts/components/base/BaseSelectInput.vue
@@ -30,9 +30,9 @@
           bg-white
           border border-gray-200
           rounded-md
-          shadow-sm
+          shadow-xs
           cursor-default
-          focus:outline-none
+          focus:outline-hidden
           focus:ring-1
           focus:ring-primary-500
           focus:border-primary-500
@@ -86,8 +86,8 @@
             rounded-md
             shadow-lg
             max-h-60
-            ring-1 ring-black ring-opacity-5
-            focus:outline-none
+            ring-1 ring-black/5
+            focus:outline-hidden
             sm:text-sm
           "
         >
diff --git a/resources/scripts/components/base/BaseSwitch.vue b/resources/scripts/components/base/BaseSwitch.vue
index fd774645..b08b106d 100644
--- a/resources/scripts/components/base/BaseSwitch.vue
+++ b/resources/scripts/components/base/BaseSwitch.vue
@@ -16,7 +16,7 @@
           transition-colors
           rounded-full
           w-11
-          focus:outline-none focus:ring-primary-500
+          focus:outline-hidden focus:ring-primary-500
         "
         v-bind="$attrs"
       >
diff --git a/resources/scripts/components/base/BaseSwitchSection.vue b/resources/scripts/components/base/BaseSwitchSection.vue
index 216a1552..e858a957 100644
--- a/resources/scripts/components/base/BaseSwitchSection.vue
+++ b/resources/scripts/components/base/BaseSwitchSection.vue
@@ -19,7 +19,7 @@
       :model-value="modelValue"
       :class="[
         modelValue ? 'bg-primary-500' : 'bg-gray-200',
-        'ml-4 relative inline-flex shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500',
+        'ml-4 relative inline-flex shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-primary-500',
       ]"
       @update:modelValue="onUpdate"
     >
diff --git a/resources/scripts/components/base/BaseTab.vue b/resources/scripts/components/base/BaseTab.vue
index 087abd3c..eebc8143 100644
--- a/resources/scripts/components/base/BaseTab.vue
+++ b/resources/scripts/components/base/BaseTab.vue
@@ -1,5 +1,5 @@
 <template>
-  <TabPanel :class="[tabPanelContainer, 'focus:outline-none']">
+  <TabPanel :class="[tabPanelContainer, 'focus:outline-hidden']">
     <!-- focus:ring-1 focus:ring-jet focus:ring-opacity-60 -->
     <slot />
   </TabPanel>
diff --git a/resources/scripts/components/base/BaseTabGroup.vue b/resources/scripts/components/base/BaseTabGroup.vue
index ea84ca12..96b0fa1b 100644
--- a/resources/scripts/components/base/BaseTabGroup.vue
+++ b/resources/scripts/components/base/BaseTabGroup.vue
@@ -3,7 +3,7 @@
     <TabGroup :default-index="defaultIndex" @change="onChange">
       <TabList
         :class="[
-          'flex border-b border-grey-light',
+          'flex border-b border-gray-200',
           'relative overflow-x-auto overflow-y-hidden',
           'lg:pb-0 lg:ml-0',
         ]"
@@ -16,7 +16,7 @@
         >
           <button
             :class="[
-              'px-8 py-2 text-sm leading-5 font-medium flex items-center relative border-b-2 mt-4 focus:outline-none whitespace-nowrap',
+              'px-8 py-2 text-sm leading-5 font-medium flex items-center relative border-b-2 mt-4 focus:outline-hidden whitespace-nowrap',
               selected
                 ? ' border-primary-400 text-black font-medium'
                 : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
diff --git a/resources/scripts/components/base/BaseTextarea.vue b/resources/scripts/components/base/BaseTextarea.vue
index 434ce38b..4ae0f94f 100644
--- a/resources/scripts/components/base/BaseTextarea.vue
+++ b/resources/scripts/components/base/BaseTextarea.vue
@@ -45,7 +45,7 @@ const props = defineProps({
   defaultInputClass: {
     type: String,
     default:
-      'box-border w-full px-3 py-2 text-sm not-italic font-normal leading-snug text-left text-black placeholder-gray-400 bg-white border border-gray-200 border-solid rounded outline-none',
+      'box-border w-full px-3 py-2 text-sm not-italic font-normal leading-snug text-left text-black placeholder-gray-400 bg-white border border-gray-200 border-solid rounded outline-hidden',
   },
   autosize: {
     type: Boolean,
@@ -66,7 +66,7 @@ const inputBorderClass = computed(() => {
     return 'focus:ring-primary-400 focus:border-primary-400'
   }
 
-  return 'border-none outline-none focus:ring-primary-400 focus:border focus:border-primary-400'
+  return 'border-none outline-hidden focus:ring-primary-400 focus:border focus:border-primary-400'
 })
 
 const loadingPlaceholderSize = computed(() => {
diff --git a/resources/scripts/components/base/BaseTimePicker.vue b/resources/scripts/components/base/BaseTimePicker.vue
index 11157149..e048c41f 100644
--- a/resources/scripts/components/base/BaseTimePicker.vue
+++ b/resources/scripts/components/base/BaseTimePicker.vue
@@ -86,7 +86,7 @@ const props = defineProps({
   defaultInputClass: {
     type: String,
     default:
-      'font-base pl-8 py-2 outline-none focus:ring-primary-400 focus:outline-none focus:border-primary-400 block w-full sm:text-sm border-gray-300 rounded-md text-black',
+      'font-base pl-8 py-2 outline-hidden focus:ring-primary-400 focus:outline-hidden focus:border-primary-400 block w-full sm:text-sm border-gray-300 rounded-md text-black',
   },
 })
 
@@ -130,7 +130,7 @@ const inputInvalidClass = computed(() => {
 
 const inputDisabledClass = computed(() => {
   if (props.disabled) {
-    return 'border border-solid rounded-md outline-none input-field box-border-2 base-date-picker-input placeholder-gray-400 bg-gray-300 text-gray-600 border-gray-300'
+    return 'border border-solid rounded-md outline-hidden input-field box-border-2 base-date-picker-input placeholder-gray-400 bg-gray-300 text-gray-600 border-gray-300'
   }
 
   return ''
diff --git a/resources/scripts/components/base/base-editor/BaseEditor.vue b/resources/scripts/components/base/base-editor/BaseEditor.vue
index ec27aba4..199a449a 100644
--- a/resources/scripts/components/base/base-editor/BaseEditor.vue
+++ b/resources/scripts/components/base/base-editor/BaseEditor.vue
@@ -15,7 +15,7 @@
         <BaseDropdown width-class="w-48">
           <template #activator>
             <div
-              class="flex items-center justify-center w-6 h-6 ml-2 text-sm text-black bg-white rounded-sm md:h-9 md:w-9"
+              class="flex items-center justify-center w-6 h-6 ml-2 text-sm text-black bg-white rounded-xs md:h-9 md:w-9"
             >
               <EllipsisVerticalIcon class="w-6 h-6 text-gray-600" />
             </div>
@@ -73,7 +73,6 @@ import { ref, onUnmounted, watch, markRaw } from 'vue'
 import { useEditor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
 import TextAlign from '@tiptap/extension-text-align'
-import Link from '@tiptap/extension-link'
 import { EllipsisVerticalIcon } from '@heroicons/vue/24/outline'
 import {
   BoldIcon,
@@ -114,14 +113,13 @@ export default {
     const editor = useEditor({
       content: props.modelValue,
       extensions: [
-        StarterKit,
+        StarterKit.configure({
+          link: { openOnClick: false },
+        }),
         TextAlign.configure({
           types: ['heading', 'paragraph'],
           alignments: ['left', 'right', 'center', 'justify'],
         }),
-        Link.configure({
-          openOnClick: false,
-        }),
       ],
       onUpdate: ({ editor }) => {
         emit('update:modelValue', editor.getHTML())
@@ -175,7 +173,9 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style>
+@reference "../../../../css/invoiceshelf.css";
+
 .ProseMirror {
   min-height: 200px;
   padding: 8px 12px;
@@ -209,7 +209,7 @@ export default {
 
   blockquote {
     padding-left: 1rem;
-    border-left: 2px solid rgba(#0d0d0d, 0.1);
+    border-left: 2px solid rgba(13, 13, 13, 0.1);
   }
 
   code {
@@ -236,7 +236,7 @@ export default {
   }
 
   a {
-    color: rgb(var(--color-primary-500));
+    color: var(--color-primary-500);
     text-decoration: underline;
   }
 }
diff --git a/resources/scripts/components/base/base-table/BaseTable.vue b/resources/scripts/components/base/base-table/BaseTable.vue
index 6881d97b..9d81854b 100644
--- a/resources/scripts/components/base/base-table/BaseTable.vue
+++ b/resources/scripts/components/base/base-table/BaseTable.vue
@@ -103,7 +103,7 @@
               justify-center
               w-full
               h-full
-              bg-white bg-opacity-60
+              bg-white/60
             "
           >
             <SpinnerIcon class="w-10 h-10 text-primary-500" />
diff --git a/resources/scripts/components/base/base-table/BaseTablePagination.vue b/resources/scripts/components/base/base-table/BaseTablePagination.vue
index a7794e72..736b4b76 100644
--- a/resources/scripts/components/base/base-table/BaseTablePagination.vue
+++ b/resources/scripts/components/base/base-table/BaseTablePagination.vue
@@ -107,7 +107,7 @@
       </div>
       <div>
         <nav
-          class="relative z-0 inline-flex -space-x-px rounded-md shadow-sm"
+          class="relative z-0 inline-flex -space-x-px rounded-md shadow-xs"
           aria-label="Pagination"
         >
           <a
diff --git a/resources/scripts/components/icons/MainLogo.vue b/resources/scripts/components/icons/MainLogo.vue
index de6c5f9e..cb0a32d8 100644
--- a/resources/scripts/components/icons/MainLogo.vue
+++ b/resources/scripts/components/icons/MainLogo.vue
@@ -12,11 +12,11 @@ import {ref} from 'vue'
 const props = defineProps({
   darkColor: {
     type: String,
-    default: 'rgba(var(--color-primary-500), var(--tw-text-opacity))',
+    default: 'var(--color-primary-500)',
   },
   lightColor: {
     type: String,
-    default: 'rgba(var(--color-primary-400), var(--tw-text-opacity))',
+    default: 'var(--color-primary-400)',
   },
 })
 
diff --git a/resources/scripts/components/notifications/NotificationItem.vue b/resources/scripts/components/notifications/NotificationItem.vue
index 2a61b6ef..29626bb7 100644
--- a/resources/scripts/components/notifications/NotificationItem.vue
+++ b/resources/scripts/components/notifications/NotificationItem.vue
@@ -101,7 +101,7 @@
                 transition
                 duration-150
                 ease-in-out
-                focus:outline-none
+                focus:outline-hidden
               "
               @click="hideNotificationAction"
             >
diff --git a/resources/scripts/components/svg/LoginBackground.vue b/resources/scripts/components/svg/LoginBackground.vue
index 4ab9c046..daae47ff 100644
--- a/resources/scripts/components/svg/LoginBackground.vue
+++ b/resources/scripts/components/svg/LoginBackground.vue
@@ -20,11 +20,11 @@
         gradientUnits="userSpaceOnUse"
       >
         <stop
-          stop-color="rgba(var(--color-primary-500), var(--tw-text-opacity))"
+          stop-color="var(--color-primary-500)"
         />
         <stop
           offset="1"
-          stop-color="rgba(var(--color-primary-400), var(--tw-text-opacity))"
+          stop-color="var(--color-primary-400)"
         />
       </linearGradient>
     </defs>
diff --git a/resources/scripts/components/svg/LoginBackgroundOverlay.vue b/resources/scripts/components/svg/LoginBackgroundOverlay.vue
index c2789557..417fb86b 100644
--- a/resources/scripts/components/svg/LoginBackgroundOverlay.vue
+++ b/resources/scripts/components/svg/LoginBackgroundOverlay.vue
@@ -22,11 +22,11 @@
         gradientUnits="userSpaceOnUse"
       >
         <stop
-          stop-color="rgba(var(--color-primary-500), var(--tw-text-opacity))"
+          stop-color="var(--color-primary-500)"
         />
         <stop
           offset="1"
-          stop-color="rgba(var(--color-primary-400), var(--tw-text-opacity))"
+          stop-color="var(--color-primary-400)"
         />
       </linearGradient>
     </defs>
diff --git a/resources/scripts/customer/layouts/partials/TheSiteHeader.vue b/resources/scripts/customer/layouts/partials/TheSiteHeader.vue
index e98b7720..47717d75 100644
--- a/resources/scripts/customer/layouts/partials/TheSiteHeader.vue
+++ b/resources/scripts/customer/layouts/partials/TheSiteHeader.vue
@@ -2,7 +2,7 @@
   <Disclosure
     v-slot="{ open }"
     as="nav"
-    class="bg-white shadow-sm fixed top-0 left-0 z-20 w-full"
+    class="bg-white shadow-xs fixed top-0 left-0 z-20 w-full"
   >
     <div class="mx-auto px-8">
       <div class="flex justify-between h-16 w-full">
@@ -51,7 +51,7 @@
               rounded-full
               text-gray-400
               hover:text-gray-500
-              focus:outline-none
+              focus:outline-hidden
               focus:ring-2
               focus:ring-offset-2
               focus:ring-primary-500
@@ -69,7 +69,7 @@
                     flex
                     text-sm
                     rounded-full
-                    focus:outline-none
+                    focus:outline-hidden
                     focus:ring-2
                     focus:ring-offset-2
                     focus:ring-primary-500
@@ -114,7 +114,7 @@
               rounded-md
               text-gray-400
               hover:text-gray-500 hover:bg-gray-100
-              focus:outline-none
+              focus:outline-hidden
               focus:ring-2
               focus:ring-offset-2
               focus:ring-primary-500
@@ -167,7 +167,7 @@
               rounded-full
               text-gray-400
               hover:text-gray-500
-              focus:outline-none
+              focus:outline-hidden
               focus:ring-2
               focus:ring-offset-2
               focus:ring-primary-500
diff --git a/resources/scripts/customer/stores/auth.js b/resources/scripts/customer/stores/auth.js
index 32b9f002..64ce0295 100644
--- a/resources/scripts/customer/stores/auth.js
+++ b/resources/scripts/customer/stores/auth.js
@@ -1,12 +1,11 @@
 const { defineStore } = window.pinia
-import axios from 'axios'
+import http from '@/scripts/http'
 import { useNotificationStore } from '@/scripts/stores/notification'
 import router from '@/scripts/customer/customer-router'
 import { handleError } from '@/scripts/customer/helpers/error-handling'
 const { global } = window.i18n
 
-export const useAuthStore = defineStore({
-  id: 'customerAuth',
+export const useAuthStore = defineStore('customerAuth', {
   state: () => ({
     loginData: {
       email: '',
@@ -20,9 +19,9 @@ export const useAuthStore = defineStore({
     login(data) {
       const notificationStore = useNotificationStore(true)
       return new Promise((resolve, reject) => {
-        axios.get('/sanctum/csrf-cookie').then((response) => {
+        http.get('/sanctum/csrf-cookie').then((response) => {
           if (response) {
-            axios
+            http
               .post(`/${data.company}/customer/login`, data)
               .then((response) => {
                 notificationStore.showNotification({
@@ -47,7 +46,7 @@ export const useAuthStore = defineStore({
     forgotPassword(data) {
       const notificationStore = useNotificationStore(true)
       return new Promise((resolve, reject) => {
-        axios
+        http
           .post(`/api/v1/${data.company}/customer/auth/password/email`, data)
 
           .then((response) => {
@@ -75,7 +74,7 @@ export const useAuthStore = defineStore({
 
     resetPassword(data, company) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .post(`/api/v1/${company}/customer/auth/reset/password`, data)
 
           .then((response) => {
@@ -102,7 +101,7 @@ export const useAuthStore = defineStore({
 
     logout(data) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .post(`/${data}/customer/logout`)
           .then((response) => {
             const notificationStore = useNotificationStore()
diff --git a/resources/scripts/customer/stores/customer.js b/resources/scripts/customer/stores/customer.js
index 3a52374c..7949f8a1 100644
--- a/resources/scripts/customer/stores/customer.js
+++ b/resources/scripts/customer/stores/customer.js
@@ -1,7 +1,6 @@
 const { defineStore } = window.pinia
 
-export const useCustomerStore = defineStore({
-  id: 'customers',
+export const useCustomerStore = defineStore('customers', {
   state: () => ({
     customers: 'okay',
   }),
diff --git a/resources/scripts/customer/stores/dashboard.js b/resources/scripts/customer/stores/dashboard.js
index 3b7248fa..d971ad91 100644
--- a/resources/scripts/customer/stores/dashboard.js
+++ b/resources/scripts/customer/stores/dashboard.js
@@ -1,10 +1,9 @@
 const { defineStore } = window.pinia
 import { useGlobalStore } from '@/scripts/customer/stores/global'
-import axios from 'axios'
+import http from '@/scripts/http'
 import { handleError } from '@/scripts/customer/helpers/error-handling'
 
-export const useDashboardStore = defineStore({
-  id: 'dashboard',
+export const useDashboardStore = defineStore('dashboard', {
   state: () => ({
     recentInvoices: [],
     recentEstimates: [],
@@ -19,7 +18,7 @@ export const useDashboardStore = defineStore({
     loadData(data) {
       const globalStore = useGlobalStore()
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${globalStore.companySlug}/customer/dashboard`, {
             data,
           })
diff --git a/resources/scripts/customer/stores/estimate.js b/resources/scripts/customer/stores/estimate.js
index 89c5c6ad..e8b55682 100644
--- a/resources/scripts/customer/stores/estimate.js
+++ b/resources/scripts/customer/stores/estimate.js
@@ -1,10 +1,9 @@
 const { defineStore } = window.pinia
 import { useNotificationStore } from '@/scripts/stores/notification'
-import axios from 'axios'
+import http from '@/scripts/http'
 import { handleError } from '@/scripts/customer/helpers/error-handling'
 
-export const useEstimateStore = defineStore({
-  id: 'customerEstimateStore',
+export const useEstimateStore = defineStore('customerEstimateStore', {
   state: () => ({
     estimates: [],
     totalEstimates: 0,
@@ -13,7 +12,7 @@ export const useEstimateStore = defineStore({
   actions: {
     fetchEstimate(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/estimates`, { params })
           .then((response) => {
             this.estimates = response.data.data
@@ -29,7 +28,7 @@ export const useEstimateStore = defineStore({
 
     fetchViewEstimate(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/estimates/${params.id}`, {
             params,
           })
@@ -47,7 +46,7 @@ export const useEstimateStore = defineStore({
 
     searchEstimate(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/estimates`, { params })
           .then((response) => {
             this.estimates = response.data
@@ -62,7 +61,7 @@ export const useEstimateStore = defineStore({
     acceptEstimate({ slug, id, status }) {
 
       return new Promise((resolve, reject) => {
-        axios
+        http
           .post(`/api/v1/${slug}/customer/estimate/${id}/status`, { status })
           .then((response) => {
             let pos = this.estimates.findIndex(
@@ -89,7 +88,7 @@ export const useEstimateStore = defineStore({
     rejectEstimate({ slug, id, status }) {
 
       return new Promise((resolve, reject) => {
-        axios
+        http
           .post(`/api/v1/${slug}/customer/estimate/${id}/status`, { status })
           .then((response) => {
             let pos = this.estimates.findIndex(
diff --git a/resources/scripts/customer/stores/global.js b/resources/scripts/customer/stores/global.js
index 63cae536..62d9e50a 100644
--- a/resources/scripts/customer/stores/global.js
+++ b/resources/scripts/customer/stores/global.js
@@ -1,10 +1,9 @@
 import { handleError } from '@/scripts/customer/helpers/error-handling'
 import { useUserStore } from './user'
 const { defineStore } = window.pinia
-import axios from 'axios'
+import http from '@/scripts/http'
 const { global } = window.i18n
-export const useGlobalStore = defineStore({
-  id: 'CustomerPortalGlobalStore',
+export const useGlobalStore = defineStore('CustomerPortalGlobalStore', {
   state: () => ({
     languages: [],
     currency: null,
@@ -22,7 +21,7 @@ export const useGlobalStore = defineStore({
       this.companySlug = data
       const userStore = useUserStore()
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${data}/customer/bootstrap`)
           .then((response) => {
             this.currentUser = response.data.data
@@ -51,7 +50,7 @@ export const useGlobalStore = defineStore({
         if (this.countries.length) {
           resolve(this.countries)
         } else {
-          axios
+          http
             .get(`/api/v1/${this.companySlug}/customer/countries`)
             .then((response) => {
               this.countries = response.data.data
diff --git a/resources/scripts/customer/stores/invoice.js b/resources/scripts/customer/stores/invoice.js
index a4dee54f..165b3ce4 100644
--- a/resources/scripts/customer/stores/invoice.js
+++ b/resources/scripts/customer/stores/invoice.js
@@ -1,8 +1,7 @@
 import { handleError } from '@/scripts/customer/helpers/error-handling'
 const { defineStore } = window.pinia
-import axios from 'axios'
-export const useInvoiceStore = defineStore({
-  id: 'customerInvoiceStore',
+import http from '@/scripts/http'
+export const useInvoiceStore = defineStore('customerInvoiceStore', {
   state: () => ({
     totalInvoices: 0,
     invoices: [],
@@ -12,7 +11,7 @@ export const useInvoiceStore = defineStore({
   actions: {
     fetchInvoices(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/invoices`, { params })
           .then((response) => {
             this.invoices = response.data.data
@@ -28,7 +27,7 @@ export const useInvoiceStore = defineStore({
 
     fetchViewInvoice(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/invoices/${params.id}`, {
             params,
           })
@@ -46,7 +45,7 @@ export const useInvoiceStore = defineStore({
 
     searchInvoice(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/invoices`, { params })
           .then((response) => {
             this.invoices = response.data
diff --git a/resources/scripts/customer/stores/payment.js b/resources/scripts/customer/stores/payment.js
index dfcfae94..70465ef4 100644
--- a/resources/scripts/customer/stores/payment.js
+++ b/resources/scripts/customer/stores/payment.js
@@ -1,9 +1,8 @@
 import { handleError } from '@/scripts/customer/helpers/error-handling'
 const { defineStore } = window.pinia
-import axios from 'axios'
+import http from '@/scripts/http'
 
-export const usePaymentStore = defineStore({
-  id: 'customerPaymentStore',
+export const usePaymentStore = defineStore('customerPaymentStore', {
   state: () => ({
     payments: [],
     selectedViewPayment: [],
@@ -13,7 +12,7 @@ export const usePaymentStore = defineStore({
   actions: {
     fetchPayments(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/payments`, { params })
           .then((response) => {
             this.payments = response.data.data
@@ -29,7 +28,7 @@ export const usePaymentStore = defineStore({
 
     fetchViewPayment(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/payments/${params.id}`)
 
           .then((response) => {
@@ -45,7 +44,7 @@ export const usePaymentStore = defineStore({
 
     searchPayment(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/payments`, { params })
           .then((response) => {
             this.payments = response.data
@@ -60,7 +59,7 @@ export const usePaymentStore = defineStore({
 
     fetchPaymentModes(params, slug) {
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${slug}/customer/payment-method`, { params })
           .then((response) => {
             resolve(response)
diff --git a/resources/scripts/customer/stores/user.js b/resources/scripts/customer/stores/user.js
index 8a6a3b05..778fdac5 100644
--- a/resources/scripts/customer/stores/user.js
+++ b/resources/scripts/customer/stores/user.js
@@ -2,12 +2,10 @@ import { handleError } from '@/scripts/customer/helpers/error-handling'
 const { defineStore } = window.pinia
 import { useNotificationStore } from '@/scripts/stores/notification'
 import stubs from '@/scripts/customer/stubs/address'
-import axios from 'axios'
+import http from '@/scripts/http'
 import { useGlobalStore } from '@/scripts/customer/stores/global'
 
-export const useUserStore = defineStore({
-  id: 'customerUserStore',
-
+export const useUserStore = defineStore('customerUserStore', {
   state: () => ({
     customers: [],
     userForm: {
@@ -37,7 +35,7 @@ export const useUserStore = defineStore({
     fetchCurrentUser() {
       const globalStore = useGlobalStore()
       return new Promise((resolve, reject) => {
-        axios
+        http
           .get(`/api/v1/${globalStore.companySlug}/customer/me`)
           .then((response) => {
             Object.assign(this.userForm, response.data.data)
@@ -53,7 +51,7 @@ export const useUserStore = defineStore({
     updateCurrentUser({ data, message }) {
       const globalStore = useGlobalStore()
       return new Promise((resolve, reject) => {
-        axios
+        http
           .post(`/api/v1/${globalStore.companySlug}/customer/profile`, data)
           .then((response) => {
             this.userForm = response.data.data
diff --git a/resources/scripts/customer/views/BaseCheckon.vue b/resources/scripts/customer/views/BaseCheckon.vue
index ef7fbf40..db49b44e 100644
--- a/resources/scripts/customer/views/BaseCheckon.vue
+++ b/resources/scripts/customer/views/BaseCheckon.vue
@@ -8,5 +8,5 @@
 export default {}
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 </style>
diff --git a/resources/scripts/customer/views/estimates/View.vue b/resources/scripts/customer/views/estimates/View.vue
index b75b222e..17b9ad86 100644
--- a/resources/scripts/customer/views/estimates/View.vue
+++ b/resources/scripts/customer/views/estimates/View.vue
@@ -146,9 +146,9 @@
           :key="index"
           :to="`/${globalStore.companySlug}/customer/estimates/${estimate.id}/view`"
           :class="[
-            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent',
+            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-l-transparent',
             {
-              'bg-gray-100 border-l-4 border-primary-500 border-solid':
+              'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                 hasActiveUrl(estimate.id),
             },
           ]"
diff --git a/resources/scripts/customer/views/invoices/View.vue b/resources/scripts/customer/views/invoices/View.vue
index d9ced91a..985a1242 100644
--- a/resources/scripts/customer/views/invoices/View.vue
+++ b/resources/scripts/customer/views/invoices/View.vue
@@ -152,9 +152,9 @@
           :key="index"
           :to="`/${globalStore.companySlug}/customer/invoices/${invoice.id}/view`"
           :class="[
-            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent',
+            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-l-transparent',
             {
-              'bg-gray-100 border-l-4 border-primary-500 border-solid':
+              'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                 hasActiveUrl(invoice.id),
             },
           ]"
diff --git a/resources/scripts/customer/views/payments/View.vue b/resources/scripts/customer/views/payments/View.vue
index b5c49971..b07cf770 100644
--- a/resources/scripts/customer/views/payments/View.vue
+++ b/resources/scripts/customer/views/payments/View.vue
@@ -140,9 +140,9 @@
           :key="index"
           :to="`/${globalStore.companySlug}/customer/payments/${payment.id}/view`"
           :class="[
-            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent',
+            'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-l-transparent',
             {
-              'bg-gray-100 border-l-4 border-primary-500 border-solid':
+              'bg-gray-100 border-l-4 border-l-primary-500 border-solid':
                 hasActiveUrl(payment.id),
             },
           ]"
diff --git a/resources/scripts/http/index.js b/resources/scripts/http/index.js
new file mode 100644
index 00000000..b8fed847
--- /dev/null
+++ b/resources/scripts/http/index.js
@@ -0,0 +1,40 @@
+import axios from 'axios'
+import Ls from '@/scripts/services/ls.js'
+
+window.Ls = Ls
+
+const instance = axios.create({
+  withCredentials: true,
+  headers: {
+    common: {
+      'X-Requested-With': 'XMLHttpRequest',
+    },
+  },
+})
+
+instance.interceptors.request.use(function (config) {
+  const companyId = Ls.get('selectedCompany')
+  const authToken = Ls.get('auth.token')
+
+  if (authToken) {
+    config.headers.Authorization = authToken
+  }
+
+  if (companyId) {
+    config.headers.company = companyId
+  }
+
+  return config
+})
+
+function http(config) {
+  return instance(config)
+}
+
+http.get = instance.get.bind(instance)
+http.post = instance.post.bind(instance)
+http.put = instance.put.bind(instance)
+http.delete = instance.delete.bind(instance)
+http.patch = instance.patch.bind(instance)
+
+export default http
diff --git a/resources/scripts/main.js b/resources/scripts/main.js
index ea02b1ad..a6f9d8fc 100644
--- a/resources/scripts/main.js
+++ b/resources/scripts/main.js
@@ -1,17 +1,12 @@
-import '../sass/invoiceshelf.scss'
+import '../css/invoiceshelf.css'
 import 'v-tooltip/dist/v-tooltip.css'
-import '@/scripts/plugins/axios.js'
+import '@/scripts/http'
 import * as VueRouter from 'vue-router'
 import router from '@/scripts/router/index'
 import * as pinia from 'pinia'
 import * as Vue from 'vue'
 import * as Vuelidate from '@vuelidate/core'
 
-import.meta.glob([
-  '../static/img/**',
-  '../static/fonts/**',
-]);
-
 window.pinia = pinia
 window.Vuelidate = Vuelidate
 import InvoiceShelf from './InvoiceShelf.js'
diff --git a/resources/scripts/plugins/axios.js b/resources/scripts/plugins/axios.js
deleted file mode 100644
index b1478016..00000000
--- a/resources/scripts/plugins/axios.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import axios from 'axios'
-import Ls from '@/scripts/services/ls.js'
-
-window.Ls = Ls
-window.axios = axios
-axios.defaults.withCredentials = true
-
-axios.defaults.headers.common = {
-  'X-Requested-With': 'XMLHttpRequest',
-}
-
-/**
- * Interceptors
- */
-
-axios.interceptors.request.use(function (config) {
-  // Pass selected company to header on all requests
-  const companyId = Ls.get('selectedCompany')
-
-  const authToken = Ls.get('auth.token')
-
-  if (authToken) {
-    config.headers.Authorization = authToken
-  }
-
-  if (companyId) {
-    config.headers.company = companyId
-  }
-
-  return config
-})
diff --git a/resources/scripts/stores/dialog.js b/resources/scripts/stores/dialog.js
index fdb0f4b1..bc25cd42 100644
--- a/resources/scripts/stores/dialog.js
+++ b/resources/scripts/stores/dialog.js
@@ -4,8 +4,7 @@ export const useDialogStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'dialog',
+  return defineStoreFunc('dialog', {
     state: () => ({
       active: false,
       title: '',
diff --git a/resources/scripts/stores/modal.js b/resources/scripts/stores/modal.js
index f9d944e9..f0d1d8ba 100644
--- a/resources/scripts/stores/modal.js
+++ b/resources/scripts/stores/modal.js
@@ -4,9 +4,7 @@ export const useModalStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
   const { global } = window.i18n
 
-  return defineStoreFunc({
-    id: 'modal',
-
+  return defineStoreFunc('modal', {
     state: () => ({
       active: false,
       content: '',
diff --git a/resources/scripts/stores/notification.js b/resources/scripts/stores/notification.js
index a8d91bf9..e69ad39e 100644
--- a/resources/scripts/stores/notification.js
+++ b/resources/scripts/stores/notification.js
@@ -3,9 +3,7 @@ import { defineStore } from 'pinia'
 export const useNotificationStore = (useWindow = false) => {
   const defineStoreFunc = useWindow ? window.pinia.defineStore : defineStore
 
-  return defineStoreFunc({
-    id: 'notification',
-
+  return defineStoreFunc('notification', {
     state: () => ({
       active: false,
       autoHide: true,
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index e2afbae1..00000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import { red, teal, slate } from 'tailwindcss/colors';
-import svgToDataUri from 'mini-svg-data-uri';
-
-function withOpacityValue(cssVariable) {
-  return ({ opacityVariable, opacityValue }) => {
-    if (opacityValue !== undefined) {
-      return `rgba(var(${cssVariable}), ${opacityValue})`;
-    }
-    if (opacityVariable !== undefined) {
-      return `rgba(var(${cssVariable}), var(${opacityVariable}, 1))`;
-    }
-    return `rgb(var(${cssVariable}))`;
-  };
-}
-
-export default {
-  plugins: [
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/typography'),
-    require('@tailwindcss/aspect-ratio'),
-    require('tailwind-scrollbar'),
-    require('@rvxlab/tailwind-plugin-ios-full-height')
-  ],
-  theme: {
-    extend: {
-      colors: {
-        primary: {
-          50: withOpacityValue('--color-primary-50'),
-          100: withOpacityValue('--color-primary-100'),
-          200: withOpacityValue('--color-primary-200'),
-          300: withOpacityValue('--color-primary-300'),
-          400: withOpacityValue('--color-primary-400'),
-          500: withOpacityValue('--color-primary-500'),
-          600: withOpacityValue('--color-primary-600'),
-          700: withOpacityValue('--color-primary-700'),
-          800: withOpacityValue('--color-primary-800'),
-          900: withOpacityValue('--color-primary-900'),
-        },
-        black: '#040405',
-        red: red,
-        teal: teal,
-        gray: slate,
-      },
-      spacing: {
-        88: '22rem',
-      },
-      backgroundImage: (theme) => ({
-        'multiselect-caret': `url("${svgToDataUri(
-          `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
-    <path fill-rule="evenodd" d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" />
-  </svg>`
-        )}")`,
-        'multiselect-spinner': `url("${svgToDataUri(
-          `<svg viewBox="0 0 512 512" fill="${theme(
-            'colors.primary.500'
-          )}" xmlns="http://www.w3.org/2000/svg"><path d="M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z"></path></svg>`
-        )}")`,
-        'multiselect-remove': `url("${svgToDataUri(
-          `<svg viewBox="0 0 320 512" fill="${theme(
-            'colors.white'
-          )}" xmlns="http://www.w3.org/2000/svg"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg>`
-        )}")`,
-      }),
-    },
-
-    fontFamily: {
-      base: ['Poppins', 'sans-serif'],
-    },
-  },
-  content: [
-    './resources/views/**/*.php',
-    './resources/scripts/**/*.js',
-    './resources/scripts/**/*.vue',
-  ],
-}
diff --git a/vite.config.js b/vite.config.js
index 2f3125f3..a4d1c9ec 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import { resolve } from 'path';
 import laravel from 'laravel-vite-plugin';
+import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
   server: {
@@ -12,7 +13,6 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js",
       '@': resolve(__dirname, './resources/'),
       $fonts: resolve(__dirname, './resources/static/fonts'),
       $images: resolve(__dirname, './resources/static/img')
@@ -20,26 +20,17 @@ export default defineConfig({
     extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.mjs']
   },
   plugins: [
+    tailwindcss(),
     vue({
       template: {
         transformAssetUrls: {
-          // The Vue plugin will re-write asset URLs, when referenced
-          // in Single File Components, to point to the Laravel web
-          // server. Setting this to `null` allows the Laravel plugin
-          // to instead re-write asset URLs to point to the Vite
-          // server instead.
           base: null,
-
-          // The Vue plugin will parse absolute URLs and treat them
-          // as absolute paths to files on disk. Setting this to
-          // `false` will leave absolute URLs un-touched so they can
-          // reference assets in the public directory as expected.
           includeAbsolute: false,
         },
       },
     }),
-    laravel([
-      'resources/scripts/main.js'
-    ])
+    laravel({
+      input: ['resources/scripts/main.js'],
+    })
   ]
 });
diff --git a/yarn.lock b/yarn.lock
index 22ca4077..5fc11a91 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,11 +2,6 @@
 # yarn lockfile v1
 
 
-"@alloc/quick-lru@^5.2.0":
-  version "5.2.0"
-  resolved "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
-  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
-
 "@babel/helper-string-parser@^7.25.9":
   version "7.25.9"
   resolved "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz"
@@ -32,11 +27,6 @@
     "@babel/helper-string-parser" "^7.25.9"
     "@babel/helper-validator-identifier" "^7.25.9"
 
-"@esbuild/linux-x64@0.25.9":
-  version "0.25.9"
-  resolved "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.9.tgz"
-  integrity sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==
-
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.1"
   resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz"
@@ -164,25 +154,20 @@
   resolved "https://registry.npmjs.org/@intlify/shared/-/shared-11.1.11.tgz"
   integrity sha512-RIBFTIqxZSsxUqlcyoR7iiC632bq7kkOwYvZlvcVObHfrF4NhuKc4FKvu8iPCrEO+e3XsY7/UVpfgzg+M7ETzA==
 
-"@isaacs/cliui@^8.0.2":
-  version "8.0.2"
-  resolved "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz"
-  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+"@jridgewell/gen-mapping@^0.3.5":
+  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==
   dependencies:
-    string-width "^5.1.2"
-    string-width-cjs "npm:string-width@^4.2.0"
-    strip-ansi "^7.0.1"
-    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
-    wrap-ansi "^8.1.0"
-    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
 
-"@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.8"
-  resolved "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz"
-  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
   dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
 "@jridgewell/resolve-uri@^3.1.0":
@@ -190,83 +175,23 @@
   resolved "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz"
   integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
 
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
-
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz"
-  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0", "@jridgewell/sourcemap-codec@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 
 "@jridgewell/trace-mapping@^0.3.24":
-  version "0.3.25"
-  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  version "0.3.31"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
   dependencies:
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@nodelib/fs.scandir@2.1.5":
-  version "2.1.5"
-  resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
-  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
-  dependencies:
-    "@nodelib/fs.stat" "2.0.5"
-    run-parallel "^1.1.9"
-
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
-  version "2.0.5"
-  resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
-  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
-
-"@nodelib/fs.walk@^1.2.3":
-  version "1.2.8"
-  resolved "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
-  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
-  dependencies:
-    "@nodelib/fs.scandir" "2.1.5"
-    fastq "^1.6.0"
-
-"@parcel/watcher-linux-x64-glibc@2.5.0":
-  version "2.5.0"
-  resolved "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz"
-  integrity sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==
-
-"@parcel/watcher-linux-x64-musl@2.5.0":
-  version "2.5.0"
-  resolved "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz"
-  integrity sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==
-
-"@parcel/watcher@^2.4.1":
-  version "2.5.0"
-  resolved "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz"
-  integrity sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==
-  dependencies:
-    detect-libc "^1.0.3"
-    is-glob "^4.0.3"
-    micromatch "^4.0.5"
-    node-addon-api "^7.0.0"
-  optionalDependencies:
-    "@parcel/watcher-android-arm64" "2.5.0"
-    "@parcel/watcher-darwin-arm64" "2.5.0"
-    "@parcel/watcher-darwin-x64" "2.5.0"
-    "@parcel/watcher-freebsd-x64" "2.5.0"
-    "@parcel/watcher-linux-arm-glibc" "2.5.0"
-    "@parcel/watcher-linux-arm-musl" "2.5.0"
-    "@parcel/watcher-linux-arm64-glibc" "2.5.0"
-    "@parcel/watcher-linux-arm64-musl" "2.5.0"
-    "@parcel/watcher-linux-x64-glibc" "2.5.0"
-    "@parcel/watcher-linux-x64-musl" "2.5.0"
-    "@parcel/watcher-win32-arm64" "2.5.0"
-    "@parcel/watcher-win32-ia32" "2.5.0"
-    "@parcel/watcher-win32-x64" "2.5.0"
-
-"@pkgjs/parseargs@^0.11.0":
-  version "0.11.0"
-  resolved "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz"
-  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+"@oxc-project/types@=0.122.0":
+  version "0.122.0"
+  resolved "https://registry.npmjs.org/@oxc-project/types/-/types-0.122.0.tgz"
+  integrity sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==
 
 "@popperjs/core@^2.11.0", "@popperjs/core@^2.11.8", "@popperjs/core@^2.9.0":
   version "2.11.8"
@@ -278,31 +203,26 @@
   resolved "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz"
   integrity sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==
 
-"@rollup/rollup-linux-x64-gnu@4.49.0":
-  version "4.49.0"
-  resolved "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.49.0.tgz"
-  integrity sha512-BR7+blScdLW1h/2hB/2oXM+dhTmpW3rQt1DeSiCP9mc2NMMkqVgjIN3DDsNpKmezffGC9R8XKVOLmBkRUcK/sA==
+"@rolldown/binding-darwin-arm64@1.0.0-rc.12":
+  version "1.0.0-rc.12"
+  resolved "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.12.tgz"
+  integrity sha512-cFYr6zTG/3PXXF3pUO+umXxt1wkRK/0AYT8lDwuqvRC+LuKYWSAQAQZjCWDQpAH172ZV6ieYrNnFzVVcnSflAg==
 
-"@rollup/rollup-linux-x64-musl@4.49.0":
-  version "4.49.0"
-  resolved "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.49.0.tgz"
-  integrity sha512-hDMOAe+6nX3V5ei1I7Au3wcr9h3ktKzDvF2ne5ovX8RZiAHEtX1A5SNNk4zt1Qt77CmnbqT+upb/umzoPMWiPg==
+"@rolldown/pluginutils@1.0.0-rc.12":
+  version "1.0.0-rc.12"
+  resolved "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.12.tgz"
+  integrity sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==
 
-"@rvxlab/tailwind-plugin-ios-full-height@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/@rvxlab/tailwind-plugin-ios-full-height/-/tailwind-plugin-ios-full-height-1.1.0.tgz"
-  integrity sha512-jPIxXn0raN/YTk8nXesqM+JbS2WWd5XaUk/MbaAgVDDPyYtsPfeN3B26xIhSa2oE2+JB66tegPUMSOmixzroXg==
+"@rolldown/pluginutils@1.0.0-rc.2":
+  version "1.0.0-rc.2"
+  resolved "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz"
+  integrity sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==
 
 "@stripe/stripe-js@^2.4.0":
   version "2.4.0"
   resolved "https://registry.npmjs.org/@stripe/stripe-js/-/stripe-js-2.4.0.tgz"
   integrity sha512-WFkQx1mbs2b5+7looI9IV1BLa3bIApuN3ehp9FP58xGg7KL9hCHDECgW3BwO9l9L+xBPVAD7Yjn1EhGe6EDTeA==
 
-"@tailwindcss/aspect-ratio@^0.4.2":
-  version "0.4.2"
-  resolved "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.2.tgz"
-  integrity sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==
-
 "@tailwindcss/forms@^0.5.10":
   version "0.5.10"
   resolved "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.10.tgz"
@@ -310,6 +230,42 @@
   dependencies:
     mini-svg-data-uri "^1.2.3"
 
+"@tailwindcss/node@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz"
+  integrity sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==
+  dependencies:
+    "@jridgewell/remapping" "^2.3.5"
+    enhanced-resolve "^5.19.0"
+    jiti "^2.6.1"
+    lightningcss "1.32.0"
+    magic-string "^0.30.21"
+    source-map-js "^1.2.1"
+    tailwindcss "4.2.2"
+
+"@tailwindcss/oxide-darwin-arm64@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz"
+  integrity sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==
+
+"@tailwindcss/oxide@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz"
+  integrity sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==
+  optionalDependencies:
+    "@tailwindcss/oxide-android-arm64" "4.2.2"
+    "@tailwindcss/oxide-darwin-arm64" "4.2.2"
+    "@tailwindcss/oxide-darwin-x64" "4.2.2"
+    "@tailwindcss/oxide-freebsd-x64" "4.2.2"
+    "@tailwindcss/oxide-linux-arm-gnueabihf" "4.2.2"
+    "@tailwindcss/oxide-linux-arm64-gnu" "4.2.2"
+    "@tailwindcss/oxide-linux-arm64-musl" "4.2.2"
+    "@tailwindcss/oxide-linux-x64-gnu" "4.2.2"
+    "@tailwindcss/oxide-linux-x64-musl" "4.2.2"
+    "@tailwindcss/oxide-wasm32-wasi" "4.2.2"
+    "@tailwindcss/oxide-win32-arm64-msvc" "4.2.2"
+    "@tailwindcss/oxide-win32-x64-msvc" "4.2.2"
+
 "@tailwindcss/typography@^0.5.16":
   version "0.5.16"
   resolved "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz"
@@ -320,6 +276,15 @@
     lodash.merge "^4.6.2"
     postcss-selector-parser "6.0.10"
 
+"@tailwindcss/vite@^4.0.0":
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.2.tgz"
+  integrity sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==
+  dependencies:
+    "@tailwindcss/node" "4.2.2"
+    "@tailwindcss/oxide" "4.2.2"
+    tailwindcss "4.2.2"
+
 "@tanstack/virtual-core@3.11.2":
   version "3.11.2"
   resolved "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.11.2.tgz"
@@ -517,7 +482,14 @@
     "@tiptap/extension-bubble-menu" "^2.11.2"
     "@tiptap/extension-floating-menu" "^2.11.2"
 
-"@types/estree@^1.0.6", "@types/estree@1.0.8":
+"@tybys/wasm-util@^0.10.1":
+  version "0.10.1"
+  resolved "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz"
+  integrity sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==
+  dependencies:
+    tslib "^2.4.0"
+
+"@types/estree@^1.0.6":
   version "1.0.8"
   resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz"
   integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
@@ -545,22 +517,29 @@
   resolved "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz"
   integrity sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==
 
-"@types/node@^18.0.0 || ^20.0.0 || >=22.0.0", "@types/node@^20.11.9":
+"@types/node@^20.11.9", "@types/node@^20.19.0 || >=22.12.0":
   version "20.19.11"
   resolved "https://registry.npmjs.org/@types/node/-/node-20.19.11.tgz"
   integrity sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow==
   dependencies:
     undici-types "~6.21.0"
 
+"@types/prismjs@^1.26.0":
+  version "1.26.6"
+  resolved "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.6.tgz"
+  integrity sha512-vqlvI7qlMvcCBbVe0AKAb4f97//Hy0EBTaiW8AalRnG/xAN5zOiWWyrNqNXeq8+KAuvRewjCVY1+IPxk4RdNYw==
+
 "@types/web-bluetooth@^0.0.21":
   version "0.0.21"
   resolved "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz"
   integrity sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==
 
-"@vitejs/plugin-vue@^5.2.1":
-  version "5.2.1"
-  resolved "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz"
-  integrity sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==
+"@vitejs/plugin-vue@^6.0.0":
+  version "6.0.5"
+  resolved "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.5.tgz"
+  integrity sha512-bL3AxKuQySfk1iGcBsQnoRVexTPJq0Z/ixFVM8OhVJAP6ZXXXLtM7NFKWhLl30Kg7uTBqIaPXbh+nuQCuBDedg==
+  dependencies:
+    "@rolldown/pluginutils" "1.0.0-rc.2"
 
 "@vue/compiler-core@3.5.13":
   version "3.5.13"
@@ -604,11 +583,38 @@
     "@vue/compiler-dom" "3.5.13"
     "@vue/shared" "3.5.13"
 
-"@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.3", "@vue/devtools-api@^6.6.4":
+"@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.4":
   version "6.6.4"
   resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz"
   integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
 
+"@vue/devtools-api@^7.7.7":
+  version "7.7.9"
+  resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.9.tgz"
+  integrity sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==
+  dependencies:
+    "@vue/devtools-kit" "^7.7.9"
+
+"@vue/devtools-kit@^7.7.9":
+  version "7.7.9"
+  resolved "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz"
+  integrity sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==
+  dependencies:
+    "@vue/devtools-shared" "^7.7.9"
+    birpc "^2.3.0"
+    hookable "^5.5.3"
+    mitt "^3.0.1"
+    perfect-debounce "^1.0.0"
+    speakingurl "^14.0.1"
+    superjson "^2.2.2"
+
+"@vue/devtools-shared@^7.7.9":
+  version "7.7.9"
+  resolved "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz"
+  integrity sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==
+  dependencies:
+    rfdc "^1.4.1"
+
 "@vue/reactivity@3.5.13":
   version "3.5.13"
   resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz"
@@ -711,46 +717,13 @@ ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ansi-regex@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
-  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
-
-ansi-regex@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz"
-  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
-
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
   dependencies:
     color-convert "^2.0.1"
 
-ansi-styles@^6.1.0:
-  version "6.2.1"
-  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
-  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
-
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
 argparse@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz"
@@ -761,36 +734,24 @@ asynckit@^0.4.0:
   resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-autoprefixer@^10.4.20:
-  version "10.4.20"
-  resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz"
-  integrity sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==
+axios@1.14.0:
+  version "1.14.0"
+  resolved "https://registry.npmjs.org/axios/-/axios-1.14.0.tgz"
+  integrity sha512-3Y8yrqLSwjuzpXuZ0oIYZ/XGgLwUIBU3uLvbcpb0pidD9ctpShJd43KSlEEkVQg6DS0G9NKyzOvBfUtDKEyHvQ==
   dependencies:
-    browserslist "^4.23.3"
-    caniuse-lite "^1.0.30001646"
-    fraction.js "^4.3.7"
-    normalize-range "^0.1.2"
-    picocolors "^1.0.1"
-    postcss-value-parser "^4.2.0"
-
-axios@0.30.0:
-  version "0.30.0"
-  resolved "https://registry.npmjs.org/axios/-/axios-0.30.0.tgz"
-  integrity sha512-Z4F3LjCgfjZz8BMYalWdMgAQUnEtKDmpwNHjh/C8pQZWde32TF64cqnSeyL3xD/aTIASRU30RHTNzRiV/NpGMg==
-  dependencies:
-    follow-redirects "^1.15.4"
-    form-data "^4.0.0"
-    proxy-from-env "^1.1.0"
+    follow-redirects "^1.15.11"
+    form-data "^4.0.5"
+    proxy-from-env "^2.1.0"
 
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-binary-extensions@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz"
-  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+birpc@^2.3.0:
+  version "2.9.0"
+  resolved "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz"
+  integrity sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==
 
 boolbase@^1.0.0:
   version "1.0.0"
@@ -805,30 +766,6 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
-brace-expansion@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz"
-  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
-  dependencies:
-    balanced-match "^1.0.0"
-
-braces@^3.0.3, braces@~3.0.2:
-  version "3.0.3"
-  resolved "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz"
-  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
-  dependencies:
-    fill-range "^7.1.1"
-
-browserslist@^4.23.3, "browserslist@>= 4.21.0":
-  version "4.24.4"
-  resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz"
-  integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
-  dependencies:
-    caniuse-lite "^1.0.30001688"
-    electron-to-chromium "^1.5.73"
-    node-releases "^2.0.19"
-    update-browserslist-db "^1.1.1"
-
 call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz"
@@ -842,16 +779,6 @@ callsites@^3.0.0:
   resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
-caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001688:
-  version "1.0.30001737"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001737.tgz"
-  integrity sha512-BiloLiXtQNrY5UyF0+1nSJLXUENuhka2pzy2Fx5pGxqavdrxSCW4U6Pn/PoG3Efspi2frRbHpBV2XsrPE6EDlw==
-
 chalk@^4.0.0:
   version "4.1.2"
   resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
@@ -883,27 +810,10 @@ chartjs-color@^2.1.0:
     chartjs-color-string "^0.6.0"
     color-convert "^1.9.3"
 
-chokidar@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-chokidar@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz"
-  integrity sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==
-  dependencies:
-    readdirp "^4.0.1"
+clsx@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz"
+  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
 
 color-convert@^1.9.3:
   version "1.9.3"
@@ -936,16 +846,18 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+copy-anything@^4:
+  version "4.0.5"
+  resolved "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz"
+  integrity sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==
+  dependencies:
+    is-what "^5.2.0"
+
 crelt@^1.0.0:
   version "1.0.6"
   resolved "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz"
@@ -958,7 +870,7 @@ cross-env@^7.0.3:
   dependencies:
     cross-spawn "^7.0.1"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.6:
+cross-spawn@^7.0.1, cross-spawn@^7.0.6:
   version "7.0.6"
   resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz"
   integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
@@ -994,20 +906,10 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
-detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz"
-  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
-
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
-
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+detect-libc@^2.0.3:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz"
+  integrity sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==
 
 dunder-proto@^1.0.1:
   version "1.0.1"
@@ -1018,25 +920,13 @@ dunder-proto@^1.0.1:
     es-errors "^1.3.0"
     gopd "^1.2.0"
 
-eastasianwidth@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz"
-  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
-
-electron-to-chromium@^1.5.73:
-  version "1.5.80"
-  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.80.tgz"
-  integrity sha512-LTrKpW0AqIuHwmlVNV+cjFYTnXtM9K37OGhpe0ZI10ScPSxqVSryZHIY3WnCS5NSYbBODRTZyhRMS2h5FAEqAw==
-
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-emoji-regex@^9.2.2:
-  version "9.2.2"
-  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz"
-  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+enhanced-resolve@^5.19.0:
+  version "5.20.1"
+  resolved "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz"
+  integrity sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.3.0"
 
 entities@^4.4.0, entities@^4.5.0:
   version "4.5.0"
@@ -1070,43 +960,6 @@ es-set-tostringtag@^2.1.0:
     has-tostringtag "^1.0.2"
     hasown "^2.0.2"
 
-esbuild@^0.25.0:
-  version "0.25.9"
-  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.25.9.tgz"
-  integrity sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==
-  optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.9"
-    "@esbuild/android-arm" "0.25.9"
-    "@esbuild/android-arm64" "0.25.9"
-    "@esbuild/android-x64" "0.25.9"
-    "@esbuild/darwin-arm64" "0.25.9"
-    "@esbuild/darwin-x64" "0.25.9"
-    "@esbuild/freebsd-arm64" "0.25.9"
-    "@esbuild/freebsd-x64" "0.25.9"
-    "@esbuild/linux-arm" "0.25.9"
-    "@esbuild/linux-arm64" "0.25.9"
-    "@esbuild/linux-ia32" "0.25.9"
-    "@esbuild/linux-loong64" "0.25.9"
-    "@esbuild/linux-mips64el" "0.25.9"
-    "@esbuild/linux-ppc64" "0.25.9"
-    "@esbuild/linux-riscv64" "0.25.9"
-    "@esbuild/linux-s390x" "0.25.9"
-    "@esbuild/linux-x64" "0.25.9"
-    "@esbuild/netbsd-arm64" "0.25.9"
-    "@esbuild/netbsd-x64" "0.25.9"
-    "@esbuild/openbsd-arm64" "0.25.9"
-    "@esbuild/openbsd-x64" "0.25.9"
-    "@esbuild/openharmony-arm64" "0.25.9"
-    "@esbuild/sunos-x64" "0.25.9"
-    "@esbuild/win32-arm64" "0.25.9"
-    "@esbuild/win32-ia32" "0.25.9"
-    "@esbuild/win32-x64" "0.25.9"
-
-escalade@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz"
-  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
-
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
@@ -1147,7 +1000,12 @@ eslint-scope@^8.4.0:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
+  version "3.4.3"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint-visitor-keys@^3.4.3:
   version "3.4.3"
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
@@ -1198,16 +1056,7 @@ eslint-visitor-keys@^4.2.1:
     natural-compare "^1.4.0"
     optionator "^0.9.3"
 
-espree@^10.0.1:
-  version "10.4.0"
-  resolved "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz"
-  integrity sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==
-  dependencies:
-    acorn "^8.15.0"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^4.2.1"
-
-espree@^10.4.0:
+espree@^10.0.1, espree@^10.4.0:
   version "10.4.0"
   resolved "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz"
   integrity sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==
@@ -1259,17 +1108,6 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.3.2:
-  version "3.3.3"
-  resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz"
-  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.8"
-
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
@@ -1280,14 +1118,7 @@ fast-levenshtein@^2.0.6:
   resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
-fastq@^1.6.0:
-  version "1.18.0"
-  resolved "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz"
-  integrity sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==
-  dependencies:
-    reusify "^1.0.4"
-
-fdir@^6.4.4:
+fdir@^6.5.0:
   version "6.5.0"
   resolved "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz"
   integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
@@ -1299,13 +1130,6 @@ file-entry-cache@^8.0.0:
   dependencies:
     flat-cache "^4.0.0"
 
-fill-range@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz"
-  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
-  dependencies:
-    to-regex-range "^5.0.1"
-
 find-up@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
@@ -1332,23 +1156,15 @@ flatted@^3.2.9:
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz"
   integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
 
-follow-redirects@^1.15.4:
-  version "1.15.9"
-  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz"
-  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+follow-redirects@^1.15.11:
+  version "1.15.11"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz"
+  integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
 
-foreground-child@^3.1.0:
-  version "3.3.0"
-  resolved "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz"
-  integrity sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==
-  dependencies:
-    cross-spawn "^7.0.0"
-    signal-exit "^4.0.1"
-
-form-data@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz"
-  integrity sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==
+form-data@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz"
+  integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
@@ -1356,10 +1172,10 @@ form-data@^4.0.0:
     hasown "^2.0.2"
     mime-types "^2.1.12"
 
-fraction.js@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz"
-  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+fsevents@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
 function-bind@^1.1.2:
   version "1.1.2"
@@ -1390,13 +1206,6 @@ get-proto@^1.0.1:
     dunder-proto "^1.0.1"
     es-object-atoms "^1.0.0"
 
-glob-parent@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
 glob-parent@^6.0.2:
   version "6.0.2"
   resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz"
@@ -1404,25 +1213,6 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob@^10.3.10:
-  version "10.4.5"
-  resolved "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz"
-  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^3.1.2"
-    minimatch "^9.0.4"
-    minipass "^7.1.2"
-    package-json-from-dist "^1.0.0"
-    path-scurry "^1.11.1"
-
 globals@^13.24.0:
   version "13.24.0"
   resolved "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz"
@@ -1440,6 +1230,11 @@ gopd@^1.2.0:
   resolved "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz"
   integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
+graceful-fs@^4.2.4:
+  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==
+
 guid@^0.0.12:
   version "0.0.12"
   resolved "https://registry.npmjs.org/guid/-/guid-0.0.12.tgz"
@@ -1469,16 +1264,16 @@ hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
+hookable@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz"
+  integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
+
 ignore@^5.2.0:
   version "5.3.2"
   resolved "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-immutable@^5.0.2:
-  version "5.0.3"
-  resolved "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz"
-  integrity sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==
-
 import-fresh@^3.2.1:
   version "3.3.1"
   resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz"
@@ -1497,60 +1292,32 @@ inherits@2.0.3:
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz"
   integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
 
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-core-module@^2.16.0:
-  version "2.16.1"
-  resolved "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz"
-  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
-  dependencies:
-    hasown "^2.0.2"
-
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
-is-fullwidth-code-point@^3.0.0:
-  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==
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.0, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
   dependencies:
     is-extglob "^2.1.1"
 
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+is-what@^5.2.0:
+  version "5.5.0"
+  resolved "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz"
+  integrity sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==
 
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-jackspeak@^3.1.2:
-  version "3.4.3"
-  resolved "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz"
-  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
-jiti@*, jiti@^1.21.6, jiti@>=1.21.0:
-  version "1.21.7"
-  resolved "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz"
-  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
+jiti@*, jiti@^2.6.1, jiti@>=1.21.0:
+  version "2.6.1"
+  resolved "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz"
+  integrity sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==
 
 js-yaml@^4.1.0:
   version "4.1.0"
@@ -1581,12 +1348,13 @@ keyv@^4.5.4:
   dependencies:
     json-buffer "3.0.1"
 
-laravel-vite-plugin@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.1.1.tgz"
-  integrity sha512-HMZXpoSs1OR+7Lw1+g4Iy/s3HF3Ldl8KxxYT2Ot8pEB4XB/QRuZeWgDYJdu552UN03YRSRNK84CLC9NzYRtncA==
+laravel-vite-plugin@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-3.0.1.tgz"
+  integrity sha512-Bx8sVcLIaZT1d0eisABcmjQ1GZdJpaXcV66A8RhXGp9JgR3iL8jDnvakVDXuH87Tn5S9KNx3VOhmJZW1CSexOg==
   dependencies:
     picocolors "^1.0.0"
+    tinyglobby "^0.2.12"
     vite-plugin-full-reload "^1.1.0"
 
 levn@^0.4.1:
@@ -1597,15 +1365,29 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-lilconfig@^3.0.0, lilconfig@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz"
-  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
+lightningcss-darwin-arm64@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz"
+  integrity sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==
 
-lines-and-columns@^1.1.6:
-  version "1.2.4"
-  resolved "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz"
-  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+lightningcss@^1.32.0, lightningcss@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz"
+  integrity sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==
+  dependencies:
+    detect-libc "^2.0.3"
+  optionalDependencies:
+    lightningcss-android-arm64 "1.32.0"
+    lightningcss-darwin-arm64 "1.32.0"
+    lightningcss-darwin-x64 "1.32.0"
+    lightningcss-freebsd-x64 "1.32.0"
+    lightningcss-linux-arm-gnueabihf "1.32.0"
+    lightningcss-linux-arm64-gnu "1.32.0"
+    lightningcss-linux-arm64-musl "1.32.0"
+    lightningcss-linux-x64-gnu "1.32.0"
+    lightningcss-linux-x64-musl "1.32.0"
+    lightningcss-win32-arm64-msvc "1.32.0"
+    lightningcss-win32-x64-msvc "1.32.0"
 
 linkify-it@^5.0.0:
   version "5.0.0"
@@ -1646,17 +1428,12 @@ lodash@^4.17.21:
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-lru-cache@^10.2.0:
-  version "10.4.3"
-  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz"
-  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
-
-magic-string@^0.30.11:
-  version "0.30.17"
-  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz"
-  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
+magic-string@^0.30.11, magic-string@^0.30.21:
+  version "0.30.21"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz"
+  integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/sourcemap-codec" "^1.5.5"
 
 markdown-it@^14.0.0:
   version "14.1.0"
@@ -1685,19 +1462,6 @@ mdurl@^2.0.0:
   resolved "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz"
   integrity sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==
 
-merge2@^1.3.0:
-  version "1.4.1"
-  resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz"
-  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
-
-micromatch@^4.0.5, micromatch@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz"
-  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
-  dependencies:
-    braces "^3.0.3"
-    picomatch "^2.3.1"
-
 mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
@@ -1722,17 +1486,10 @@ minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^9.0.4:
-  version "9.0.5"
-  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz"
-  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
-  version "7.1.2"
-  resolved "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz"
-  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+mitt@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz"
+  integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==
 
 moment@^2.10.2, moment@^2.30.1:
   version "2.30.1"
@@ -1744,15 +1501,6 @@ ms@^2.1.3:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
 nanoid@^3.3.11:
   version "3.3.11"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz"
@@ -1763,26 +1511,6 @@ natural-compare@^1.4.0:
   resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-node-addon-api@^7.0.0:
-  version "7.1.1"
-  resolved "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz"
-  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
-
-node-releases@^2.0.19:
-  version "2.0.19"
-  resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz"
-  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
 nth-check@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz"
@@ -1790,16 +1518,6 @@ nth-check@^2.1.1:
   dependencies:
     boolbase "^1.0.0"
 
-object-assign@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
 optionator@^0.9.3:
   version "0.9.4"
   resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz"
@@ -1831,11 +1549,6 @@ p-locate@^5.0.0:
   dependencies:
     p-limit "^3.0.2"
 
-package-json-from-dist@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz"
-  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
-
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz"
@@ -1853,19 +1566,6 @@ path-key@^3.1.0:
   resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
-path-parse@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz"
-  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-
-path-scurry@^1.11.1:
-  version "1.11.1"
-  resolved "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz"
-  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
-  dependencies:
-    lru-cache "^10.2.0"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-
 path@^0.12.7:
   version "0.12.7"
   resolved "https://registry.npmjs.org/path/-/path-0.12.7.tgz"
@@ -1874,69 +1574,37 @@ path@^0.12.7:
     process "^0.11.1"
     util "^0.10.3"
 
-picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.1:
+perfect-debounce@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz"
+  integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
+
+picocolors@^1.0.0, picocolors@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-"picomatch@^3 || ^4", picomatch@^4.0.2:
+"picomatch@^3 || ^4", picomatch@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz"
   integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+picomatch@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz"
+  integrity sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==
 
-pinia@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/pinia/-/pinia-2.3.0.tgz"
-  integrity sha512-ohZj3jla0LL0OH5PlLTDMzqKiVw2XARmC1XYLdLWIPBMdhDW/123ZWr4zVAhtJm+aoSkFa13pYXskAvAscIkhQ==
+pinia@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/pinia/-/pinia-3.0.4.tgz"
+  integrity sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==
   dependencies:
-    "@vue/devtools-api" "^6.6.3"
-    vue-demi "^0.14.10"
-
-pirates@^4.0.1:
-  version "4.0.6"
-  resolved "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz"
-  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
-
-postcss-import@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz"
-  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-load-config@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz"
-  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
-  dependencies:
-    lilconfig "^3.0.0"
-    yaml "^2.3.4"
-
-postcss-nested@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz"
-  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
-  dependencies:
-    postcss-selector-parser "^6.1.1"
+    "@vue/devtools-api" "^7.7.7"
 
 postcss-selector-parser@^6.0.15:
   version "6.1.2"
@@ -1946,22 +1614,6 @@ postcss-selector-parser@^6.0.15:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-selector-parser@^6.1.1:
-  version "6.1.2"
-  resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-selector-parser@^6.1.2:
-  version "6.1.2"
-  resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
 postcss-selector-parser@6.0.10:
   version "6.0.10"
   resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz"
@@ -1970,15 +1622,10 @@ postcss-selector-parser@6.0.10:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@^8.0.0, postcss@^8.1.0, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.47, postcss@^8.4.48, postcss@^8.4.49, postcss@^8.5.3, postcss@>=8.0.9:
-  version "8.5.6"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz"
-  integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
+postcss@^8.4.48, postcss@^8.5.8:
+  version "8.5.8"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz"
+  integrity sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==
   dependencies:
     nanoid "^3.3.11"
     picocolors "^1.1.1"
@@ -1994,6 +1641,14 @@ prettier@^3.4.2:
   resolved "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz"
   integrity sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==
 
+prism-react-renderer@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/prism-react-renderer/-/prism-react-renderer-2.4.1.tgz"
+  integrity sha512-ey8Ls/+Di31eqzUxC46h8MksNuGx/n0AAC8uKpwFau4RPDYLuE3EXTp8N8G2vX2N7UC/+IXeNUnlWBGGcAG+Ig==
+  dependencies:
+    "@types/prismjs" "^1.26.0"
+    clsx "^2.0.0"
+
 process@^0.11.1:
   version "0.11.10"
   resolved "https://registry.npmjs.org/process/-/process-0.11.10.tgz"
@@ -2153,10 +1808,10 @@ prosemirror-view@^1.0.0, prosemirror-view@^1.1.0, prosemirror-view@^1.27.0, pros
     prosemirror-state "^1.0.0"
     prosemirror-transform "^1.1.0"
 
-proxy-from-env@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
-  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+proxy-from-env@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz"
+  integrity sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==
 
 punycode.js@^2.3.1:
   version "2.3.1"
@@ -2168,101 +1823,50 @@ punycode@^2.1.0:
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
-queue-microtask@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
-  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
-
-readdirp@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.npmjs.org/readdirp/-/readdirp-4.1.1.tgz"
-  integrity sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
+react@>=16.0.0:
+  version "19.2.4"
+  resolved "https://registry.npmjs.org/react/-/react-19.2.4.tgz"
+  integrity sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==
 
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.1.7, resolve@^1.22.8:
-  version "1.22.10"
-  resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz"
-  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
-  dependencies:
-    is-core-module "^2.16.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
+rfdc@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz"
+  integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
 
-reusify@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
-
-rollup@^4.34.9:
-  version "4.49.0"
-  resolved "https://registry.npmjs.org/rollup/-/rollup-4.49.0.tgz"
-  integrity sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA==
+rolldown@1.0.0-rc.12:
+  version "1.0.0-rc.12"
+  resolved "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.12.tgz"
+  integrity sha512-yP4USLIMYrwpPHEFB5JGH1uxhcslv6/hL0OyvTuY+3qlOSJvZ7ntYnoWpehBxufkgN0cvXxppuTu5hHa/zPh+A==
   dependencies:
-    "@types/estree" "1.0.8"
+    "@oxc-project/types" "=0.122.0"
+    "@rolldown/pluginutils" "1.0.0-rc.12"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.49.0"
-    "@rollup/rollup-android-arm64" "4.49.0"
-    "@rollup/rollup-darwin-arm64" "4.49.0"
-    "@rollup/rollup-darwin-x64" "4.49.0"
-    "@rollup/rollup-freebsd-arm64" "4.49.0"
-    "@rollup/rollup-freebsd-x64" "4.49.0"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.49.0"
-    "@rollup/rollup-linux-arm-musleabihf" "4.49.0"
-    "@rollup/rollup-linux-arm64-gnu" "4.49.0"
-    "@rollup/rollup-linux-arm64-musl" "4.49.0"
-    "@rollup/rollup-linux-loongarch64-gnu" "4.49.0"
-    "@rollup/rollup-linux-ppc64-gnu" "4.49.0"
-    "@rollup/rollup-linux-riscv64-gnu" "4.49.0"
-    "@rollup/rollup-linux-riscv64-musl" "4.49.0"
-    "@rollup/rollup-linux-s390x-gnu" "4.49.0"
-    "@rollup/rollup-linux-x64-gnu" "4.49.0"
-    "@rollup/rollup-linux-x64-musl" "4.49.0"
-    "@rollup/rollup-win32-arm64-msvc" "4.49.0"
-    "@rollup/rollup-win32-ia32-msvc" "4.49.0"
-    "@rollup/rollup-win32-x64-msvc" "4.49.0"
-    fsevents "~2.3.2"
+    "@rolldown/binding-android-arm64" "1.0.0-rc.12"
+    "@rolldown/binding-darwin-arm64" "1.0.0-rc.12"
+    "@rolldown/binding-darwin-x64" "1.0.0-rc.12"
+    "@rolldown/binding-freebsd-x64" "1.0.0-rc.12"
+    "@rolldown/binding-linux-arm-gnueabihf" "1.0.0-rc.12"
+    "@rolldown/binding-linux-arm64-gnu" "1.0.0-rc.12"
+    "@rolldown/binding-linux-arm64-musl" "1.0.0-rc.12"
+    "@rolldown/binding-linux-ppc64-gnu" "1.0.0-rc.12"
+    "@rolldown/binding-linux-s390x-gnu" "1.0.0-rc.12"
+    "@rolldown/binding-linux-x64-gnu" "1.0.0-rc.12"
+    "@rolldown/binding-linux-x64-musl" "1.0.0-rc.12"
+    "@rolldown/binding-openharmony-arm64" "1.0.0-rc.12"
+    "@rolldown/binding-wasm32-wasi" "1.0.0-rc.12"
+    "@rolldown/binding-win32-arm64-msvc" "1.0.0-rc.12"
+    "@rolldown/binding-win32-x64-msvc" "1.0.0-rc.12"
 
 rope-sequence@^1.3.0:
   version "1.3.4"
   resolved "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz"
   integrity sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==
 
-run-parallel@^1.1.9:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz"
-  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
-  dependencies:
-    queue-microtask "^1.2.2"
-
-sass@*, sass@^1.83.1:
-  version "1.83.1"
-  resolved "https://registry.npmjs.org/sass/-/sass-1.83.1.tgz"
-  integrity sha512-EVJbDaEs4Rr3F0glJzFSOvtg2/oy2V/YrGFPqPY24UqcLDWcI9ZY5sN+qyO3c/QCZwzgfirvhXvINiJCE/OLcA==
-  dependencies:
-    chokidar "^4.0.0"
-    immutable "^5.0.2"
-    source-map-js ">=0.6.2 <2.0.0"
-  optionalDependencies:
-    "@parcel/watcher" "^2.4.1"
-
 semver@^7.3.6, semver@^7.6.3:
   version "7.6.3"
   resolved "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz"
@@ -2280,86 +1884,32 @@ shebang-regex@^3.0.0:
   resolved "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-signal-exit@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz"
-  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
-
 sortablejs@1.14.0:
   version "1.14.0"
   resolved "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz"
   integrity sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==
 
-source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1, "source-map-js@>=0.6.2 <2.0.0":
+source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1:
   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==
 
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^4.1.0:
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^5.0.1, string-width@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz"
-  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
-  dependencies:
-    eastasianwidth "^0.2.0"
-    emoji-regex "^9.2.2"
-    strip-ansi "^7.0.1"
-
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^7.0.1:
-  version "7.1.0"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz"
-  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
-  dependencies:
-    ansi-regex "^6.0.1"
+speakingurl@^14.0.1:
+  version "14.0.1"
+  resolved "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz"
+  integrity sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==
 
 strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-sucrase@^3.35.0:
-  version "3.35.0"
-  resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz"
-  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+superjson@^2.2.2:
+  version "2.2.6"
+  resolved "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz"
+  integrity sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==
   dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "^10.3.10"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
+    copy-anything "^4"
 
 supports-color@^7.1.0:
   version "7.2.0"
@@ -2368,65 +1918,30 @@ supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-preserve-symlinks-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
-  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-
-tailwind-scrollbar@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-3.1.0.tgz"
-  integrity sha512-pmrtDIZeHyu2idTejfV59SbaJyvp1VRjYxAjZBH0jnyrPRo6HL1kD5Glz8VPagasqr6oAx6M05+Tuw429Z8jxg==
-
-"tailwindcss@^1.2 || ^2.0 || ^3.0", tailwindcss@^3.4.17, "tailwindcss@>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1", "tailwindcss@>=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1", "tailwindcss@>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1", tailwindcss@3.x:
-  version "3.4.17"
-  resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz"
-  integrity sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==
+tailwind-scrollbar@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-4.0.2.tgz"
+  integrity sha512-wAQiIxAPqk0MNTPptVe/xoyWi27y+NRGnTwvn4PQnbvB9kp8QUBiGl/wsfoVBHnQxTmhXJSNt9NHTmcz9EivFA==
   dependencies:
-    "@alloc/quick-lru" "^5.2.0"
-    arg "^5.0.2"
-    chokidar "^3.6.0"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.3.2"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.21.6"
-    lilconfig "^3.1.3"
-    micromatch "^4.0.8"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.1.1"
-    postcss "^8.4.47"
-    postcss-import "^15.1.0"
-    postcss-js "^4.0.1"
-    postcss-load-config "^4.0.2"
-    postcss-nested "^6.2.0"
-    postcss-selector-parser "^6.1.2"
-    resolve "^1.22.8"
-    sucrase "^3.35.0"
+    prism-react-renderer "^2.4.1"
 
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
+tailwindcss@^4.0.0, "tailwindcss@>=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1", "tailwindcss@>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1", tailwindcss@4.2.2, tailwindcss@4.x:
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz"
+  integrity sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==
 
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
+tapable@^2.3.0:
+  version "2.3.2"
+  resolved "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz"
+  integrity sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==
 
-tinyglobby@^0.2.13:
-  version "0.2.14"
-  resolved "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz"
-  integrity sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==
+tinyglobby@^0.2.12, tinyglobby@^0.2.15:
+  version "0.2.15"
+  resolved "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz"
+  integrity sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==
   dependencies:
-    fdir "^6.4.4"
-    picomatch "^4.0.2"
+    fdir "^6.5.0"
+    picomatch "^4.0.3"
 
 tippy.js@^6.3.7:
   version "6.3.7"
@@ -2435,17 +1950,10 @@ tippy.js@^6.3.7:
   dependencies:
     "@popperjs/core" "^2.9.0"
 
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+tslib@^2.4.0:
+  version "2.8.1"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
@@ -2459,11 +1967,6 @@ type-fest@^0.20.2:
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
-typescript@*, typescript@>=4.4.4:
-  version "5.8.3"
-  resolved "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz"
-  integrity sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==
-
 uc.micro@^2.0.0, uc.micro@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz"
@@ -2474,14 +1977,6 @@ undici-types@~6.21.0:
   resolved "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz"
   integrity sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==
 
-update-browserslist-db@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz"
-  integrity sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==
-  dependencies:
-    escalade "^3.2.0"
-    picocolors "^1.1.1"
-
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"
@@ -2522,17 +2017,16 @@ vite-plugin-full-reload@^1.1.0:
     picocolors "^1.0.0"
     picomatch "^2.3.1"
 
-"vite@^5.0.0 || ^6.0.0", vite@^6.0.7:
-  version "6.3.5"
-  resolved "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz"
-  integrity sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==
+"vite@^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", "vite@^5.2.0 || ^6 || ^7 || ^8", vite@^8.0.0:
+  version "8.0.3"
+  resolved "https://registry.npmjs.org/vite/-/vite-8.0.3.tgz"
+  integrity sha512-B9ifbFudT1TFhfltfaIPgjo9Z3mDynBTJSUYxTjOQruf/zHH+ezCQKcoqO+h7a9Pw9Nm/OtlXAiGT1axBgwqrQ==
   dependencies:
-    esbuild "^0.25.0"
-    fdir "^6.4.4"
-    picomatch "^4.0.2"
-    postcss "^8.5.3"
-    rollup "^4.34.9"
-    tinyglobby "^0.2.13"
+    lightningcss "^1.32.0"
+    picomatch "^4.0.4"
+    postcss "^8.5.8"
+    rolldown "1.0.0-rc.12"
+    tinyglobby "^0.2.15"
   optionalDependencies:
     fsevents "~2.3.3"
 
@@ -2541,11 +2035,6 @@ vue-demi@^0.13.11:
   resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz"
   integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
-vue-demi@^0.14.10:
-  version "0.14.10"
-  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz"
-  integrity sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==
-
 vue-eslint-parser@^9.4.3:
   version "9.4.3"
   resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz"
@@ -2587,7 +2076,7 @@ vue-router@^4.5.0:
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 
-"vue@^2.0.0 || >=3.0.0", "vue@^2.7.0 || ^3.0.0", "vue@^2.7.0 || ^3.5.11", vue@^3.0.0, "vue@^3.0.0-0 || ^2.6.0", vue@^3.0.1, vue@^3.0.11, vue@^3.2.0, vue@^3.2.25, vue@^3.5, vue@^3.5.13, "vue@>= 3", "vue@>= 3.2.0", vue@3.5.13:
+"vue@^2.0.0 || >=3.0.0", "vue@^2.7.0 || ^3.0.0", vue@^3.0.0, "vue@^3.0.0-0 || ^2.6.0", vue@^3.0.1, vue@^3.0.11, vue@^3.2.0, vue@^3.2.25, vue@^3.5, vue@^3.5.11, vue@^3.5.13, "vue@>= 3", "vue@>= 3.2.0", vue@3.5.13:
   version "3.5.13"
   resolved "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz"
   integrity sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==
@@ -2622,34 +2111,11 @@ word-wrap@^1.2.5:
   resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz"
   integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
-  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
-  dependencies:
-    ansi-styles "^6.1.0"
-    string-width "^5.0.1"
-    strip-ansi "^7.0.1"
-
 xml-name-validator@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz"
   integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
-yaml@^2.3.4, yaml@^2.4.2:
-  version "2.7.0"
-  resolved "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz"
-  integrity sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==
-
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"