added optional chain for n=menu

Merge pull request 'At Assigned Employee when selecting a Job role it change according to master now show correct data.' (#520 ) from Assigned_Employee_Job_Role into main
Reviewed-on: #520 merged
2025-12-05 18:45:19 +05:30 · 2025-11-26 12:20:28 +00:00 · 2025-11-25 18:09:32 +05:30 · 2025-11-25 09:42:47 +00:00 · 2025-11-25 15:09:25 +05:30 · 2025-11-25 11:20:19 +05:30
483 changed files with 39999 additions and 20243 deletions
--- a/index.html
+++ b/index.html
@ -5,7 +5,7 @@
 <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="" />

@ -46,6 +46,8 @@
  <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>
@ -94,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
@ -809,9 +809,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": {
@ -1552,13 +1552,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": {
@ -1835,9 +1835,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"
      },
@ -1845,6 +1846,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",
@ -2625,9 +2639,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": {
@ -2741,9 +2755,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
    },
@ -3138,9 +3152,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",
@ -5163,9 +5177,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": {
@ -5567,24 +5581,28 @@
      }
    },
    "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"
      },
@ -5777,9 +5795,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
    },
@ -5907,9 +5925,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": {
@ -5927,21 +5945,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",
@ -5951,11 +5971,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"
@ -5974,15 +5994,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/public/assets/css/core-extend.css
+++ b/public/assets/css/core-extend.css
@ -1,8 +1,458 @@
 :root,
 [data-bs-theme="light"] {
  --bs-nav-link-font-size: 0.7375rem;
+  --bg-border-color :#f8f6f6
+}
+.offcanvas.offcanvas-wide {
+  width: 700px !important; /* adjust as needed */
+}
+.sticky-section {
+  position: sticky;
+  top: var(--sticky-top, 0px) !important;
+  z-index: 1025;
+}
+
+
+/* ===========================% Background_Colors %========================================================== */
+.bg-light-primary {
+  background-color: color-mix(in srgb, var(--bs-primary) 10.4%, transparent);
+  border:var(--bs-primary-border-subtle)
+}
+.bg-light-secondary {
+  background-color: color-mix(in srgb, var(--bs-secondary) 10.4%, transparent);
+}
+.bg-light-danger {
+  background-color: color-mix(in srgb, var(--bs-danger) 10.4%, transparent);
+}
+.bg-light-success {
+  background-color: color-mix(in srgb, var(--bs-success) 10.4%, transparent);
+}
+
+.bg-light-info {
+  background-color: color-mix(in srgb, var(--bs-info) 10.4%, transparent);
+}
+.bg-light-warning {
+  background-color: color-mix(in srgb, var(--bs-warning) 10.4%, transparent);
 }

 .card-header {
  padding: 0.5rem var(--bs-card-cap-padding-x);
 }
