Merge remote-tracking branch 'origin/Subscription_Plan' into Purchase_Invoice_Management

Handle Date range in Expense Widget on dashboard
Link Project to detail page in Attendance Report Widget
2025-12-16 11:06:57 +05:30 · 2025-12-15 11:45:43 +05:30 · 2025-12-15 11:08:27 +05:30 · 2025-12-14 17:22:21 +05:30 · 2025-12-14 17:03:12 +05:30 · 2025-12-14 16:49:06 +05:30
658 changed files with 64152 additions and 16393 deletions
--- a/.gitignore
+++ b/.gitignore
@ -22,5 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-.vs/
-.scannerwork/
+.vs/
--- a/.scannerwork/.sonar_lock
+++ b/.scannerwork/.sonar_lock
--- a/.scannerwork/report-task.txt
+++ b/.scannerwork/report-task.txt
@ -0,0 +1,6 @@
+projectKey=pms-react
+serverUrl=https://sonar.marcoaiot.com
+serverVersion=25.5.0.107428
+dashboardUrl=https://sonar.marcoaiot.com/dashboard?id=pms-react
+ceTaskId=ad6ba36a-08cb-400b-903e-94f173cac03f
+ceTaskUrl=https://sonar.marcoaiot.com/api/ce/task?id=ad6ba36a-08cb-400b-903e-94f173cac03f
--- a/index.html
+++ b/index.html
@ -1,11 +1,11 @@
 <!DOCTYPE html>
-<html lang="en" lang="en" class="light-style layout-navbar-fixed layout-menu-fixed layout-compact" dir="ltr"
+<html lang="en" lang="en" class="light-style layout-navbar-fixed layout-menu-fixed layout-compact layout-menu-collapsed " dir="ltr"
  data-theme="theme-default" data-assets-path="/assets/" data-template="vertical-menu-template" data-style="light">
-
+<!-- layout-menu-collapsed layout-menu-hover -->
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Marco PMS</title>
+  <title>OnFieldWork.com</title>

  <meta name="description" content="" />

@ -27,6 +27,8 @@
  <link rel="stylesheet" href="/assets/vendor/css/theme-default.css" class="template-customizer-theme-css" />
  <link rel="stylesheet" href="/assets/css/core-extend.css" />
  <link rel="stylesheet" href="/assets/css/default.css" />
+  <link rel="stylesheet" href="/assets/css/skeleton.css" />
+  <link rel="stylesheet" href="/assets/css/hover-utility.css" />

  <link rel="stylesheet" href="/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />

@ -43,6 +45,9 @@

  <link rel="stylesheet" href="/assets/vendor/libs/animate-css/animate.css" />
  <link rel="stylesheet" href="/assets/vendor/libs/sweetalert2/sweetalert2.css" />
+  <link rel="stylesheet" href="/assets/vendor/libs/spinkit/spinkit.css" />
+  <link rel="stylesheet" href="/assets/vendor/libs/tagify/tagify.css" />
+  <link rel="stylesheet" href="/assets/vendor/libs/tagify/tagify.js" />

  <!-- Helpers -->
  <script src="/assets/vendor/js/helpers.js"></script>
@ -51,7 +56,7 @@
  <!-- Timer Picker -->
  <!-- Flatpickr CSS -->
  <link rel="stylesheet" href="/assets/vendor/libs/flatpickr/flatpickr.css" />
-  <link rel="stylesheet" href="./src/assets/vendor/libs/jquery-timepicker/jquery-timepicker.css" />
+  <link rel="stylesheet" href="/assets/vendor/libs/jquery-timepicker/jquery-timepicker.css" />



@ -91,6 +96,15 @@
  <script src="/assets/js/main.js"></script>

  <!-- Page JS -->
+  <script src="/assets/js/form-wizard-icons.js"></script>
+  <script src="/assets/js/dashboards-analytics.js"></script>
+
+    <!-- Bloack Ui -->
+   <!-- <script src="/assets/js/extended-ui-blockui.js"></script> -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+<!-- BlockUI core plugin -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js"></script>
  <script src="/assets/js/form-wizard-icons.js"></script>
  <script src="/assets/js/dashboards-analytics.js"></script>

--- a/package-lock.json
+++ b/package-lock.json
@ -18,6 +18,8 @@
        "apexcharts": "^4.5.0",
        "axios": "^1.7.9",
        "axios-retry": "^4.5.0",
+        "crypto-js": "^4.2.0",
+        "date-fns": "^4.1.0",
        "dotenv": "^16.4.7",
        "dotenv-webpack": "^8.1.0",
        "eventemitter3": "^5.0.1",
@ -36,6 +38,7 @@
        "react-router-dom": "^6.20.1",
        "react-toastify": "^11.0.2",
        "sort-by": "^1.2.0",
+        "swiper": "^11.2.10",
        "xlsx": "^0.18.5",
        "zod": "^3.24.1"
      },
@ -807,9 +810,9 @@
      }
    },
    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
-      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
@ -1550,13 +1553,13 @@
      "peer": true
    },
    "node_modules/@types/node": {
-      "version": "22.13.13",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.13.tgz",
-      "integrity": "sha512-ClsL5nMwKaBRwPcCvH8E7+nU4GxHVx1axNvMZTFHMEfNI7oahimt26P5zjVCRrjiIWj6YFXfE1v3dEp94wLcGQ==",
+      "version": "24.5.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.5.2.tgz",
+      "integrity": "sha512-FYxk1I7wPv3K2XBaoyH2cTnocQEu8AOZ60hPbsyukMPLv5/5qr7V1i8PLHdl6Zf87I+xZXFvPCXYjiTFq+YSDQ==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
-        "undici-types": "~6.20.0"
+        "undici-types": "~7.12.0"
      }
    },
    "node_modules/@types/prop-types": {
@ -1833,9 +1836,10 @@
      }
    },
    "node_modules/acorn": {
-      "version": "8.14.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
-      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
      "bin": {
        "acorn": "bin/acorn"
      },
@ -1843,6 +1847,19 @@
        "node": ">=0.4.0"
      }
    },
+    "node_modules/acorn-import-phases": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
+      "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "peerDependencies": {
+        "acorn": "^8.14.0"
+      }
+    },
    "node_modules/acorn-jsx": {
      "version": "5.3.2",
      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@ -2398,6 +2415,12 @@
        "node": ">= 8"
      }
    },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
    "node_modules/csstype": {
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@ -2455,6 +2478,16 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
    "node_modules/debug": {
      "version": "4.4.0",
      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@ -2613,9 +2646,9 @@
      "integrity": "sha512-ZpSAUOZ2Izby7qnZluSrAlGgGQzucmFbN0n64dYzocYxnxV5ufurpj3VgEe4cUp7ir9LmeLxNYo8bVnlM8bQHw=="
    },
    "node_modules/enhanced-resolve": {
-      "version": "5.18.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
-      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
@ -2729,9 +2762,9 @@
      }
    },
    "node_modules/es-module-lexer": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
-      "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
      "license": "MIT",
      "peer": true
    },
@ -3126,9 +3159,9 @@
      "dev": true
    },
    "node_modules/fast-uri": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.6.tgz",
-      "integrity": "sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
      "funding": [
        {
          "type": "github",
@ -5151,9 +5184,9 @@
      }
    },
    "node_modules/schema-utils": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
-      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
+      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
@ -5536,25 +5569,47 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/swiper": {
+      "version": "11.2.10",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.2.10.tgz",
+      "integrity": "sha512-RMeVUUjTQH+6N3ckimK93oxz6Sn5la4aDlgPzB+rBrG/smPdCTicXyhxa+woIpopz+jewEloiEE3lKo1h9w2YQ==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
+      "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
      "license": "MIT",
      "peer": true,
      "engines": {
        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
      }
    },
    "node_modules/terser": {
-      "version": "5.39.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.39.0.tgz",
-      "integrity": "sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==",
+      "version": "5.44.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.0.tgz",
+      "integrity": "sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==",
      "license": "BSD-2-Clause",
      "peer": true,
      "dependencies": {
        "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.8.2",
+        "acorn": "^8.15.0",
        "commander": "^2.20.0",
        "source-map-support": "~0.5.20"
      },
@ -5747,9 +5802,9 @@
      }
    },
    "node_modules/undici-types": {
-      "version": "6.20.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.12.0.tgz",
+      "integrity": "sha512-goOacqME2GYyOZZfb5Lgtu+1IDmAlAEu5xnD3+xTzS10hT0vzpf0SPjkXwAw9Jm+4n/mQGDP3LO8CPbYROeBfQ==",
      "license": "MIT",
      "peer": true
    },
@ -5877,9 +5932,9 @@
      }
    },
    "node_modules/watchpack": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