+.table_header_border {
+ border-bottom:2px solid var(--bs-table-border-color) ;
+}
+.text-gary-80 {
+color:var(--bs-gray-500)
+}
+
+.text-royalblue{
+color: #1796e3;
+}
+
+.text-md {
+font-size: 2rem;
+}
+
+.text-md-b {
+font-weight: normal;
+}
+.stepper-container {
+  position: relative;
+}
+
+.timeline-horizontal {
+  position: relative;
+  padding: 0;
+  margin: 0;
+}
+
+.timeline-item {
+  position: relative;
+  flex: 1;
+}
+
+.timeline-point {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #dee2e6;
+  color: #6c757d;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+  z-index: 2;
+  position: relative;
+  padding: 3px;
+  transition: all 0.3s ease;
+}
+
+.timeline-point.completed {
+  background-color: var(--bs-success);
+  color: #fff;
+  box-shadow: 0 0 5px rgba(25, 135, 84, 0.5);
+}
+
+.timeline-point.failed {
+  background-color: var(--bs-danger);
+  color: #fff;
+  box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
+}
+
+.timeline-point.active {
+  background-color: var(--bs-info);
+  color: #fff;
+  transform: scale(1.15);
+  box-shadow: 0 0 6px rgba(13, 202, 240, 0.5);
+}
+
+.timeline-line-horizontal {
+  content: "";
+  position: absolute;
+  top: 10px;
+  left: 50%;
+  width: 100%;
+  height: 2px;
+  background-color: #dee2e6;
+  z-index: 1;
+  transition: background-color 0.3s ease;
+}
+
+/* Make line green for completed sections */
+.timeline-item.completed ~ .timeline-line-horizontal {
+  background-color: var(--bs-success);
+}
+
+/* Optional: subtle pulse for active step */
+.timeline-point.active::after {
+  content: "";
+  position: absolute;
+  width: 25px;
+  height: 25px;
+  border-radius: 50%;
+  border: 2px solid var(--bs-info);
+  animation: pulse 1.5s infinite;
+  opacity: 0.6;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
+  70% {
+    transform: scale(1.5);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}
+
+
+
+.text-xxs { font-size: 0.55rem; }       /* 8px */
+.text-xs { font-size: 0.75rem; }       /* 12px */
+.text-sm { font-size: 0.875rem; }      /* 14px */
+.text-base { font-size: 1rem; }        /* 16px */
+.text-lg { font-size: 1.125rem; }      /* 18px */
+.text-xl { font-size: 1.25rem; }       /* 20px */
+.text-2xl { font-size: 1.5rem; }       /* 24px */
+.text-3xl { font-size: 1.875rem; }     /* 30px */
+.text-4xl { font-size: 2.25rem; }      /* 36px */
+.text-5xl { font-size: 3rem; }         /* 48px */
+.text-6xl { font-size: 3.75rem; }      /* 60px */
+.text-7xl { font-size: 4.5rem; }       /* 72px */
+.text-8xl { font-size: 6rem; }         /* 96px */
+.text-9xl { font-size: 8rem; }         /* 128px */
+
+
+/*  */
+
+.w-0     { width: 0px; }
+.w-px    { width: 1px; }
+.w-1     { width: 0.25rem; }  /* 4px */
+.w-2     { width: 0.5rem; }   /* 8px */
+.w-3     { width: 0.75rem; }  /* 12px */
+.w-4     { width: 1rem; }     /* 16px */
+.w-5     { width: 1.25rem; }  /* 20px */
+.w-6     { width: 1.5rem; }   /* 24px */
+.w-8     { width: 2rem; }     /* 32px */
+.w-10    { width: 2.5rem; }   /* 40px */
+.w-12    { width: 3rem; }     /* 48px */
+.w-16    { width: 4rem; }     /* 64px */
+.w-20    { width: 5rem; }     /* 80px */
+.w-24    { width: 6rem; }     /* 96px */
+.w-32    { width: 8rem; }     /* 128px */
+.w-40    { width: 10rem; }    /* 160px */
+.w-48    { width: 12rem; }    /* 192px */
+.w-56    { width: 14rem; }    /* 224px */
+.w-64    { width: 16rem; }    /* 256px */
+.w-auto  { width: auto; }
+.w-full  { width: 100%; }
+.w-screen{ width: 100vw; }
+.w-min   { width: min-content; }
+.w-max   { width: max-content; }
+
+
+
+.h-0     { height: 0px; }
+.h-px    { height: 1px; }
+.h-1     { height: 0.25rem; }  /* 4px */
+.h-2     { height: 0.5rem; }   /* 8px */
+.h-3     { height: 0.75rem; }  /* 12px */
+.h-4     { height: 1rem; }     /* 16px */
+.h-5     { height: 1.25rem; }  /* 20px */
+.h-6     { height: 1.5rem; }   /* 24px */
+.h-8     { height: 2rem; }     /* 32px */
+.h-10    { height: 2.5rem; }   /* 40px */
+.h-12    { height: 3rem; }     /* 48px */
+.h-16    { height: 4rem; }     /* 64px */
+.h-20    { height: 5rem; }     /* 80px */
+.h-24    { height: 6rem; }     /* 96px */
+.h-32    { height: 8rem; }     /* 128px */
+.h-40    { height: 10rem; }    /* 160px */
+.h-48    { height: 12rem; }    /* 192px */
+.h-56    { height: 14rem; }    /* 224px */
+.h-64    { height: 16rem; }    /* 256px */
+.h-auto  { height: auto; }
+.h-full  { height: 100%; }
+.h-screen{ height: 100vh; }
+.h-min   { height: min-content; }
+.h-max   { height: max-content; }
+
+
+
+
+
+/* ==========================
+   Base Font Sizes (mobile first)
+   ========================== */
+.text-xxs { font-size: 0.55rem; }   /* 8px */
+.text-xs  { font-size: 0.75rem; }   /* 12px */
+.text-sm  { font-size: 0.875rem; }  /* 14px */
+.text-base{ font-size: 1rem; }      /* 16px */
+.text-lg  { font-size: 1.125rem; }  /* 18px */
+.text-xl  { font-size: 1.25rem; }   /* 20px */
+.text-2xl { font-size: 1.5rem; }    /* 24px */
+.text-3xl { font-size: 1.875rem; }  /* 30px */
+.text-4xl { font-size: 2.25rem; }   /* 36px */
+.text-5xl { font-size: 3rem; }      /* 48px */
+.text-6xl { font-size: 3.75rem; }   /* 60px */
+.text-7xl { font-size: 4.5rem; }    /* 72px */
+.text-8xl { font-size: 6rem; }      /* 96px */
+.text-9xl { font-size: 8rem; }      /* 128px */
+
+/* ==========================
+   Base Heights
+   ========================== */
+.h-0     { height: 0; }
+.h-px    { height: 1px; }
+.h-1     { height: 0.25rem; }  /* 4px */
+.h-2     { height: 0.5rem; }   /* 8px */
+.h-3     { height: 0.75rem; }  /* 12px */
+.h-4     { height: 1rem; }     /* 16px */
+.h-5     { height: 1.25rem; }  /* 20px */
+.h-6     { height: 1.5rem; }   /* 24px */
+.h-8     { height: 2rem; }     /* 32px */
+.h-10    { height: 2.5rem; }   /* 40px */
+.h-12    { height: 3rem; }     /* 48px */
+.h-16    { height: 4rem; }     /* 64px */
+.h-20    { height: 5rem; }     /* 80px */
+.h-24    { height: 6rem; }     /* 96px */
+.h-32    { height: 8rem; }     /* 128px */
+.h-40    { height: 10rem; }    /* 160px */
+.h-48    { height: 12rem; }    /* 192px */
+.h-56    { height: 14rem; }    /* 224px */
+.h-64    { height: 16rem; }    /* 256px */
+.h-70    { height: 20rem; }    /* 256px */
+.h-74    { max-height: 35rem; }    /* 256px */
+.h-full  { height: 100%; }
+
+.h-screen{ height: 100vh; }
+
+/* ==========================
+   Base Widths
+   ========================== */
+.w-0     { width: 0; }
+.w-px    { width: 1px; }
+.w-1     { width: 0.25rem; }
+.w-2     { width: 0.5rem; }
+.w-3     { width: 0.75rem; }
+.w-4     { width: 1rem; }
+.w-5     { width: 1.25rem; }
+.w-6     { width: 1.5rem; }
+.w-8     { width: 2rem; }
+.w-10    { width: 2.5rem; }
+.w-12    { width: 3rem; }
+.w-16    { width: 4rem; }
+.w-20    { width: 5rem; }
+.w-24    { width: 6rem; }
+.w-32    { width: 8rem; }
+.w-40    { width: 10rem; }
+.w-48    { width: 12rem; }
+.w-56    { width: 14rem; }
+.w-64    { width: 16rem; }
+.w-full  { width: 100%; }
+.w-screen{ width: 100vw; }
+
+/* ==========================
+   Responsive Variants
+   ========================== */
+@media (min-width: 576px) { /* sm */
+  /* Font */
+  .text-xxs-sm { font-size: 0.55rem; }
+  .text-xs-sm  { font-size: 0.75rem; }
+  .text-sm-sm  { font-size: 0.875rem; }
+  .text-base-sm{ font-size: 1rem; }
+  .text-lg-sm  { font-size: 1.125rem; }
+  .text-xl-sm  { font-size: 1.25rem; }
+  .text-2xl-sm{ font-size: 1.5rem; }
+
+  /* Height */
+  .h-1-sm{ height: 0.25rem; }
+  .h-2-sm{ height: 0.5rem; }
+  .h-3-sm{ height: 0.75rem; }
+  .h-4-sm{ height: 1rem; }
+  .h-5-sm{ height: 1.25rem; }
+  .h-6-sm{ height: 1.5rem; }
+  .h-8-sm{ height: 2rem; }
+  .h-10-sm{ height: 2.5rem; }
+
+  /* Width */
+  .w-1-sm{ width: 0.25rem; }
+  .w-2-sm{ width: 0.5rem; }
+  .w-3-sm{ width: 0.75rem; }
+  .w-4-sm{ width: 1rem; }
+  .w-5-sm{ width: 1.25rem; }
+  .w-6-sm{ width: 1.5rem; }
+  .w-8-sm{ width: 2rem; }
+  .w-10-sm{ width: 2.5rem; }
+}
+
+@media (min-width: 768px) { /* md */
+  /* Font */
+  .text-xxs-md { font-size: 0.55rem; }
+  .text-xs-md  { font-size: 0.75rem; }
+  .text-sm-md  { font-size: 0.875rem; }
+  .text-base-md{ font-size: 1rem; }
+  .text-lg-md  { font-size: 1.125rem; }
+  .text-xl-md  { font-size: 1.25rem; }
+  .text-2xl-md{ font-size: 1.5rem; }
+
+  /* Height */
+  .h-1-md{ height: 0.25rem; }
+  .h-2-md{ height: 0.5rem; }
+  .h-3-md{ height: 0.75rem; }
+  .h-4-md{ height: 1rem; }
+  .h-5-md{ height: 1.25rem; }
+  .h-6-md{ height: 1.5rem; }
+  .h-8-md{ height: 2rem; }
+  .h-10-md{ height: 2.5rem; }
+
+  /* Width */
+  .w-1-md{ width: 0.25rem; }
+  .w-2-md{ width: 0.5rem; }
+  .w-3-md{ width: 0.75rem; }
+  .w-4-md{ width: 1rem; }
+  .w-5-md{ width: 1.25rem; }
+  .w-6-md{ width: 1.5rem; }
+  .w-8-md{ width: 2rem; }
+  .w-10-md{ width: 2.5rem; }
+}
+
+@media (min-width: 992px) { /* lg */
+  /* Font */
+  .text-xxs-lg { font-size: 0.55rem; }
+  .text-xs-lg  { font-size: 0.75rem; }
+  .text-sm-lg  { font-size: 0.875rem; }
+  .text-base-lg{ font-size: 1rem; }
+  .text-lg-lg  { font-size: 1.125rem; }
+  .text-xl-lg  { font-size: 1.25rem; }
+  .text-2xl-lg{ font-size: 1.5rem; }
+
+  /* Height */
+  .h-1-lg{ height: 0.25rem; }
+  .h-2-lg{ height: 0.5rem; }
+  .h-3-lg{ height: 0.75rem; }
+  .h-4-lg{ height: 1rem; }
+  .h-5-lg{ height: 1.25rem; }
+  .h-6-lg{ height: 1.5rem; }
+  .h-8-lg{ height: 2rem; }
+  .h-10-lg{ height: 2.5rem; }
+
+  /* Width */
+  .w-1-lg{ width: 0.25rem; }
+  .w-2-lg{ width: 0.5rem; }
+  .w-3-lg{ width: 0.75rem; }
+  .w-4-lg{ width: 1rem; }
+  .w-5-lg{ width: 1.25rem; }
+  .w-6-lg{ width: 1.5rem; }
+  .w-8-lg{ width: 2rem; }
+  .w-10-lg{ width: 2.5rem; }
+}
+
+@media (min-width: 1200px) { /* xl */
+  /* Font */
+  .text-xxs-xl { font-size: 0.55rem; }
+  .text-xs-xl  { font-size: 0.75rem; }
+  .text-sm-xl  { font-size: 0.875rem; }
+  .text-base-xl{ font-size: 1rem; }
+  .text-lg-xl  { font-size: 1.125rem; }
+  .text-xl-xl  { font-size: 1.25rem; }
+  .text-2xl-xl{ font-size: 1.5rem; }
+
+  /* Height */
+  .h-1-xl{ height: 0.25rem; }
+  .h-2-xl{ height: 0.5rem; }
+  .h-3-xl{ height: 0.75rem; }
+  .h-4-xl{ height: 1rem; }
+  .h-5-xl{ height: 1.25rem; }
+  .h-6-xl{ height: 1.5rem; }
+  .h-8-xl{ height: 2rem; }
+  .h-10-xl{ height: 2.5rem; }
+
+  /* Width */
+  .w-1-xl{ width: 0.25rem; }
+  .w-2-xl{ width: 0.5rem; }
+  .w-3-xl{ width: 0.75rem; }
+  .w-4-xl{ width: 1rem; }
+  .w-5-xl{ width: 1.25rem; }
+  .w-6-xl{ width: 1.5rem; }
+  .w-8-xl{ width: 2rem; }
+  .w-10-xl{ width: 2.5rem; }
+}
+
+
+/* ------------------------Text------------------------- */
+@media (min-width: 576px) {
+  .fs-sm-1 { font-size: calc(1.3rem + 1.6vw) !important; }
+  .fs-sm-2 { font-size: calc(1.2rem + 1.2vw) !important; }
+  .fs-sm-3 { font-size: calc(1.1rem + 0.8vw) !important; }
+  .fs-sm-4 { font-size: calc(1rem + 0.5vw) !important; }
+  .fs-sm-5 { font-size: 1.05rem !important; }
+  .fs-sm-6 { font-size: 0.9rem !important; }
+
+  .fs-sm-tiny   { font-size: 72% !important; }
+  .fs-sm-big    { font-size: 115% !important; }
+  .fs-sm-large  { font-size: 155% !important; }
+  .fs-sm-xlarge { font-size: 175% !important; }
+  .fs-sm-xxlarge { font-size: calc(1.6rem + 3.5vw) !important; }
+}
+
+/* 💻 Medium devices (≥768px) */
+@media (min-width: 768px) {
+  .fs-md-1 { font-size: calc(1.4125rem + 1.95vw) !important; }
+  .fs-md-2 { font-size: calc(1.3625rem + 1.35vw) !important; }
+  .fs-md-3 { font-size: calc(1.3rem + 0.6vw) !important; }
+  .fs-md-4 { font-size: calc(1.275rem + 0.3vw) !important; }
+  .fs-md-5 { font-size: 1.125rem !important; }
+  .fs-md-6 { font-size: 0.9375rem !important; }
+
+  .fs-md-tiny   { font-size: 70% !important; }
+  .fs-md-big    { font-size: 112% !important; }
+  .fs-md-large  { font-size: 150% !important; }
+  .fs-md-xlarge { font-size: 170% !important; }
+  .fs-md-xxlarge { font-size: calc(1.725rem + 5.7vw) !important; }
+}
--- a/public/assets/css/default.css
+++ b/public/assets/css/default.css
@ -30,11 +30,6 @@
  width: 45px;
 }