-      "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
+      "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
@ -5897,21 +5952,23 @@
      "license": "BSD-2-Clause"
    },
    "node_modules/webpack": {
-      "version": "5.98.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.98.0.tgz",
-      "integrity": "sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==",
+      "version": "5.101.3",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.101.3.tgz",
+      "integrity": "sha512-7b0dTKR3Ed//AD/6kkx/o7duS8H3f1a4w3BYpIriX4BzIhjkn4teo05cptsxvLesHFKK5KObnadmCHBwGc+51A==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@types/eslint-scope": "^3.7.7",
-        "@types/estree": "^1.0.6",
+        "@types/estree": "^1.0.8",
+        "@types/json-schema": "^7.0.15",
        "@webassemblyjs/ast": "^1.14.1",
        "@webassemblyjs/wasm-edit": "^1.14.1",
        "@webassemblyjs/wasm-parser": "^1.14.1",
-        "acorn": "^8.14.0",
+        "acorn": "^8.15.0",
+        "acorn-import-phases": "^1.0.3",
        "browserslist": "^4.24.0",
        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.1",
+        "enhanced-resolve": "^5.17.3",
        "es-module-lexer": "^1.2.1",
        "eslint-scope": "5.1.1",
        "events": "^3.2.0",
@ -5921,11 +5978,11 @@
        "loader-runner": "^4.2.0",
        "mime-types": "^2.1.27",
        "neo-async": "^2.6.2",
-        "schema-utils": "^4.3.0",
+        "schema-utils": "^4.3.2",
        "tapable": "^2.1.1",
        "terser-webpack-plugin": "^5.3.11",
        "watchpack": "^2.4.1",
-        "webpack-sources": "^3.2.3"
+        "webpack-sources": "^3.3.3"
      },
      "bin": {
        "webpack": "bin/webpack.js"
@ -5944,15 +6001,22 @@
      }
    },
    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
+      "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
      "license": "MIT",
      "peer": true,
      "engines": {
        "node": ">=10.13.0"
      }
    },
+    "node_modules/webpack/node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT",
+      "peer": true
+    },
    "node_modules/webpack/node_modules/eslint-scope": {
      "version": "5.1.1",
      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
--- a/package.json
+++ b/package.json
@ -21,6 +21,8 @@
    "apexcharts": "^4.5.0",
    "axios": "^1.7.9",
    "axios-retry": "^4.5.0",
+    "crypto-js": "^4.2.0",
+    "date-fns": "^4.1.0",
    "dotenv": "^16.4.7",
    "dotenv-webpack": "^8.1.0",
    "eventemitter3": "^5.0.1",
@ -39,6 +41,7 @@
    "react-router-dom": "^6.20.1",
    "react-toastify": "^11.0.2",
    "sort-by": "^1.2.0",
+    "swiper": "^11.2.10",
    "xlsx": "^0.18.5",
    "zod": "^3.24.1"
  },
--- a/public/assets/css/auth.css
+++ b/public/assets/css/auth.css
--- a/public/assets/css/core-extend.css
+++ b/public/assets/css/core-extend.css
--- a/public/assets/css/default.css
+++ b/public/assets/css/default.css
@ -7,7 +7,7 @@
 .login-box {
  margin: 0 auto;
  /* justify-content: center; */
-  /* width: 50%; */
+  width: 50%;
  min-width: 350px;
 }

@ -30,15 +30,8 @@
  width: 45px;
 }

-.app-brand-logo-login {
-  width: 100px;
-}
-
-.app-brand-logo-border {
-  border: 1px solid #d5d5d5;
-}
 .app-brand-text {
-  font-size: 1.75rem;
+  font-size: 1rem;
  letter-spacing: -0.5px;
  /* text-transform: lowercase; */
 }
@ -164,3 +157,22 @@
 thead tr {
  border-top: 1px solid white;
 }
+
+.app-brand-logo-login {
+  max-width: 50px; /* default for mobile */
+  height: auto; /* keep aspect ratio */
+}
+
+/* Tablet and up (≥768px) */
+@media (min-width: 768px) {
+  .app-brand-logo-login {
+    max-width: 60px;
+  }
+}
+
+/* Desktop and up (≥1200px) */
+@media (min-width: 1200px) {
+  .app-brand-logo-login {
+    max-width: 80px;
+  }
+}
--- a/public/assets/css/hover-utility.css
+++ b/public/assets/css/hover-utility.css
@ -0,0 +1,86 @@
+/* Hover background color */
+.hover-bg-light:hover {
+  background-color: #f8f9fa !important;
+}
+
+.hover-bg-primary:hover {
+  background-color: var(--bs-primary) !important;
+  color: #fff !important;
+}
+
+.hover-bg-danger:hover {
+  background-color: #dc3545 !important;
+  color: #fff !important;
+}
+
+.hover-bg-success:hover {
+  background-color: var(--bg-success) !important;
+  color: #fff !important;
+}
+
+.hover-bg-warning:hover {
+  background-color: #ffc107 !important;
+  color: #212529 !important;
+}
+
+/* Hover text color */
+.hover-text-primary:hover {
+  color: #0d6efd !important;
+}
+
+.hover-text-danger:hover {
+  color: #dc3545 !important;
+}
+
+.hover-text-success:hover {
+  color: #198754 !important;
+}
+
+.hover-text-muted:hover {
+  color: #6c757d !important;
+}
+
+/* Hover shadow */
+.hover-shadow-sm:hover {
+  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
+}
+
+.hover-shadow:hover {
+  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
+}
+
+.hover-shadow-lg:hover {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+}
+
+/* Hover scale */
+.hover-scale:hover {
+  transform: scale(1.05);
+}
+
+.hover-scale-sm:hover {
+  transform: scale(1.03);
+}
+
+.hover-scale-lg:hover {
+  transform: scale(1.1);
+}
+
+/* Add smooth transition to hover effects */
+.hover-transition {
+  transition: all 0.2s ease-in-out;
+}
+
+/* Hover border color */
+.hover-border-primary:hover {
+  border-color: #0d6efd !important;
+}
+
+.hover-border-danger:hover {
+  border-color: #dc3545 !important;
+}
+
+.thick-divider {
+  height: 3px;
+  font-size: 10px;
+}
--- a/public/assets/css/skeleton.css
+++ b/public/assets/css/skeleton.css
@ -0,0 +1,32 @@
+/* skeleton.css */
+.skeleton {
+  background-color: #e2e8f0;  /* Tailwind's gray-300 */
+  border-radius: 0.25rem;     /* Tailwind's rounded */
+  position: relative;
+  overflow: hidden;
+}
+
+.skeleton::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 0; left: -150px;
+  height: 100%;
+  width: 150px;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.4),
+    transparent
+  );
+  animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+  0% {
+    left: -150px;
+  }
+  100% {
+    left: 100%;
+  }
+}
--- a/public/assets/img/SP-Placeholdeer.svg
+++ b/public/assets/img/SP-Placeholdeer.svg
@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="120" height="120" fill="#EFF1F3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.2503 38.4816C33.2603 37.0472 34.4199 35.8864 35.8543 35.875H83.1463C84.5848 35.875 85.7503 37.0431 85.7503 38.4816V80.5184C85.7403 81.9528 84.5807 83.1136 83.1463 83.125H35.8543C34.4158 83.1236 33.2503 81.957 33.2503 80.5184V38.4816ZM80.5006 41.1251H38.5006V77.8751L62.8921 53.4783C63.9172 52.4536 65.5788 52.4536 66.6039 53.4783L80.5006 67.4013V41.1251ZM43.75 51.6249C43.75 54.5244 46.1005 56.8749 49 56.8749C51.8995 56.8749 54.25 54.5244 54.25 51.6249C54.25 48.7254 51.8995 46.3749 49 46.3749C46.1005 46.3749 43.75 48.7254 43.75 51.6249Z" fill="#687787"/>
+</svg>
--- a/public/assets/img/avatars/avatar_f_01.png
+++ b/public/assets/img/avatars/avatar_f_01.png
--- a/public/assets/img/avatars/avatar_f_02.png
+++ b/public/assets/img/avatars/avatar_f_02.png
--- a/public/assets/img/avatars/avatar_m_01.png
+++ b/public/assets/img/avatars/avatar_m_01.png
--- a/public/assets/img/avatars/avatar_m_02.png
+++ b/public/assets/img/avatars/avatar_m_02.png
--- a/public/assets/img/backgrounds/19.jpg
+++ b/public/assets/img/backgrounds/19.jpg
--- a/public/assets/img/illustrations/boy-app-academy.png
+++ b/public/assets/img/illustrations/boy-app-academy.png
--- a/public/assets/img/illustrations/boy-verify-email-dark.png
+++ b/public/assets/img/illustrations/boy-verify-email-dark.png
--- a/public/assets/img/illustrations/boy-verify-email-light.png
+++ b/public/assets/img/illustrations/boy-verify-email-light.png
--- a/public/assets/img/illustrations/boy-with-laptop-dark.png
+++ b/public/assets/img/illustrations/boy-with-laptop-dark.png
--- a/public/assets/img/illustrations/boy-with-laptop-light.png
+++ b/public/assets/img/illustrations/boy-with-laptop-light.png
--- a/public/assets/img/illustrations/boy-with-rocket-dark.png
+++ b/public/assets/img/illustrations/boy-with-rocket-dark.png
--- a/public/assets/img/illustrations/boy-with-rocket-light.png
+++ b/public/assets/img/illustrations/boy-with-rocket-light.png
--- a/public/assets/img/illustrations/bulb-dark.png
+++ b/public/assets/img/illustrations/bulb-dark.png
--- a/public/assets/img/illustrations/bulb-light.png
+++ b/public/assets/img/illustrations/bulb-light.png
--- a/public/assets/img/illustrations/create-account-dark.png
+++ b/public/assets/img/illustrations/create-account-dark.png
--- a/public/assets/img/illustrations/create-account-light.png
+++ b/public/assets/img/illustrations/create-account-light.png
--- a/public/assets/img/illustrations/fleet-car.png
+++ b/public/assets/img/illustrations/fleet-car.png
--- a/public/assets/img/illustrations/girl-app-academy.png
+++ b/public/assets/img/illustrations/girl-app-academy.png
--- a/public/assets/img/illustrations/girl-checkout-offer-dark.png
+++ b/public/assets/img/illustrations/girl-checkout-offer-dark.png
--- a/public/assets/img/illustrations/girl-checkout-offer-light.png
+++ b/public/assets/img/illustrations/girl-checkout-offer-light.png
--- a/public/assets/img/illustrations/girl-doing-yoga-dark.png
+++ b/public/assets/img/illustrations/girl-doing-yoga-dark.png
--- a/public/assets/img/illustrations/girl-doing-yoga-light.png
+++ b/public/assets/img/illustrations/girl-doing-yoga-light.png
--- a/public/assets/img/illustrations/girl-unlock-password-dark.png
+++ b/public/assets/img/illustrations/girl-unlock-password-dark.png
--- a/public/assets/img/illustrations/girl-unlock-password-light.png
+++ b/public/assets/img/illustrations/girl-unlock-password-light.png
--- a/public/assets/img/illustrations/girl-verify-password-dark.png
+++ b/public/assets/img/illustrations/girl-verify-password-dark.png
--- a/public/assets/img/illustrations/girl-verify-password-light.png
+++ b/public/assets/img/illustrations/girl-verify-password-light.png
--- a/public/assets/img/illustrations/girl-with-laptop-dark.png
+++ b/public/assets/img/illustrations/girl-with-laptop-dark.png
--- a/public/assets/img/illustrations/girl-with-laptop-light.png
+++ b/public/assets/img/illustrations/girl-with-laptop-light.png
--- a/public/assets/img/illustrations/lady-with-laptop-dark.png
+++ b/public/assets/img/illustrations/lady-with-laptop-dark.png
--- a/public/assets/img/illustrations/lady-with-laptop-light.png
+++ b/public/assets/img/illustrations/lady-with-laptop-light.png
--- a/public/assets/img/illustrations/man-with-laptop.png
+++ b/public/assets/img/illustrations/man-with-laptop.png
--- a/public/assets/img/illustrations/page-misc-error-dark.png
+++ b/public/assets/img/illustrations/page-misc-error-dark.png
--- a/public/assets/img/illustrations/page-misc-error-light.png
+++ b/public/assets/img/illustrations/page-misc-error-light.png
--- a/public/assets/img/illustrations/pencil-rocket.png
+++ b/public/assets/img/illustrations/pencil-rocket.png
--- a/public/assets/img/illustrations/pricing-illustration-dark.png
+++ b/public/assets/img/illustrations/pricing-illustration-dark.png
--- a/public/assets/img/illustrations/pricing-illustration-light.png
+++ b/public/assets/img/illustrations/pricing-illustration-light.png
--- a/public/assets/img/illustrations/prize-light.png
+++ b/public/assets/img/illustrations/prize-light.png
--- a/public/assets/img/illustrations/rocket.png
+++ b/public/assets/img/illustrations/rocket.png
--- a/public/assets/img/illustrations/shopping-girl-dark.png
+++ b/public/assets/img/illustrations/shopping-girl-dark.png
--- a/public/assets/img/illustrations/shopping-girl-light.png
+++ b/public/assets/img/illustrations/shopping-girl-light.png
--- a/public/assets/img/illustrations/sitting-girl-with-laptop.png
+++ b/public/assets/img/illustrations/sitting-girl-with-laptop.png
--- a/public/assets/img/illustrations/superman-flying.png
+++ b/public/assets/img/illustrations/superman-flying.png
--- a/public/assets/img/orglogo.png
+++ b/public/assets/img/orglogo.png
--- a/public/assets/js/main.js
+++ b/public/assets/js/main.js
@ -115,4 +115,74 @@ function Main () {

  // Auto update menu collapsed/expanded based on the themeConfig
  window.Helpers.setCollapsed(true, false);
+
+   
+
+
+  // perfect scrolling
+    const verticalExample = document.getElementById('vertical-example'),
+      horizontalExample = document.getElementById('horizontal-example'),
+      horizVertExample = document.getElementById('both-scrollbars-example');
+
+    // Vertical Example
+    // --------------------------------------------------------------------
+    if (verticalExample) {
+      new PerfectScrollbar(verticalExample, {
+        wheelPropagation: false
+      });
+    }
+
+    // Horizontal Example
+    // --------------------------------------------------------------------
+    if (horizontalExample) {
+      new PerfectScrollbar(horizontalExample, {
+        wheelPropagation: false,
+        suppressScrollY: true
+      });
+    }
+
+    // Both vertical and Horizontal Example
+    // --------------------------------------------------------------------
+    if (horizVertExample) {
+      new PerfectScrollbar(horizVertExample, {
+        wheelPropagation: false
+      });
+    }
+    
+
 };
+document.addEventListener("DOMContentLoaded", function () {
+  const html = document.documentElement;
+
+  /******************************
+   * SIDEBAR HOVER BEHAVIOR
+   ******************************/
+  document.addEventListener("mouseover", function (e) {
+    const isInsideSidebar = e.target.closest("#layout-menu");
+
+    if (isInsideSidebar && html.classList.contains("layout-menu-collapsed")) {
+      html.classList.add("layout-menu-hover");
+    }
+  });
+
+  document.addEventListener("mouseout", function (e) {
+    const leftSidebar = !e.relatedTarget || !e.relatedTarget.closest("#layout-menu");
+
+    if (leftSidebar) {
+      html.classList.remove("layout-menu-hover");
+    }
+  });
+
+  /******************************
+   * TOGGLE MENU BUTTON OVERRIDE
+   ******************************/
+  document.body.addEventListener("click", function (e) {
+    const btn = e.target.closest(".layout-menu-toggle");
+    if (!btn) return;
+
+    e.preventDefault();
+
+    html.classList.toggle("layout-menu-collapsed");
+    html.classList.remove("layout-menu-hover");
+  });
+});
--- a/public/assets/vendor/css/core.css
+++ b/public/assets/vendor/css/core.css
@ -76,6 +76,7 @@
  --bs-dark-border-subtle: #bfc0c6;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 34, 48, 62;
+  --bs-font-roboto:"Segoe UI", Roboto, "sans-serif",
  --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont,
    "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
@ -88,7 +89,7 @@
  );
  --bs-root-font-size: 16px;
  --bs-body-font-family: var(--bs-font-sans-serif);
-  --bs-body-font-size: 0.8375rem;
+  --bs-body-font-size: 0.85rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.375;
  --bs-body-color: #646e78;
@ -454,7 +455,9 @@ table {
  caption-side: bottom;
  border-collapse: collapse;
 }