-
-
-.app-brand-logo-border {
-  border: 1px solid #d5d5d5;
-}
 .app-brand-text {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
@ -165,10 +160,9 @@ thead tr {

 .app-brand-logo-login {
  max-width: 50px; /* default for mobile */
-  height: auto;    /* keep aspect ratio */
+  height: auto; /* keep aspect ratio */
 }

-
 /* Tablet and up (≥768px) */
@media (min-width: 768px) {
  .app-brand-logo-login {
@ -182,4 +176,3 @@ thead tr {
    max-width: 80px;
  }
 }
-
--- 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/orglogo.png
+++ b/public/assets/img/orglogo.png
--- 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;
@ -9059,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;
 }
@ -18613,6 +18614,10 @@ li:not(:first-child) .dropdown-item,
  min-height: 70vh !important;
 }

+.modal-min-h{
+   min-height: 60vh !important;
+}
+
 .flex-fill {
  flex: 1 1 auto !important;
 }
@ -20340,7 +20345,7 @@ li:not(:first-child) .dropdown-item,
 }

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

 .fs-tiny {
@ -32555,9 +32560,7 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
 .bg-blue {
  background-color:var(--bs-blue)
 }
-.text-blue{
-  color:var(--bs-blue)
-}
+
 .bg-indigo {
  background-color:var(--bs-indigo)
 }
@ -32570,3 +32573,9 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
 .text-red{
  color:var(--bs-red)
 }
+.text-blue{
+  color:var(--bs-blue)
+}
+.text-green{
+  color:var(--bs-green)
+}
--- 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/front-pages/landing-page/dashboard-light-01.png
+++ b/public/img/front-pages/landing-page/dashboard-light-01.png
--- a/public/img/front-pages/landing-page/dashboard-light-02.png
+++ b/public/img/front-pages/landing-page/dashboard-light-02.png
--- a/public/img/front-pages/landing-page/dashboard-light-03.png
+++ b/public/img/front-pages/landing-page/dashboard-light-03.png
--- a/public/img/front-pages/landing-page/dashboard-light-04.png
+++ b/public/img/front-pages/landing-page/dashboard-light-04.png
--- a/public/img/front-pages/landing-page/dashboard-light-05.png
+++ b/public/img/front-pages/landing-page/dashboard-light-05.png
--- a/public/img/front-pages/landing-page/dashboard-light-06.png
+++ b/public/img/front-pages/landing-page/dashboard-light-06.png
--- a/public/img/front-pages/landing-page/dashboard-light-07.png
+++ b/public/img/front-pages/landing-page/dashboard-light-07.png
--- a/public/img/front-pages/landing-page/dashboard-light-08.png
+++ b/public/img/front-pages/landing-page/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/front-pages/backgrounds/cta-bg-dark.png
+++ b/public/img/front-pages/backgrounds/cta-bg-dark.png
--- a/public/img/front-pages/backgrounds/cta-bg-light.png
+++ b/public/img/front-pages/backgrounds/cta-bg-light.png
--- a/public/img/front-pages/backgrounds/footer-bg-dark.png
+++ b/public/img/front-pages/backgrounds/footer-bg-dark.png
--- a/public/img/front-pages/backgrounds/footer-bg-light.png
+++ b/public/img/front-pages/backgrounds/footer-bg-light.png
--- a/public/img/front-pages/backgrounds/footer-bg.png
+++ b/public/img/front-pages/backgrounds/footer-bg.png
--- a/public/img/front-pages/backgrounds/hero-bg.png
+++ b/public/img/front-pages/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/front-pages/branding/logo-1.png
+++ b/public/img/front-pages/branding/logo-1.png
--- a/public/img/front-pages/branding/logo-2.png
+++ b/public/img/front-pages/branding/logo-2.png
--- a/public/img/front-pages/branding/logo-3.png
+++ b/public/img/front-pages/branding/logo-3.png
--- a/public/img/front-pages/branding/logo-4.png
+++ b/public/img/front-pages/branding/logo-4.png
--- a/public/img/front-pages/branding/logo-5.png
+++ b/public/img/front-pages/branding/logo-5.png
--- a/public/img/front-pages/branding/logo-6.png
+++ b/public/img/front-pages/branding/logo-6.png
--- a/public/img/front-pages/branding/logo_1-dark.png
+++ b/public/img/front-pages/branding/logo_1-dark.png
--- a/public/img/front-pages/branding/logo_1-light.png
+++ b/public/img/front-pages/branding/logo_1-light.png
--- a/public/img/front-pages/branding/logo_2-dark.png
+++ b/public/img/front-pages/branding/logo_2-dark.png
--- a/public/img/front-pages/branding/logo_2-light.png
+++ b/public/img/front-pages/branding/logo_2-light.png
--- a/public/img/front-pages/branding/logo_3-dark.png
+++ b/public/img/front-pages/branding/logo_3-dark.png
--- a/public/img/front-pages/branding/logo_3-light.png
+++ b/public/img/front-pages/branding/logo_3-light.png
--- a/public/img/front-pages/branding/logo_4-dark.png
+++ b/public/img/front-pages/branding/logo_4-dark.png
--- a/public/img/front-pages/branding/logo_4-light.png
+++ b/public/img/front-pages/branding/logo_4-light.png
--- a/public/img/front-pages/branding/logo_5-dark.png
+++ b/public/img/front-pages/branding/logo_5-dark.png
--- a/public/img/front-pages/branding/logo_5-light.png
+++ b/public/img/front-pages/branding/logo_5-light.png
--- a/public/img/front-pages/landing-page/cta-dashboard.png
+++ b/public/img/front-pages/landing-page/cta-dashboard.png
--- a/public/img/front-pages/landing-page/hero-dashboard-dark.png
+++ b/public/img/front-pages/landing-page/hero-dashboard-dark.png
--- a/public/img/front-pages/landing-page/hero-dashboard-light1.png
+++ b/public/img/front-pages/landing-page/hero-dashboard-light1.png
--- a/public/img/front-pages/landing-page/hero-elements-dark.png
+++ b/public/img/front-pages/landing-page/hero-elements-dark.png
--- a/public/img/front-pages/landing-page/hero-elements-light.png
+++ b/public/img/front-pages/landing-page/hero-elements-light.png
--- a/public/img/front-pages/landing-page/team-member-1.png
+++ b/public/img/front-pages/landing-page/team-member-1.png
--- a/public/img/front-pages/landing-page/team-member-2.png
+++ b/public/img/front-pages/landing-page/team-member-2.png
--- a/public/img/front-pages/landing-page/team-member-3.png
+++ b/public/img/front-pages/landing-page/team-member-3.png
--- a/public/img/front-pages/landing-page/team-member-4.png
+++ b/public/img/front-pages/landing-page/team-member-4.png
--- a/public/img/front-pages/misc/checkout-image.png
+++ b/public/img/front-pages/misc/checkout-image.png
--- a/public/img/front-pages/misc/nav-item-col-img.png
+++ b/public/img/front-pages/misc/nav-item-col-img.png
--- a/public/img/front-pages/misc/product-image.png
+++ b/public/img/front-pages/misc/product-image.png
--- a/public/img/hero/bg-01.jpg
+++ b/public/img/hero/bg-01.jpg
--- a/public/img/hero/bg-02.png
+++ b/public/img/hero/bg-02.png
--- a/public/img/hero/bg-03.png
+++ b/public/img/hero/bg-03.png
--- a/public/img/hero/bg-04.png
+++ b/public/img/hero/bg-04.png
--- a/public/img/front-pages/landing-page/contact-customer-service.png
+++ b/public/img/front-pages/landing-page/contact-customer-service.png
--- a/public/img/front-pages/icons/Join-community-arrow.png
+++ b/public/img/front-pages/icons/Join-community-arrow.png
--- a/public/img/icons/ai.png
+++ b/public/img/icons/ai.png
--- a/public/img/icons/apple-icon-lite.png
+++ b/public/img/icons/apple-icon-lite.png
--- a/public/img/front-pages/landing-page/apple-icon.png
+++ b/public/img/front-pages/landing-page/apple-icon.png
--- a/public/img/icons/attendance.png
+++ b/public/img/icons/attendance.png
--- a/public/img/front-pages/icons/check-warning.svg
+++ b/public/img/front-pages/icons/check-warning.svg
--- a/public/img/front-pages/icons/check.svg
+++ b/public/img/front-pages/icons/check.svg
--- a/public/img/icons/cloud-service.png
+++ b/public/img/icons/cloud-service.png
--- a/public/img/front-pages/icons/contact-border.png
+++ b/public/img/front-pages/icons/contact-border.png
--- a/public/img/icons/dashboard.png
+++ b/public/img/icons/dashboard.png
--- a/public/img/front-pages/icons/diamond-info.svg
+++ b/public/img/front-pages/icons/diamond-info.svg
--- a/public/img/icons/diamond-info.svg
+++ b/public/img/icons/diamond-info.svg
@ -0,0 +1,5 @@
+<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" d="M46.5001 10.5288H32.5001L20.2251 26.5288L32.5001 56.5288L60.5001 26.5288L46.5001 10.5288Z" fill="#03C3EC"/>
+<path d="M18.5 10.5288H46.5L60.5 26.5288L32.5 56.5288L4.5 26.5288L18.5 10.5288Z" stroke="#03C3EC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.2934 9.92012C33.1042 9.67343 32.8109 9.52881 32.5 9.52881C32.1891 9.52881 31.8958 9.67343 31.7066 9.92012L19.7318 25.5288H4.5C3.94772 25.5288 3.5 25.9765 3.5 26.5288C3.5 27.0811 3.94772 27.5288 4.5 27.5288H19.5537L31.5745 56.9075C31.7282 57.2833 32.094 57.5288 32.5 57.5288C32.906 57.5288 33.2718 57.2833 33.4255 56.9075L45.4463 27.5288H60.5C61.0523 27.5288 61.5 27.0811 61.5 26.5288C61.5 25.9765 61.0523 25.5288 60.5 25.5288H45.2682L33.2934 9.92012ZM42.7474 25.5288L32.5 12.1717L22.2526 25.5288H42.7474ZM21.7146 27.5288L32.5 53.8881L43.2854 27.5288H21.7146Z" fill="#03C3EC"/>
+</svg>
--- a/public/img/icons/directory.png
+++ b/public/img/icons/directory.png
--- a/public/img/icons/document.png
+++ b/public/img/icons/document.png
--- a/public/img/front-pages/icons/facebook.svg
+++ b/public/img/front-pages/icons/facebook.svg
--- a/public/img/front-pages/icons/github.svg
+++ b/public/img/front-pages/icons/github.svg
--- a/public/img/icons/google-play-icon-lite.png
+++ b/public/img/icons/google-play-icon-lite.png
--- a/public/img/front-pages/landing-page/google-play-icon.png
+++ b/public/img/front-pages/landing-page/google-play-icon.png
--- a/public/img/front-pages/icons/instagram.svg
+++ b/public/img/front-pages/icons/instagram.svg
--- a/public/img/icons/inventory.svg
+++ b/public/img/icons/inventory.svg
@ -0,0 +1 @@
+<svg idth="64" height="64"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M0 142.1L0 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-240c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32l0 240c0 17.7 14.3 32 32 32s32-14.3 32-32l0-337.9c0-27.5-17.6-52-43.8-60.7L303.2 5.1c-9.9-3.3-20.5-3.3-30.4 0L43.8 81.4C17.6 90.1 0 114.6 0 142.1zM464 256l-352 0 0 64 352 0 0-64zM112 416l352 0 0-64-352 0 0 64zm352 32l-352 0 0 64 352 0 0-64z"/></svg>
--- a/public/img/front-pages/icons/keyboard.svg
+++ b/public/img/front-pages/icons/keyboard.svg
--- a/public/img/front-pages/icons/laptop.svg
+++ b/public/img/front-pages/icons/laptop.svg
--- a/public/img/front-pages/icons/paper-airplane.png
+++ b/public/img/front-pages/icons/paper-airplane.png
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`<svg idth="64" height="64" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M0 142.1L0 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-240c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32l0 240c0 17.7 14.3 32 32 32s32-14.3 32-32l0-337.9c0-27.5-17.6-52-43.8-60.7L303.2 5.1c-9.9-3.3-20.5-3.3-30.4 0L43.8 81.4C17.6 90.1 0 114.6 0 142.1zM464 256l-352 0 0 64 352 0 0-64zM112 416l352 0 0-64-352 0 0 64zm352 32l-352 0 0 64 352 0 0-64z"/></svg>`