-
+.tr-group{
+    background-color: var(--bs-body-bg);   /* apply globale color for table row, where grouping datewise*/
+}
 caption {
  padding-top: 0.782rem;
  padding-bottom: 0.782rem;
@ -836,7 +839,7 @@ progress {
 }

 .row {
-  --bs-gutter-x: 0.500rem;
+  --bs-gutter-x: 1.625rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
@ -9057,7 +9060,7 @@ img[data-app-light-img][data-app-dark-img] {
 }
 .table th {
  color: var(--bs-heading-color);
-  font-size: 0.8125rem;
+  font-size: 0.8025rem;
  letter-spacing: 0.2px;
  text-transform: uppercase;
 }
@ -18607,6 +18610,13 @@ li:not(:first-child) .dropdown-item,
 .min-vh-100 {
  min-height: 100vh !important;
 }
+.page-min-h{
+  min-height: 70vh !important;
+}
+
+.modal-min-h{
+   min-height: 60vh !important;
+}

 .flex-fill {
  flex: 1 1 auto !important;
@ -20335,7 +20345,7 @@ li:not(:first-child) .dropdown-item,
 }

 .fs-6 {
-  font-size: 0.9375rem !important;
+  font-size: 0.8375rem !important;
 }

 .fs-tiny {
@ -20471,7 +20481,10 @@ li:not(:first-child) .dropdown-item,
  word-wrap: break-word !important;
  word-break: break-word !important;
 }
-
+/* text-size */
+.text-tiny{
+  font-size: 13px;
+}
 /* rtl:end:remove */
 .text-primary {
  --bs-text-opacity: 1;
@ -32536,3 +32549,33 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
    var(--bs-dark-contrast)
  );
 }
+
+/* App colors classes */
+.bg-gray-60{
+ background-color:var(--bs-gray-60)
+}
+.text-gray-60{
+ color:var(--bs-gray-60)
+}
+.bg-blue {
+  background-color:var(--bs-blue)
+}
+
+.bg-indigo {
+  background-color:var(--bs-indigo)
+}
+.text-indigo{
+  color:var(--bs-indigo)
+}
+.bg-red {
+  background-color:var(--bs-red)
+}
+.text-red{
+  color:var(--bs-red)
+}
+.text-blue{
+  color:var(--bs-blue)
+}
+.text-green{
+  color:var(--bs-green)
+}
--- a/public/assets/vendor/libs/spinkit/spinkit.css
+++ b/public/assets/vendor/libs/spinkit/spinkit.css
@ -0,0 +1,837 @@
+/* Config */
+:root {
+  --sk-size: 40px;
+  --sk-color: #ff3e1d;
+}
+
+/* Utility class for centering */
+.sk-center {
+  margin: auto;
+}
+
+/*  Plane
+
+      <div class="sk-plane"></div>
+ */
+
+
+.sk-plane {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  background-color: var(--sk-color);
+  animation: sk-plane 1.2s infinite ease-in-out;
+}
+
+@keyframes sk-plane {
+  0% {
+    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+  }
+  50% {
+    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+  }
+  100% {
+    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+  }
+}
+/*  Chase
+
+      <div class="sk-chase">
+        <div class="sk-chase-dot"></div>
+        <div class="sk-chase-dot"></div>
+        <div class="sk-chase-dot"></div>
+        <div class="sk-chase-dot"></div>
+        <div class="sk-chase-dot"></div>
+        <div class="sk-chase-dot"></div>
+      </div>
+ */
+.sk-chase {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  position: relative;
+  animation: sk-chase 2.5s infinite linear both;
+}
+
+.sk-chase-dot {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  animation: sk-chase-dot 2s infinite ease-in-out both;
+}
+
+.sk-chase-dot:before {
+  content: "";
+  display: block;
+  width: 25%;
+  height: 25%;
+  background-color: var(--sk-color);
+  border-radius: 100%;
+  animation: sk-chase-dot-before 2s infinite ease-in-out both;
+}
+
+.sk-chase-dot:nth-child(1) {
+  animation-delay: -1.1s;
+}
+
+.sk-chase-dot:nth-child(2) {
+  animation-delay: -1s;
+}
+
+.sk-chase-dot:nth-child(3) {
+  animation-delay: -0.9s;
+}
+
+.sk-chase-dot:nth-child(4) {
+  animation-delay: -0.8s;
+}
+
+.sk-chase-dot:nth-child(5) {
+  animation-delay: -0.7s;
+}
+
+.sk-chase-dot:nth-child(6) {
+  animation-delay: -0.6s;
+}
+
+.sk-chase-dot:nth-child(1):before {
+  animation-delay: -1.1s;
+}
+
+.sk-chase-dot:nth-child(2):before {
+  animation-delay: -1s;
+}
+
+.sk-chase-dot:nth-child(3):before {
+  animation-delay: -0.9s;
+}
+
+.sk-chase-dot:nth-child(4):before {
+  animation-delay: -0.8s;
+}
+
+.sk-chase-dot:nth-child(5):before {
+  animation-delay: -0.7s;
+}
+
+.sk-chase-dot:nth-child(6):before {
+  animation-delay: -0.6s;
+}
+
+@keyframes sk-chase {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes sk-chase-dot {
+  80%, 100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes sk-chase-dot-before {
+  50% {
+    transform: scale(0.4);
+  }
+  100%, 0% {
+    transform: scale(1);
+  }
+}
+/*  Bounce
+
+      <div class="sk-bounce">
+        <div class="sk-bounce-dot"></div>
+        <div class="sk-bounce-dot"></div>
+      </div>
+  */
+.sk-bounce {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  position: relative;
+}
+
+.sk-bounce-dot {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background-color: var(--sk-color);
+  opacity: 0.6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
+}
+
+.sk-bounce-dot:nth-child(2) {
+  animation-delay: -1s;
+}
+
+@keyframes sk-bounce {
+  0%, 100% {
+    transform: scale(0);
+  }
+  45%, 55% {
+    transform: scale(1);
+  }
+}
+/*  Wave
+
+      <div class="sk-wave">
+        <div class="sk-wave-rect"></div>
+        <div class="sk-wave-rect"></div>
+        <div class="sk-wave-rect"></div>
+        <div class="sk-wave-rect"></div>
+        <div class="sk-wave-rect"></div>
+      </div>
+ */
+.sk-wave {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  display: flex;
+  justify-content: space-between;
+}
+
+.sk-wave-rect {
+  background-color: var(--sk-color);
+  height: 100%;
+  width: 15%;
+  animation: sk-wave 1.2s infinite ease-in-out;
+}
+
+.sk-wave-rect:nth-child(1) {
+  animation-delay: -1.2s;
+}
+
+.sk-wave-rect:nth-child(2) {
+  animation-delay: -1.1s;
+}
+
+.sk-wave-rect:nth-child(3) {
+  animation-delay: -1s;
+}
+
+.sk-wave-rect:nth-child(4) {
+  animation-delay: -0.9s;
+}
+
+.sk-wave-rect:nth-child(5) {
+  animation-delay: -0.8s;
+}
+
+@keyframes sk-wave {
+  0%, 40%, 100% {
+    transform: scaleY(0.4);
+  }
+  20% {
+    transform: scaleY(1);
+  }
+}
+/*  Pulse
+
+      <div class="sk-pulse"></div>
+ */
+.sk-pulse {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  background-color: var(--sk-color);
+  border-radius: 100%;
+  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
+}
+
+@keyframes sk-pulse {
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}
+/*  Flow
+
+      <div class="sk-flow">
+        <div class="sk-flow-dot"></div>
+        <div class="sk-flow-dot"></div>
+        <div class="sk-flow-dot"></div>
+      </div>
+ */
+.sk-flow {
+  width: calc(var(--sk-size) * 1.3);
+  height: calc(var(--sk-size) * 1.3);
+  display: flex;
+  justify-content: space-between;
+}
+
+.sk-flow-dot {
+  width: 25%;
+  height: 25%;
+  background-color: var(--sk-color);
+  border-radius: 50%;
+  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
+}
+
+.sk-flow-dot:nth-child(1) {
+  animation-delay: -0.3s;
+}
+
+.sk-flow-dot:nth-child(2) {
+  animation-delay: -0.15s;
+}
+
+@keyframes sk-flow {
+  0%, 80%, 100% {
+    transform: scale(0.3);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+/*  Swing
+
+      <div class="sk-swing">
+        <div class="sk-swing-dot"></div>
+        <div class="sk-swing-dot"></div>
+      </div>
+ */
+.sk-swing {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  position: relative;
+  animation: sk-swing 1.8s infinite linear;
+}
+
+.sk-swing-dot {
+  width: 45%;
+  height: 45%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  background-color: var(--sk-color);
+  border-radius: 100%;
+  animation: sk-swing-dot 2s infinite ease-in-out;
+}
+
+.sk-swing-dot:nth-child(2) {
+  top: auto;
+  bottom: 0;
+  animation-delay: -1s;
+}
+
+@keyframes sk-swing {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes sk-swing-dot {
+  0%, 100% {
+    transform: scale(0.2);
+  }
+  50% {
+    transform: scale(1);
+  }
+}
+/*  Circle
+
+      <div class="sk-circle">
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+        <div class="sk-circle-dot"></div>
+      </div>
+ */
+.sk-circle {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  position: relative;
+}
+
+.sk-circle-dot {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.sk-circle-dot:before {
+  content: "";
+  display: block;
+  width: 15%;
+  height: 15%;
+  background-color: var(--sk-color);
+  border-radius: 100%;
+  animation: sk-circle 1.2s infinite ease-in-out both;
+}
+
+.sk-circle-dot:nth-child(1) {
+  transform: rotate(30deg);
+}
+
+.sk-circle-dot:nth-child(2) {
+  transform: rotate(60deg);
+}
+
+.sk-circle-dot:nth-child(3) {
+  transform: rotate(90deg);
+}
+
+.sk-circle-dot:nth-child(4) {
+  transform: rotate(120deg);
+}
+
+.sk-circle-dot:nth-child(5) {
+  transform: rotate(150deg);
+}
+
+.sk-circle-dot:nth-child(6) {
+  transform: rotate(180deg);
+}
+
+.sk-circle-dot:nth-child(7) {
+  transform: rotate(210deg);
+}
+
+.sk-circle-dot:nth-child(8) {
+  transform: rotate(240deg);
+}
+
+.sk-circle-dot:nth-child(9) {
+  transform: rotate(270deg);
+}
+
+.sk-circle-dot:nth-child(10) {
+  transform: rotate(300deg);
+}
+
+.sk-circle-dot:nth-child(11) {
+  transform: rotate(330deg);
+}
+
+.sk-circle-dot:nth-child(1):before {
+  animation-delay: -1.1s;
+}
+
+.sk-circle-dot:nth-child(2):before {
+  animation-delay: -1s;
+}
+
+.sk-circle-dot:nth-child(3):before {
+  animation-delay: -0.9s;
+}
+
+.sk-circle-dot:nth-child(4):before {
+  animation-delay: -0.8s;
+}
+
+.sk-circle-dot:nth-child(5):before {
+  animation-delay: -0.7s;
+}
+
+.sk-circle-dot:nth-child(6):before {
+  animation-delay: -0.6s;
+}
+
+.sk-circle-dot:nth-child(7):before {
+  animation-delay: -0.5s;
+}
+
+.sk-circle-dot:nth-child(8):before {
+  animation-delay: -0.4s;
+}
+
+.sk-circle-dot:nth-child(9):before {
+  animation-delay: -0.3s;
+}
+
+.sk-circle-dot:nth-child(10):before {
+  animation-delay: -0.2s;
+}
+
+.sk-circle-dot:nth-child(11):before {
+  animation-delay: -0.1s;
+}
+
+@keyframes sk-circle {
+  0%, 80%, 100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+/*  Circle Fade
+
+      <div class="sk-circle-fade">
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+        <div class="sk-circle-fade-dot"></div>
+      </div>
+ */
+.sk-circle-fade {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  position: relative;
+}
+
+.sk-circle-fade-dot {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.sk-circle-fade-dot:before {
+  content: "";
+  display: block;
+  width: 15%;
+  height: 15%;
+  background-color: var(--sk-color);
+  border-radius: 100%;
+  animation: sk-circle-fade 1.2s infinite ease-in-out both;
+}
+
+.sk-circle-fade-dot:nth-child(1) {
+  transform: rotate(30deg);
+}
+
+.sk-circle-fade-dot:nth-child(2) {
+  transform: rotate(60deg);
+}
+
+.sk-circle-fade-dot:nth-child(3) {
+  transform: rotate(90deg);
+}
+
+.sk-circle-fade-dot:nth-child(4) {
+  transform: rotate(120deg);
+}
+
+.sk-circle-fade-dot:nth-child(5) {
+  transform: rotate(150deg);
+}
+
+.sk-circle-fade-dot:nth-child(6) {
+  transform: rotate(180deg);
+}
+
+.sk-circle-fade-dot:nth-child(7) {
+  transform: rotate(210deg);
+}
+
+.sk-circle-fade-dot:nth-child(8) {
+  transform: rotate(240deg);
+}
+
+.sk-circle-fade-dot:nth-child(9) {
+  transform: rotate(270deg);
+}
+
+.sk-circle-fade-dot:nth-child(10) {
+  transform: rotate(300deg);
+}
+
+.sk-circle-fade-dot:nth-child(11) {
+  transform: rotate(330deg);
+}
+
+.sk-circle-fade-dot:nth-child(1):before {
+  animation-delay: -1.1s;
+}
+
+.sk-circle-fade-dot:nth-child(2):before {
+  animation-delay: -1s;
+}
+
+.sk-circle-fade-dot:nth-child(3):before {
+  animation-delay: -0.9s;
+}
+
+.sk-circle-fade-dot:nth-child(4):before {
+  animation-delay: -0.8s;
+}
+
+.sk-circle-fade-dot:nth-child(5):before {
+  animation-delay: -0.7s;
+}
+
+.sk-circle-fade-dot:nth-child(6):before {
+  animation-delay: -0.6s;
+}
+
+.sk-circle-fade-dot:nth-child(7):before {
+  animation-delay: -0.5s;
+}
+
+.sk-circle-fade-dot:nth-child(8):before {
+  animation-delay: -0.4s;
+}
+
+.sk-circle-fade-dot:nth-child(9):before {
+  animation-delay: -0.3s;
+}
+
+.sk-circle-fade-dot:nth-child(10):before {
+  animation-delay: -0.2s;
+}
+
+.sk-circle-fade-dot:nth-child(11):before {
+  animation-delay: -0.1s;
+}
+
+@keyframes sk-circle-fade {
+  0%, 39%, 100% {
+    opacity: 0;
+    transform: scale(0.6);
+  }
+  40% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+/*  Grid
+
+    <div class="sk-grid">
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+      <div class="sk-grid-cube"></div>
+    </div>
+ */
+.sk-grid {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  /* Cube positions
+   * 1 2 3
+   * 4 5 6
+   * 7 8 9
+   */
+}
+
+.sk-grid-cube {
+  width: 33.33%;
+  height: 33.33%;
+  background-color: var(--sk-color);
+  float: left;
+  animation: sk-grid 1.3s infinite ease-in-out;
+}
+
+.sk-grid-cube:nth-child(1) {
+  animation-delay: 0.2s;
+}
+
+.sk-grid-cube:nth-child(2) {
+  animation-delay: 0.3s;
+}
+
+.sk-grid-cube:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+.sk-grid-cube:nth-child(4) {
+  animation-delay: 0.1s;
+}
+
+.sk-grid-cube:nth-child(5) {
+  animation-delay: 0.2s;
+}
+
+.sk-grid-cube:nth-child(6) {
+  animation-delay: 0.3s;
+}
+
+.sk-grid-cube:nth-child(7) {
+  animation-delay: 0s;
+}
+
+.sk-grid-cube:nth-child(8) {
+  animation-delay: 0.1s;
+}
+
+.sk-grid-cube:nth-child(9) {
+  animation-delay: 0.2s;
+}
+
+@keyframes sk-grid {
+  0%, 70%, 100% {
+    transform: scale3D(1, 1, 1);
+  }
+  35% {
+    transform: scale3D(0, 0, 1);
+  }
+}
+/*  Fold
+
+      <div class="sk-fold">
+        <div class="sk-fold-cube"></div>
+        <div class="sk-fold-cube"></div>
+        <div class="sk-fold-cube"></div>
+        <div class="sk-fold-cube"></div>
+      </div>
+ */
+.sk-fold {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  position: relative;
+  transform: rotateZ(45deg);
+}
+
+.sk-fold-cube {
+  float: left;
+  width: 50%;
+  height: 50%;
+  position: relative;
+  transform: scale(1.1);
+}
+
+.sk-fold-cube:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--sk-color);
+  animation: sk-fold 2.4s infinite linear both;
+  transform-origin: 100% 100%;
+}
+
+.sk-fold-cube:nth-child(2) {
+  transform: scale(1.1) rotateZ(90deg);
+}
+
+.sk-fold-cube:nth-child(4) {
+  transform: scale(1.1) rotateZ(180deg);
+}
+
+.sk-fold-cube:nth-child(3) {
+  transform: scale(1.1) rotateZ(270deg);
+}
+
+.sk-fold-cube:nth-child(2):before {
+  animation-delay: 0.3s;
+}
+
+.sk-fold-cube:nth-child(4):before {
+  animation-delay: 0.6s;
+}
+
+.sk-fold-cube:nth-child(3):before {
+  animation-delay: 0.9s;
+}
+
+@keyframes sk-fold {
+  0%, 10% {
+    transform: perspective(140px) rotateX(-180deg);
+    opacity: 0;
+  }
+  25%, 75% {
+    transform: perspective(140px) rotateX(0deg);
+    opacity: 1;
+  }
+  90%, 100% {
+    transform: perspective(140px) rotateY(180deg);
+    opacity: 0;
+  }
+}
+/*  Wander
+
+      <div class="sk-wander">
+        <div class="sk-wander-cube"></div>
+        <div class="sk-wander-cube"></div>
+        <div class="sk-wander-cube"></div>
+        <div class="sk-wander-cube"></div>
+      </div>
+ */
+.sk-wander {
+  width: var(--sk-size);
+  height: var(--sk-size);
+  position: relative;
+}
+
+.sk-wander-cube {
+  background-color: var(--sk-color);
+  width: 20%;
+  height: 20%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  --sk-wander-distance: calc(var(--sk-size) * 0.75);
+  animation: sk-wander 2s ease-in-out -2s infinite both;
+}
+
+.sk-wander-cube:nth-child(2) {
+  animation-delay: -0.5s;
+}
+
+.sk-wander-cube:nth-child(3) {
+  animation-delay: -1s;
+}
+
+@keyframes sk-wander {
+  0% {
+    transform: rotate(0deg);
+  }
+  25% {
+    transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
+  }
+  50% { /* Make FF rotate in the right direction */
+    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
+  }
+  50.1% {
+    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
+  }
+  75% {
+    transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
+  }
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+:root {
+  --sk-size: 30px;
+
+}
+
+.sk-wave {
+  width: 40px;
+  white-space: nowrap;
+}
+
+.sk-fading-circle .sk-circle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.sk-wave {
+  width: 40px;
+  white-space: nowrap;
+}
+
+.sk-fading-circle .sk-circle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
--- a/public/assets/vendor/libs/tagify/tagify.css
+++ b/public/assets/vendor/libs/tagify/tagify.css
@ -0,0 +1,879 @@
+@charset "UTF-8";
+:root {
+  --tagify-dd-color-primary: rgb(53,149,246);
+  --tagify-dd-bg-color: white;
+  --tagify-dd-item-pad: .3em .5em;
+  --tagify-dd-max-height: 300px;
+}
+
+.tagify {
+  --tags-disabled-bg: #F1F1F1;
+  --tags-border-color: #DDD;
+  --tags-hover-border-color: #CCC;
+  --tags-focus-border-color: #3595f6;
+  --tag-border-radius: 3px;
+  --tag-bg: rgba(167, 172, 178, 0.5);
+  --tag-hover: #D3E2E2;
+  --tag-text-color: black;
+  --tag-text-color--edit: black;
+  --tag-pad: 0.3em 0.5em;
+  --tag-inset-shadow-size: 2em;
+  --tag-invalid-color: #ff3e1d;
+  --tag-invalid-bg: rgba(255, 62, 29, 0.5);
+  --tag--min-width: 1ch;
+  --tag--max-width: auto;
+  --tag-hide-transition: 0.3s;
+  --tag-remove-bg: rgba(255, 62, 29, 0.3);
+  --tag-remove-btn-color: #7a838b;
+  --tag-remove-btn-bg: none;
+  --tag-remove-btn-bg--hover: #ff2804;
+  --input-color: inherit;
+  --placeholder-color: rgba(0, 0, 0, 0.4);
+  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
+  --loader-size: .8em;
+  --readonly-striped: 1;
+  display: inline-flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  border: 1px solid var(--tags-border-color);
+  padding: 0;
+  line-height: 0;
+  cursor: text;
+  outline: none;
+  position: relative;
+  box-sizing: border-box;
+  transition: 0.1s;
+}
+@keyframes tags--bump {
+  30% {
+    transform: scale(1.2);
+  }
+}
+@keyframes rotateLoader {
+  to {
+    transform: rotate(1turn);
+  }
+}
+.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
+  --tags-border-color: var(--tags-hover-border-color);
+}
+.tagify[disabled] {
+  background: var(--tags-disabled-bg);
+  filter: saturate(0);
+  opacity: 0.5;
+  pointer-events: none;
+}
+.tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
+  pointer-events: none;
+}
+.tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
+  cursor: default;
+}
+.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
+  visibility: hidden;
+  width: 0;
+  margin: 5px 0;
+}
+.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
+  padding: var(--tag-pad);
+}
+.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
+  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
+}
+@keyframes readonlyStyles {
+  0% {
+    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
+    box-shadow: none;
+    filter: brightness(0.95);
+  }
+}
+.tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
+  display: none;
+}
+.tagify--loading .tagify__input > br:last-child {
+  display: none;
+}
+.tagify--loading .tagify__input::before {
+  content: none;
+}
+.tagify--loading .tagify__input::after {
+  content: "";
+  vertical-align: middle;
+  opacity: 1;
+  width: 0.7em;
+  height: 0.7em;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  min-width: 0;
+  border: 3px solid;
+  border-color: #EEE #BBB #888 transparent;
+  border-radius: 50%;
+  animation: rotateLoader 0.4s infinite linear;
+  content: "" !important;
+  margin: -2px 0 -2px 0.5em;
+}
+.tagify--loading .tagify__input:empty::after {
+  margin-left: 0;
+}
+.tagify + input,
+.tagify + textarea {
+  position: absolute !important;
+  left: -9999em !important;
+  transform: scale(0) !important;
+}
+.tagify__tag {
+  display: inline-flex;
+  align-items: center;
+  max-width: calc(var(--tag--max-width) - 10px);
+  margin-inline: 5px 0;
+  margin-block: 5px;
+  position: relative;
+  z-index: 1;
+  outline: none;
+  line-height: normal;
+  cursor: default;
+  transition: 0.13s ease-out;
+}
+.tagify__tag > div {
+  vertical-align: top;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: var(--tag-pad);
+  color: var(--tag-text-color);
+  line-height: inherit;
+  border-radius: var(--tag-border-radius);
+  white-space: nowrap;
+  transition: 0.13s ease-out;
+}
+.tagify__tag > div > * {
+  white-space: pre-wrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+  vertical-align: top;
+  min-width: var(--tag--min-width);
+  max-width: var(--tag--max-width);
+  transition: 0.8s ease, 0.1s color;
+}
+.tagify__tag > div > *[contenteditable] {
+  outline: none;
+  user-select: text;
+  cursor: text;
+  margin: -2px;
+  padding: 2px;
+  max-width: 350px;
+}
+.tagify__tag > div::before {
+  content: "";
+  position: absolute;
+  border-radius: inherit;
+  inset: var(--tag-bg-inset, 0);
+  z-index: -1;
+  pointer-events: none;
+  transition: 120ms ease;
+  animation: tags--bump 0.3s ease-out 1;
+  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
+}
+.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
+  --tag-bg-inset: -2.5px;
+  --tag-bg: var(--tag-hover);
+}
+.tagify__tag--loading {
+  pointer-events: none;
+}
+.tagify__tag--loading .tagify__tag__removeBtn {
+  display: none;
+}
+.tagify__tag--loading::after {
+  --loader-size: .4em;
+  content: "";
+  vertical-align: middle;
+  opacity: 1;
+  width: 0.7em;
+  height: 0.7em;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  min-width: 0;
+  border: 3px solid;
+  border-color: #EEE #BBB #888 transparent;
+  border-radius: 50%;
+  animation: rotateLoader 0.4s infinite linear;
+  margin: 0 0.5em 0 -0.1em;
+}
+.tagify__tag--flash div::before {
+  animation: none;
+}
+.tagify__tag--hide {
+  width: 0 !important;
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 0;
+  margin-right: 0;
+  opacity: 0;
+  transform: scale(0);
+  transition: var(--tag-hide-transition);
+  pointer-events: none;
+}
+.tagify__tag--hide > div > * {
+  white-space: nowrap;
+}
+.tagify__tag.tagify--noAnim > div::before {
+  animation: none;
+}
+.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
+  opacity: 0.5;
+}
+.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
+  --tag-bg: var(--tag-invalid-bg);
+  transition: 0.2s;
+}
+.tagify__tag[readonly] .tagify__tag__removeBtn {
+  display: none;
+}
+.tagify__tag[readonly] > div::before {
+  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
+}
+@keyframes readonlyStyles {
+  0% {
+    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
+    box-shadow: none;
+    filter: brightness(0.95);
+  }
+}
+.tagify__tag--editable > div {
+  color: var(--tag-text-color--edit);
+}
+.tagify__tag--editable > div::before {
+  box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
+}
+.tagify__tag--editable > .tagify__tag__removeBtn {
+  pointer-events: none;
+}
+.tagify__tag--editable > .tagify__tag__removeBtn::after {
+  opacity: 0;
+  transform: translateX(100%) translateX(5px);
+}
+.tagify__tag--editable.tagify--invalid > div::before {
+  box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
+}
+.tagify__tag__removeBtn {
+  order: 5;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50px;
+  cursor: pointer;
+  font: 14px/1 Arial;
+  background: var(--tag-remove-btn-bg);
+  color: var(--tag-remove-btn-color);
+  width: 14px;
+  height: 14px;
+  margin-inline: auto 4.6666666667px;
+  overflow: hidden;
+  transition: 0.2s ease-out;
+}
+.tagify__tag__removeBtn::after {
+  content: "×";
+  transition: 0.3s, color 0s;
+}
+.tagify__tag__removeBtn:hover {
+  color: white;
+  background: var(--tag-remove-btn-bg--hover);
+}
+.tagify__tag__removeBtn:hover + div > span {
+  opacity: 0.5;
+}
+.tagify__tag__removeBtn:hover + div::before {
+  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(255, 62, 29, 0.3)) inset !important;
+  transition: box-shadow 0.2s;
+}
+.tagify:not(.tagify--mix) .tagify__input br {
+  display: none;
+}
+.tagify:not(.tagify--mix) .tagify__input * {
+  display: inline;
+  white-space: nowrap;
+}
+.tagify__input {
+  flex-grow: 1;
+  display: inline-block;
+  min-width: 110px;
+  margin: 5px;
+  padding: var(--tag-pad);
+  line-height: normal;
+  position: relative;
+  white-space: pre-wrap;
+  color: var(--input-color);
+  box-sizing: inherit;
+  /* Seems firefox newer versions don't need this any more
+  @supports ( -moz-appearance:none ){
+      &::before{
+          line-height: inherit;
+          position:relative;
+      }
+  }
+  */
+}
+@-moz-document url-prefix() {}
+.tagify__input:empty::before {
+  position: static;
+}
+.tagify__input:focus {
+  outline: none;
+}
+.tagify__input:focus::before {
+  transition: 0.2s ease-out;
+  opacity: 0;
+  transform: translatex(6px);
+  /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
+  /* IE Edge 12+ CSS styles go here */
+}
+@supports (-ms-ime-align: auto) {
+  .tagify__input:focus::before {
+    display: none;
+  }
+}
+.tagify__input:focus:empty::before {
+  transition: 0.2s ease-out;
+  opacity: 1;
+  transform: none;
+  color: rgba(0, 0, 0, 0.25);
+  color: var(--placeholder-color-focus);
+}
+@-moz-document url-prefix() {
+  .tagify__input:focus:empty::after {
+    display: none;
+  }
+}
+.tagify__input::before {
+  content: attr(data-placeholder);
+  height: 1em;
+  line-height: 1em;
+  margin: auto 0;
+  z-index: 1;
+  color: var(--placeholder-color);
+  white-space: nowrap;
+  pointer-events: none;
+  opacity: 0;
+  position: absolute;
+}
+.tagify__input::after {
+  content: attr(data-suggest);
+  display: inline-block;
+  vertical-align: middle;
+  position: absolute;
+  min-width: calc(100% - 1.5em);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: pre; /* allows spaces at the beginning */
+  color: var(--tag-text-color);
+  opacity: 0.3;
+  pointer-events: none;
+  max-width: 100px;
+}
+.tagify__input .tagify__tag {
+  margin: 0 1px;
+}
+.tagify--mix {
+  display: block;
+}
+.tagify--mix .tagify__input {
+  padding: 5px;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  line-height: 1.5;
+  display: block;
+}
+.tagify--mix .tagify__input::before {
+  height: auto;
+  display: none;
+  line-height: inherit;
+}
+.tagify--mix .tagify__input::after {
+  content: none;
+}
+.tagify--select::after {
+  content: ">";
+  opacity: 0.5;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  bottom: 0;
+  font: 16px monospace;
+  line-height: 8px;
+  height: 8px;
+  pointer-events: none;
+  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
+  transition: 0.2s ease-in-out;
+}
+.tagify--select[aria-expanded=true]::after {
+  transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
+}
+.tagify--select .tagify__tag {
+  position: absolute;
+  top: 0;
+  right: 1.8em;
+  bottom: 0;
+}
+.tagify--select .tagify__tag div {
+  display: none;
+}
+.tagify--select .tagify__input {
+  width: 100%;
+}
+.tagify--empty .tagify__input::before {
+  transition: 0.2s ease-out;
+  opacity: 1;
+  transform: none;
+  display: inline-block;
+  width: auto;
+}
+.tagify--mix .tagify--empty .tagify__input::before {
+  display: inline-block;
+}
+.tagify--focus {
+  --tags-border-color: var(--tags-focus-border-color);
+  transition: 0s;
+}
+.tagify--invalid {
+  --tags-border-color: #ff3e1d;
+}
+.tagify__dropdown {
+  position: absolute;
+  z-index: 9999;
+  transform: translateY(-1px);
+  border-top: 1px solid var(--tagify-dd-color-primary);
+  overflow: hidden;
+}
+.tagify__dropdown[dir=rtl] {
+  transform: translate(-100%, -1px);
+}
+.tagify__dropdown[placement=top] {
+  margin-top: 0;
+  transform: translateY(-100%);
+}
+.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
+  border-top-width: 1.1px;
+  border-bottom-width: 0;
+}
+.tagify__dropdown[position=text] {
+  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
+  font-size: 0.9em;
+}
+.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
+  border-width: 1px;
+}
+.tagify__dropdown__wrapper {
+  max-height: var(--tagify-dd-max-height);
+  overflow: hidden;
+  overflow-x: hidden;
+  background: var(--tagify-dd-bg-color);
+  border: 1px solid;
+  border-color: var(--tagify-dd-color-primary);
+  border-bottom-width: 1.5px;
+  border-top-width: 0;
+  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
+  transition: 0.3s cubic-bezier(0.5, 0, 0.3, 1), transform 0.15s;
+  animation: dd-wrapper-show 0s 0.3s forwards;
+}
+@keyframes dd-wrapper-show {
+  to {
+    overflow-y: auto;
+  }
+}
+.tagify__dropdown__header:empty {
+  display: none;
+}
+.tagify__dropdown__footer {
+  display: inline-block;
+  margin-top: 0.5em;
+  padding: var(--tagify-dd-item-pad);
+  font-size: 0.7em;
+  font-style: italic;
+  opacity: 0.5;
+}
+.tagify__dropdown__footer:empty {
+  display: none;
+}
+.tagify__dropdown--initial .tagify__dropdown__wrapper {
+  max-height: 20px;
+  transform: translateY(-1em);
+}
+.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
+  transform: translateY(2em);
+}
+.tagify__dropdown__item {
+  box-sizing: border-box;
+  padding: var(--tagify-dd-item-pad);
+  margin: 1px;
+  white-space: pre-wrap;
+  cursor: pointer;
+  border-radius: 2px;
+  position: relative;
+  outline: none;
+  max-height: 60px;
+  max-width: 100%;
+  /* custom hidden transition effect is needed for horizontal-layout suggestions */
+}
+.tagify__dropdown__item--active {
+  background: var(--tagify-dd-color-primary);
+  color: white;
+}
+.tagify__dropdown__item:active {
+  filter: brightness(105%);
+}
+.tagify__dropdown__item--hidden {
+  padding-top: 0;
+  padding-bottom: 0;
+  margin: 0 1px;
+  pointer-events: none;
+  overflow: hidden;
+  max-height: 0;
+  transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
+}
+.tagify__dropdown__item--hidden > * {
+  transform: translateY(-100%);
+  opacity: 0;
+  transition: inherit;
+}
+
+/* Suggestions items */
+.tagify__dropdown.users-list {
+  font-size: 1rem;
+}
+.tagify__dropdown.users-list .addAll {
+  display: block !important;
+}
+.tagify__dropdown.users-list .tagify__dropdown__item {
+  padding: 0.5em 0.7em;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0 1em;
+  grid-template-areas: "avatar name" "avatar email";
+}
+.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
+  grid-area: avatar;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  overflow: hidden;
+  transition: 0.1s ease-out;
+}
+.tagify__dropdown.users-list img {
+  width: 100%;
+  vertical-align: top;
+}
+.tagify__dropdown.users-list strong {
+  grid-area: name;
+  width: 100%;
+  align-self: center;
+  font-weight: 500;
+}
+.tagify__dropdown.users-list span {
+  grid-area: email;
+  width: 100%;
+  font-size: 0.9em;
+  opacity: 0.6;
+}
+
+/* Tags items */
+.tagify__tag {
+  white-space: nowrap;
+}
+.tagify__tag .tagify__tag__avatar-wrap {
+  width: 22px;
+  height: 22px;
+  white-space: normal;
+  border-radius: 50%;
+  margin-right: 5px;
+  transition: 0.12s ease-out;
+  vertical-align: middle;
+}
+.tagify__tag img {
+  width: 100%;
+  vertical-align: top;
+}
+
+[dir=rtl] .tagify__tag .tagify__tag__avatar-wrap {
+  margin-left: 5px;
+  margin-right: auto;
+}
+
+.light-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
+  background: #f5f5f9;
+}
+.light-style .tagify__tag .tagify__tag__avatar-wrap {
+  background: #f5f5f9;
+}
+.light-style .tagify__dropdown.users-list .addAll {
+  border-bottom: 1px solid #e4e6e8;
+}
+
+.dark-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
+  background: #232333;
+}
+.dark-style .tagify__tag .tagify__tag__avatar-wrap {
+  background: #232333;
+}
+.dark-style .tagify__dropdown.users-list .addAll {
+  border-bottom: 1px solid #4e4f6c;
+}
+
+.tags-inline .tagify__dropdown__wrapper {
+  padding: 0 0.4375rem 0.4375rem 0.4375rem;
+}
+.tags-inline .tagify__dropdown__item {
+  display: inline-block;
+  border-radius: 3px;
+  padding: 0.3em 0.5em;
+  margin: 0.4375rem 0.4375rem 0 0;
+  font-size: 0.85em;
+  transition: 0s;
+}
+
+[dir=rtl] .tags-inline .tagify__dropdown__item {
+  margin: 0.4375rem 0 0 0.4375rem;
+}
+
+.light-style .tags-inline .tagify__dropdown__item {
+  border: 1px solid #e4e6e8;
+  color: #646e78;
+}
+
+.dark-style .tags-inline .tagify__dropdown__item {
+  border: 1px solid #4e4f6c;
+  color: #b2b2c4;
+}
+
+.tagify-email-list {
+  display: inline-block;
+  min-width: 0;
+  border: none;
+  /* Do not show the "remove tag" (x) button when only a single tag remains */
+}
+.tagify-email-list.tagify {
+  padding: 0 !important;
+  padding-bottom: calc(0.4375rem - var(--bs-border-width)) !important;
+}
+.tagify-email-list.tagify {
+  padding: 0 !important;
+  padding-bottom: calc(0.4375rem - var(--bs-border-width)) !important;
+}
+.tagify-email-list.tagify.tagify--focus {
+  padding-left: 0 !important;
+}
+.tagify-email-list .tagify__tag {
+  margin: 0;
+  margin-inline-start: 0 !important;
+  margin-inline-end: 0.625rem !important;
+  margin-bottom: 0.4375rem !important;
+}
+.tagify-email-list .tagify__tag > div {
+  padding: 0.21875rem 0.4375rem !important;
+  padding-inline: 0.875rem !important;
+}
+.tagify-email-list .tagify__tag:only-of-type > div {
+  padding-inline: 0.4375rem !important;
+}
+.tagify-email-list .tagify__tag:only-of-type .tagify__tag__removeBtn {
+  display: none;
+}
+.tagify-email-list .tagify__tag__removeBtn {
+  opacity: 0;
+  transform: translateX(-6px) scale(0.5);
+  margin-left: -3ch;
+  transition: 0.12s;
+  position: absolute;
+  inset-inline-end: 0;
+}
+.tagify-email-list .tagify__tag:hover .tagify__tag__removeBtn {
+  transform: none;
+  opacity: 1;
+  margin-left: -1ch;
+}
+.tagify-email-list .tagify__input {
+  display: none;
+}
+
+.tagify__tag > div {
+  border-radius: 50rem;
+}
+
+[dir=rtl] .tagify-email-list .tagify__tag {
+  margin: 0 0.4375rem 0.4375rem 0;
+}
+[dir=rtl] .tagify-email-list .tagify__tag:hover .tagify__tag__removeBtn {
+  margin-left: auto;
+  margin-right: -1ch;
+}
+[dir=rtl] .tagify-email-list .tagify__tag__removeBtn {
+  transform: translateX(6px) scale(0.5);
+  margin-left: auto;
+  margin-right: -3ch;
+}
+
+.light-style .tagify-email-list .tagify__tag--editable:not(.tagify--invalid) > div::before {
+  box-shadow: 0 0 0 2px #e4e6e8 inset !important;
+}
+
+.dark-style .tagify-email-list .tagify__tag--editable:not(.tagify--invalid) > div::before {
+  box-shadow: 0 0 0 2px #4e4f6c inset !important;
+}
+
+.tagify.form-control {
+  transition: none;
+  display: flex;
+  align-items: flex-end;
+  /* padding: calc(2px - var(--bs-border-width)) 0.4375rem 0.4231rem !important; */
+   padding: calc(2px - var(--bs-border-width)) 0.4375rem 0.2rem !important;
+}
+.fv-plugins-bootstrap5-row-invalid .tagify.form-control {
+  padding: 0 calc(0.4375rem - var(--bs-border-width)) calc(0.4375rem - 2px) !important;
+}
+.tagify.tagify--focus, .tagify.form-control:focus {
+  padding: 0 calc(0.4375rem - var(--bs-border-width)) 0.3606rem !important;
+  border-width: 2px;
+}
+.tagify__tag, .tagify__input {
+  margin: 0.1875rem 0.625rem 0 0 !important;
+  line-height: 1;
+}
+.tagify__input {
+  line-height: 1.5rem;
+}
+.tagify__input:empty::before {
+  top: 4px;
+}
+.tagify__tag > div {
+  line-height: 1.5rem;
+  padding: 0 0 0 0.4375rem;
+}
+.tagify__tag__removeBtn {
+  margin-right: 0.1375rem;
+  margin-left: 0.21875rem;
+  font-family: "boxicons";
+  font-size: 1rem;
+  opacity: 0.7;
+}
+.tagify__tag__removeBtn:hover {
+  background: none;
+  color: #ff2804 !important;
+}
+.tagify__tag__removeBtn::after {
+  content: "\ef06";
+}
+.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+.tagify__dropdown {
+  transform: translateY(0);
+}
+.tagify[readonly]:not(.tagify--mix) .tagify__tag > div {
+  padding: 0 0.4375rem 0 0.4375rem !important;
+}
+.tagify__input {
+  padding: 0;
+}
+.tagify__tag-text {
+  font-size: 0.8125rem;
+  font-weight: 500;
+}
+
+.tagify.form-control {
+  padding-top: 0.1412rem !important;
+}
+.tagify.tagify--focus, .tagify.form-control:focus {
+  padding-top: calc(0.1412rem - 1px) !important;
+}
+
+.tagify__tag__removeBtn {
+  margin-inline-end: 0.3rem;
+}
+
+[dir=rtl] .tagify__tag, [dir=rtl] .tagify__input {
+  margin: 0.4375rem 0 0 0.4375rem;
+}
+[dir=rtl] .tagify + input,
+[dir=rtl] .tagify + textarea {
+  left: 0;
+  right: -9999em !important;
+}
+[dir=rtl] .tagify__tag > div {
+  padding: 0 0.6875rem 0 0;
+}
+[dir=rtl] .tagify__tag__removeBtn {
+  margin-left: 0.4375rem;
+  margin-right: 0.21875rem;
+}
+
+.light-style .tagify__tag > div::before {
+  box-shadow: 0 0 0 1.3em rgba(34, 48, 62, 0.08) inset;
+}
+.light-style .tagify__tag .tagify__tag-text {
+  color: #384551;
+}
+.light-style .tagify__tag:hover:not([readonly]) div::before, .light-style .tagify__tag:focus div::before {
+  box-shadow: 0 0 0 1.3em rgba(34, 48, 62, 0.12) inset;
+}
+.light-style .tagify__tag__removeBtn {
+  color: #7a838b;
+}
+.light-style .tagify__tag__removeBtn:hover + div::before {
+  background: rgba(255, 62, 29, 0.3);
+}
+.light-style .tagify:hover:not([readonly]) {
+  border-color: #ced1d5;
+}
+.light-style .tagify__input::before {
+  color: #a7acb2 !important;
+}
+.light-style .tagify__dropdown {
+  box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
+  border-top-color: #e4e6e8;
+}
+.light-style .tagify__dropdown__wrapper {
+  background: #fff;
+  border-color: #e4e6e8;
+}
+
+.dark-style .tagify__tag > div::before {
+  box-shadow: 0 0 0 1.3em rgba(230, 230, 241, 0.08) inset;
+}
+.dark-style .tagify__tag > div .tagify__tag-text {
+  color: #d5d5e2;
+}
+.dark-style .tagify__tag:hover:not([readonly]) div::before, .dark-style .tagify__tag:focus div::before {
+  box-shadow: 0 0 0 1.3em rgba(230, 230, 241, 0.12) inset;
+}
+.dark-style .tagify__tag__removeBtn {
+  color: #a1a1b5;
+}
+.dark-style .tagify__tag__removeBtn:hover + div::before {
+  background: rgba(255, 62, 29, 0.3);
+}
+.dark-style .tagify:hover:not([readonly]) {
+  border-color: #5f607b;
+}
+.dark-style .tagify__input::before {
+  color: #7e7f96 !important;
+}
+.dark-style .tagify[readonly]:not(.tagify--mix) .tagify__tag > div::before {
+  background: linear-gradient(45deg, #5f607b 25%, transparent 25%, transparent 50%, #5f607b 50%, #5f607b 75%, transparent 75%, transparent) 0/5px 5px;
+}
+.dark-style .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
+  animation: none;
+  box-shadow: none;
+}
+.dark-style .tagify__dropdown {
+  box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
+  border-top-color: #4e4f6c;
+}
+.dark-style .tagify__dropdown__wrapper {
+  box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
+  background: #2b2c40;
+  border-color: #4e4f6c;
+}
--- a/public/assets/vendor/libs/tagify/tagify.js
+++ b/public/assets/vendor/libs/tagify/tagify.js
--- a/public/img/app/dashboard-light-01.png
+++ b/public/img/app/dashboard-light-01.png
--- a/public/img/app/dashboard-light-02.png
+++ b/public/img/app/dashboard-light-02.png
--- a/public/img/app/dashboard-light-03.png
+++ b/public/img/app/dashboard-light-03.png
--- a/public/img/app/dashboard-light-04.png
+++ b/public/img/app/dashboard-light-04.png
--- a/public/img/app/dashboard-light-05.png
+++ b/public/img/app/dashboard-light-05.png
--- a/public/img/app/dashboard-light-06.png
+++ b/public/img/app/dashboard-light-06.png
--- a/public/img/app/dashboard-light-07.png
+++ b/public/img/app/dashboard-light-07.png
--- a/public/img/app/dashboard-light-08.png
+++ b/public/img/app/dashboard-light-08.png
--- a/public/img/app/dashboard-light-09.png
+++ b/public/img/app/dashboard-light-09.png
--- a/public/img/avatars/1.png
+++ b/public/img/avatars/1.png
--- a/public/img/avatars/5.png
+++ b/public/img/avatars/5.png
--- a/public/img/avatars/6.png
+++ b/public/img/avatars/6.png
--- a/public/img/avatars/7.png
+++ b/public/img/avatars/7.png
--- a/public/img/backgrounds/cta-bg-dark.png
+++ b/public/img/backgrounds/cta-bg-dark.png
--- a/public/img/backgrounds/cta-bg-light.png
+++ b/public/img/backgrounds/cta-bg-light.png
--- a/public/img/backgrounds/footer-bg-dark.png
+++ b/public/img/backgrounds/footer-bg-dark.png
--- a/public/img/backgrounds/footer-bg-light.png
+++ b/public/img/backgrounds/footer-bg-light.png
--- a/public/img/backgrounds/footer-bg.png
+++ b/public/img/backgrounds/footer-bg.png
--- a/public/img/backgrounds/hero-bg.png
+++ b/public/img/backgrounds/hero-bg.png
--- a/public/img/brand/marco-250x250.png
+++ b/public/img/brand/marco-250x250.png
--- a/public/img/brand/marco.png
+++ b/public/img/brand/marco.png
--- a/public/img/brand/ofw-500x500.png
+++ b/public/img/brand/ofw-500x500.png
--- a/public/img/elements/1.jpg
+++ b/public/img/elements/1.jpg
--- a/public/img/elements/11.jpg
+++ b/public/img/elements/11.jpg
--- a/public/img/elements/12.jpg
+++ b/public/img/elements/12.jpg
--- a/public/img/elements/13.jpg
+++ b/public/img/elements/13.jpg
--- a/public/img/elements/17.jpg
+++ b/public/img/elements/17.jpg
--- a/public/img/elements/18.jpg
+++ b/public/img/elements/18.jpg
--- a/public/img/elements/19.jpg
+++ b/public/img/elements/19.jpg
--- a/public/img/elements/2.jpg
+++ b/public/img/elements/2.jpg
--- a/public/img/elements/20.jpg
+++ b/public/img/elements/20.jpg
--- a/public/img/elements/3.jpg
+++ b/public/img/elements/3.jpg
--- a/public/img/elements/4.jpg
+++ b/public/img/elements/4.jpg
--- a/public/img/elements/5.jpg
+++ b/public/img/elements/5.jpg
--- a/public/img/elements/7.jpg
+++ b/public/img/elements/7.jpg
--- a/public/img/favicon.ico
+++ b/public/img/favicon.ico
--- a/public/img/favicon/favicon.ico
+++ b/public/img/favicon/favicon.ico
--- a/public/img/hero/01.jpg
+++ b/public/img/hero/01.jpg
--- a/public/img/hero/02.jpg
+++ b/public/img/hero/02.jpg
--- a/public/img/hero/03.jpg
+++ b/public/img/hero/03.jpg
--- a/Show More
+++ b/Show More