diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 9a6ab028f..a6e196794 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-autocomplete-panel {
     background: #1e1e1e;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #383838;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #64B5F6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #2396f2;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #383838;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #383838;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-dropdown.p-variant {
+    background: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-multiselect.p-variant {
+    background: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #64B5F6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #2396f2;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #383838;
@@ -1705,6 +1813,16 @@
     border-color: #64B5F6;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #383838;
+  }
+
   .p-treeselect {
     background: #121212;
     border: 1px solid #383838;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-treeselect.p-variant {
+    background: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 591e6cbf1..0145c96a5 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-autocomplete-panel {
     background: #1e1e1e;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #383838;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #81C784;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #54b358;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #383838;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #383838;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-dropdown.p-variant {
+    background: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-multiselect.p-variant {
+    background: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #81C784;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #54b358;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #383838;
@@ -1705,6 +1813,16 @@
     border-color: #81C784;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #383838;
+  }
+
   .p-treeselect {
     background: #121212;
     border: 1px solid #383838;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-treeselect.p-variant {
+    background: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index b415b84cb..3785b91fb 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-autocomplete-panel {
     background: #1e1e1e;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #383838;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #FFD54F;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #ffc50c;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #383838;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #383838;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-dropdown.p-variant {
+    background: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-multiselect.p-variant {
+    background: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #FFD54F;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffc50c;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #383838;
@@ -1705,6 +1813,16 @@
     border-color: #FFD54F;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #383838;
+  }
+
   .p-treeselect {
     background: #121212;
     border: 1px solid #383838;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-treeselect.p-variant {
+    background: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index b634507e8..b2512c7de 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-autocomplete-panel {
     background: #1e1e1e;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #383838;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #383838;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #BA68C8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #a241b2;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #383838;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #383838;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #383838;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-dropdown.p-variant {
+    background: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #383838;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-multiselect.p-variant {
+    background: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #BA68C8;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #a241b2;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #383838;
@@ -1705,6 +1813,16 @@
     border-color: #BA68C8;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #383838;
+  }
+
   .p-treeselect {
     background: #121212;
     border: 1px solid #383838;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-treeselect.p-variant {
+    background: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/aura-dark-amber/theme.css b/public/themes/aura-dark-amber/theme.css
index 7ceae0f95..7ae383c17 100644
--- a/public/themes/aura-dark-amber/theme.css
+++ b/public/themes/aura-dark-amber/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #fbbf24;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #fcd34d;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css
index 28ef5dc71..15a550996 100644
--- a/public/themes/aura-dark-blue/theme.css
+++ b/public/themes/aura-dark-blue/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #60a5fa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #93c5fd;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css
index b770bb763..bf4cc5fe3 100644
--- a/public/themes/aura-dark-cyan/theme.css
+++ b/public/themes/aura-dark-cyan/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #22d3ee;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #67e8f9;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css
index 2bb628a40..95e410671 100644
--- a/public/themes/aura-dark-green/theme.css
+++ b/public/themes/aura-dark-green/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #34d399;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #6ee7b7;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css
index 731989380..e04650abf 100644
--- a/public/themes/aura-dark-indigo/theme.css
+++ b/public/themes/aura-dark-indigo/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #818cf8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #a5b4fc;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css
index 3dd2ed7f0..98aa10daa 100644
--- a/public/themes/aura-dark-lime/theme.css
+++ b/public/themes/aura-dark-lime/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #a3e635;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #bef264;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css
index d184a45db..4be69c58c 100644
--- a/public/themes/aura-dark-noir/theme.css
+++ b/public/themes/aura-dark-noir/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #fafafa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #f4f4f5;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css
index 7319b4c54..d0df08d4f 100644
--- a/public/themes/aura-dark-pink/theme.css
+++ b/public/themes/aura-dark-pink/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #f472b6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #f9a8d4;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css
index ba3eef484..c53bcf722 100644
--- a/public/themes/aura-dark-purple/theme.css
+++ b/public/themes/aura-dark-purple/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #a78bfa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #c4b5fd;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css
index 942162e88..a4074040d 100644
--- a/public/themes/aura-dark-teal/theme.css
+++ b/public/themes/aura-dark-teal/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-autocomplete-panel {
     background: #18181b;
@@ -466,6 +475,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -706,6 +724,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #2dd4bf;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #27272a;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #5eead4;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #27272a;
@@ -863,6 +902,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #27272a;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-dropdown.p-variant {
+    background: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #27272a;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #27272a;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-multiselect.p-variant {
+    background: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #27272a;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #020617;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #27272a;
@@ -1724,6 +1832,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #27272a;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #27272a;
+  }
+
   .p-treeselect {
     background: #09090b;
     border: 1px solid #3f3f46;
@@ -1740,6 +1858,15 @@
     box-shadow: none;
     border-color: #52525b;
   }
+  .p-treeselect.p-variant {
+    background: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #27272a;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #27272a;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css
index dc87285a2..85c9a45f0 100644
--- a/public/themes/aura-light-amber/theme.css
+++ b/public/themes/aura-light-amber/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #f59e0b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #d97706;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css
index 7ddb69c2e..a4c077521 100644
--- a/public/themes/aura-light-blue/theme.css
+++ b/public/themes/aura-light-blue/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #3B82F6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #2563eb;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css
index 0106d21c3..3dab898ae 100644
--- a/public/themes/aura-light-cyan/theme.css
+++ b/public/themes/aura-light-cyan/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #06b6d4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0891b2;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css
index a1fc0a97e..2273fde54 100644
--- a/public/themes/aura-light-green/theme.css
+++ b/public/themes/aura-light-green/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #10b981;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #059669;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css
index f1a5fbb85..9aa0f1566 100644
--- a/public/themes/aura-light-indigo/theme.css
+++ b/public/themes/aura-light-indigo/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #6366F1;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #4F46E5;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css
index 938d01586..cd113082f 100644
--- a/public/themes/aura-light-lime/theme.css
+++ b/public/themes/aura-light-lime/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #84cc16;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #65a30d;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css
index c7919dd5d..9c0659602 100644
--- a/public/themes/aura-light-noir/theme.css
+++ b/public/themes/aura-light-noir/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #020617;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0f172a;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -869,6 +908,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -936,6 +984,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1122,6 +1182,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1203,6 +1272,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1381,6 +1459,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1518,6 +1605,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1599,6 +1695,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1734,6 +1842,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1750,6 +1868,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css
index 7699db785..0e786d68c 100644
--- a/public/themes/aura-light-pink/theme.css
+++ b/public/themes/aura-light-pink/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #ec4899;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #db2777;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css
index 2be63362b..fde71cdb2 100644
--- a/public/themes/aura-light-purple/theme.css
+++ b/public/themes/aura-light-purple/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #8B5CF6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #7C3AED;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css
index 3aa653caf..c226b4d8e 100644
--- a/public/themes/aura-light-teal/theme.css
+++ b/public/themes/aura-light-teal/theme.css
@@ -414,6 +414,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -468,6 +477,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -708,6 +726,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -842,6 +869,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f87171;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #14b8a6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8fafc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0d9488;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8fafc;
@@ -865,6 +904,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -932,6 +980,18 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-dropdown.p-variant {
+    background: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1118,6 +1178,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2.5rem;
@@ -1199,6 +1268,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f87171;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1377,6 +1455,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-multiselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@@ -1514,6 +1601,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f87171;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0 1.125rem 1.125rem 1.125rem;
@@ -1595,6 +1691,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f87171;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8fafc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8fafc;
@@ -1726,6 +1834,16 @@
     border-color: transparent;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8fafc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #cbd5e1;
@@ -1742,6 +1860,15 @@
     box-shadow: none;
     border-color: #94a3b8;
   }
+  .p-treeselect.p-variant {
+    background: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8fafc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index c83cbc43a..f6e6372a2 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f19ea6;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #3f4b5b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #3f4b5b;
+  }
 
   .p-autocomplete-panel {
     background: #2a323d;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #e3f3fe;
     border-color: #8dd0ff;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #3f4b5b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #3f4b5b;
+  }
 
   .p-datepicker {
     padding: 0;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #e3f3fe;
     border-color: #8dd0ff;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #3f4b5b;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #3f4b5b;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f19ea6;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #3f4b5b;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #8dd0ff;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #3f4b5b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #1dadff;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #3f4b5b;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 1px #e3f3fe;
     border-color: #8dd0ff;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #3f4b5b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #3f4b5b;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 1px #e3f3fe;
     border-color: #8dd0ff;
   }
+  .p-dropdown.p-variant {
+    background: #3f4b5b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f19ea6;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #3f4b5b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #3f4b5b;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f19ea6;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #3f4b5b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #3f4b5b;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 1px #e3f3fe;
     border-color: #8dd0ff;
   }
+  .p-multiselect.p-variant {
+    background: #3f4b5b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f19ea6;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #3f4b5b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f19ea6;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #3f4b5b;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #8dd0ff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #3f4b5b;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #1dadff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #3f4b5b;
@@ -1717,6 +1825,16 @@
     border-color: #56bdff;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #3f4b5b;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #3f4b5b;
+  }
+
   .p-treeselect {
     background: #20262e;
     border: 1px solid #3f4b5b;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 1px #e3f3fe;
     border-color: #8dd0ff;
   }
+  .p-treeselect.p-variant {
+    background: #3f4b5b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 706c6c70d..566bf3c43 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f19ea6;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #3f4b5b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #3f4b5b;
+  }
 
   .p-autocomplete-panel {
     background: #2a323d;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #f0e6f5;
     border-color: #c298d8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #3f4b5b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #3f4b5b;
+  }
 
   .p-datepicker {
     padding: 0;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #f0e6f5;
     border-color: #c298d8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #3f4b5b;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #3f4b5b;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f19ea6;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #3f4b5b;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #c298d8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #3f4b5b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #9954bb;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #3f4b5b;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 1px #f0e6f5;
     border-color: #c298d8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #3f4b5b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #3f4b5b;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 1px #f0e6f5;
     border-color: #c298d8;
   }
+  .p-dropdown.p-variant {
+    background: #3f4b5b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f19ea6;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #3f4b5b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #3f4b5b;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f19ea6;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #3f4b5b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #3f4b5b;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 1px #f0e6f5;
     border-color: #c298d8;
   }
+  .p-multiselect.p-variant {
+    background: #3f4b5b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f19ea6;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #3f4b5b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f19ea6;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #3f4b5b;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #c298d8;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #3f4b5b;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #9954bb;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #3f4b5b;
@@ -1717,6 +1825,16 @@
     border-color: #aa70c7;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #3f4b5b;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #3f4b5b;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #3f4b5b;
+  }
+
   .p-treeselect {
     background: #20262e;
     border: 1px solid #3f4b5b;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 1px #f0e6f5;
     border-color: #c298d8;
   }
+  .p-treeselect.p-variant {
+    background: #3f4b5b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #3f4b5b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #3f4b5b;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 42e994c37..7544bbc14 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #dc3545;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #efefef;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
     border-color: #007bff;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #efefef;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-datepicker {
     padding: 0;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
     border-color: #007bff;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #efefef;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #efefef;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #dc3545;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #efefef;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #007bff;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #efefef;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0062cc;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #efefef;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
     border-color: #007bff;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #efefef;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #efefef;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
     border-color: #007bff;
   }
+  .p-dropdown.p-variant {
+    background: #efefef;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #dc3545;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #efefef;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #dc3545;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #efefef;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #efefef;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
     border-color: #007bff;
   }
+  .p-multiselect.p-variant {
+    background: #efefef;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #dc3545;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #efefef;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #dc3545;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #efefef;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #007bff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #efefef;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #0062cc;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #efefef;
@@ -1717,6 +1825,16 @@
     border-color: #0069d9;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #efefef;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #efefef;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #ced4da;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
     border-color: #007bff;
   }
+  .p-treeselect.p-variant {
+    background: #efefef;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 8445d44ca..71f674000 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #dc3545;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #efefef;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
     border-color: #883cae;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #efefef;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-datepicker {
     padding: 0;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
     border-color: #883cae;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #efefef;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #efefef;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #dc3545;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #efefef;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #883cae;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #efefef;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #68329e;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #efefef;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
     border-color: #883cae;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #efefef;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #efefef;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
     border-color: #883cae;
   }
+  .p-dropdown.p-variant {
+    background: #efefef;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #dc3545;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #efefef;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #dc3545;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #efefef;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #efefef;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
     border-color: #883cae;
   }
+  .p-multiselect.p-variant {
+    background: #efefef;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #dc3545;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #efefef;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #dc3545;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #efefef;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #883cae;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #efefef;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #68329e;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #efefef;
@@ -1717,6 +1825,16 @@
     border-color: #7a38a7;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #efefef;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #efefef;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #ced4da;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
     border-color: #883cae;
   }
+  .p-treeselect.p-variant {
+    background: #efefef;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 3aea8d8d2..1d9cbb538 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #a4252c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #faf9f8;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #faf9f8;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: inset 0 0 0 1px #605e5c;
     border-color: #0078d4;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #faf9f8;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #faf9f8;
+  }
 
   .p-datepicker {
     padding: 0.75rem;
@@ -687,6 +705,15 @@
     box-shadow: inset 0 0 0 1px #605e5c;
     border-color: #0078d4;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #faf9f8;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #faf9f8;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #a4252c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #faf9f8;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #0078d4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #faf9f8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #005a9e;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #faf9f8;
@@ -844,6 +883,15 @@
     box-shadow: inset 0 0 0 1px #605e5c;
     border-color: #0078d4;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #faf9f8;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #faf9f8;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: inset 0 0 0 1px #605e5c;
     border-color: #0078d4;
   }
+  .p-dropdown.p-variant {
+    background: #faf9f8;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #faf9f8;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #faf9f8;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #a4252c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #faf9f8;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #faf9f8;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #a4252c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #faf9f8;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #faf9f8;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: inset 0 0 0 1px #605e5c;
     border-color: #0078d4;
   }
+  .p-multiselect.p-variant {
+    background: #faf9f8;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #faf9f8;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #faf9f8;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #a4252c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #faf9f8;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #faf9f8;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #faf9f8;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #a4252c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #faf9f8;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #faf9f8;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #faf9f8;
@@ -1705,6 +1813,16 @@
     border-color: #005a9e;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #faf9f8;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #faf9f8;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #605e5c;
@@ -1721,6 +1839,15 @@
     box-shadow: inset 0 0 0 1px #605e5c;
     border-color: #0078d4;
   }
+  .p-treeselect.p-variant {
+    background: #faf9f8;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #faf9f8;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #faf9f8;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css
index 9f3bda3f1..cda9da877 100644
--- a/public/themes/lara-dark-amber/theme.css
+++ b/public/themes/lara-dark-amber/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
     border-color: #fbbf24;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
     border-color: #fbbf24;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #fbbf24;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #fde68a;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
     border-color: #fbbf24;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
     border-color: #fbbf24;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
     border-color: #fbbf24;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #fbbf24;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #fde68a;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #fbbf24;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
     border-color: #fbbf24;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index 37ac1498a..e3d101824 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
     border-color: #60a5fa;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
     border-color: #60a5fa;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #60a5fa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #bfdbfe;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
     border-color: #60a5fa;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
     border-color: #60a5fa;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
     border-color: #60a5fa;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #60a5fa;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #bfdbfe;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #60a5fa;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
     border-color: #60a5fa;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css
index 3ef3deede..2f04eb9c8 100644
--- a/public/themes/lara-dark-cyan/theme.css
+++ b/public/themes/lara-dark-cyan/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
     border-color: #22d3ee;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
     border-color: #22d3ee;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #22d3ee;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #a5f3fc;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
     border-color: #22d3ee;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
     border-color: #22d3ee;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
     border-color: #22d3ee;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #22d3ee;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #a5f3fc;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #22d3ee;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
     border-color: #22d3ee;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-green/theme.css b/public/themes/lara-dark-green/theme.css
index 1c7feba24..fec2b4af2 100644
--- a/public/themes/lara-dark-green/theme.css
+++ b/public/themes/lara-dark-green/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
     border-color: #34d399;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
     border-color: #34d399;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #34d399;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #a7f3d0;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
     border-color: #34d399;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
     border-color: #34d399;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
     border-color: #34d399;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #34d399;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #a7f3d0;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #34d399;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
     border-color: #34d399;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index ca2706201..1ab8d3a14 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
     border-color: #818cf8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
     border-color: #818cf8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #818cf8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #c7d2fe;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
     border-color: #818cf8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
     border-color: #818cf8;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
     border-color: #818cf8;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #818cf8;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #c7d2fe;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #818cf8;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
     border-color: #818cf8;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css
index 4938b0a1a..2ae1f37ae 100644
--- a/public/themes/lara-dark-pink/theme.css
+++ b/public/themes/lara-dark-pink/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
     border-color: #f472b6;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
     border-color: #f472b6;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #f472b6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #fbcfe8;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
     border-color: #f472b6;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
     border-color: #f472b6;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
     border-color: #f472b6;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #f472b6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #fbcfe8;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #f472b6;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
     border-color: #f472b6;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index e70d0203f..9ebe329ef 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
     border-color: #a78bfa;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
     border-color: #a78bfa;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #a78bfa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #ddd6fe;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
     border-color: #a78bfa;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
     border-color: #a78bfa;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
     border-color: #a78bfa;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #a78bfa;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ddd6fe;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #a78bfa;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
     border-color: #a78bfa;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index ed83f76b1..1175914a0 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-autocomplete-panel {
     background: #1f2937;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
     border-color: #2dd4bf;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
     border-color: #2dd4bf;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #2dd4bf;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #424b57;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #99f6e4;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #424b57;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
     border-color: #2dd4bf;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #424b57;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
     border-color: #2dd4bf;
   }
+  .p-dropdown.p-variant {
+    background: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #424b57;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #424b57;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
     border-color: #2dd4bf;
   }
+  .p-multiselect.p-variant {
+    background: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #FCA5A5;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #2dd4bf;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #424b57;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #99f6e4;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #424b57;
@@ -1724,6 +1832,16 @@
     border-color: #2dd4bf;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #424b57;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #424b57;
+  }
+
   .p-treeselect {
     background: #111827;
     border: 1px solid #424b57;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
     border-color: #2dd4bf;
   }
+  .p-treeselect.p-variant {
+    background: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #424b57;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #424b57;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css
index fe590d702..94bb17568 100644
--- a/public/themes/lara-light-amber/theme.css
+++ b/public/themes/lara-light-amber/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #fef08a;
     border-color: #f59e0b;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #fef08a;
     border-color: #f59e0b;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #f59e0b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #b45309;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #fef08a;
     border-color: #f59e0b;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #fef08a;
     border-color: #f59e0b;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #fef08a;
     border-color: #f59e0b;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #f59e0b;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #b45309;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #f59e0b;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #fef08a;
     border-color: #f59e0b;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index d1b412ba5..d4e3f1a83 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
     border-color: #3B82F6;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
     border-color: #3B82F6;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #3B82F6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #1D4ED8;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
     border-color: #3B82F6;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
     border-color: #3B82F6;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
     border-color: #3B82F6;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #3B82F6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #1D4ED8;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #3B82F6;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
     border-color: #3B82F6;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css
index 17fa6cd1a..272290ea3 100644
--- a/public/themes/lara-light-cyan/theme.css
+++ b/public/themes/lara-light-cyan/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #a5f3fc;
     border-color: #06b6d4;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #a5f3fc;
     border-color: #06b6d4;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #06b6d4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0e7490;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #a5f3fc;
     border-color: #06b6d4;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #a5f3fc;
     border-color: #06b6d4;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #a5f3fc;
     border-color: #06b6d4;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #06b6d4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #0e7490;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #06b6d4;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #a5f3fc;
     border-color: #06b6d4;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-green/theme.css b/public/themes/lara-light-green/theme.css
index c830d7a61..50ae2469c 100644
--- a/public/themes/lara-light-green/theme.css
+++ b/public/themes/lara-light-green/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #a7f3d0;
     border-color: #10b981;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #a7f3d0;
     border-color: #10b981;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #10b981;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #047857;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #a7f3d0;
     border-color: #10b981;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #a7f3d0;
     border-color: #10b981;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #a7f3d0;
     border-color: #10b981;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #10b981;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #047857;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #10b981;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #a7f3d0;
     border-color: #10b981;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index 459490f27..838bf9ccc 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
     border-color: #6366F1;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
     border-color: #6366F1;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #6366F1;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #4338CA;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
     border-color: #6366F1;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
     border-color: #6366F1;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
     border-color: #6366F1;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #6366F1;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #4338CA;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #6366F1;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
     border-color: #6366F1;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css
index 6cf674739..1d84cda82 100644
--- a/public/themes/lara-light-pink/theme.css
+++ b/public/themes/lara-light-pink/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #fbcfe8;
     border-color: #ec4899;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #fbcfe8;
     border-color: #ec4899;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #ec4899;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #be185d;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #fbcfe8;
     border-color: #ec4899;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #fbcfe8;
     border-color: #ec4899;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #fbcfe8;
     border-color: #ec4899;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ec4899;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #be185d;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #ec4899;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #fbcfe8;
     border-color: #ec4899;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index 6ae820c37..819fd38f4 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
     border-color: #8B5CF6;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
     border-color: #8B5CF6;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #8B5CF6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #6D28D9;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
     border-color: #8B5CF6;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
     border-color: #8B5CF6;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
     border-color: #8B5CF6;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #8B5CF6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #6D28D9;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #8B5CF6;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
     border-color: #8B5CF6;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index 6bce01d2a..ad0871050 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -412,6 +412,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -466,6 +475,15 @@
     box-shadow: 0 0 0 0.2rem #99f6e4;
     border-color: #14b8a6;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -706,6 +724,15 @@
     box-shadow: 0 0 0 0.2rem #99f6e4;
     border-color: #14b8a6;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -840,6 +867,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e24c4c;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #14b8a6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f3f4f6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0f766e;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f3f4f6;
@@ -863,6 +902,15 @@
     box-shadow: 0 0 0 0.2rem #99f6e4;
     border-color: #14b8a6;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -930,6 +978,18 @@
     box-shadow: 0 0 0 0.2rem #99f6e4;
     border-color: #14b8a6;
   }
+  .p-dropdown.p-variant {
+    background: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1116,6 +1176,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1197,6 +1266,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1375,6 +1453,15 @@
     box-shadow: 0 0 0 0.2rem #99f6e4;
     border-color: #14b8a6;
   }
+  .p-multiselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1512,6 +1599,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1593,6 +1689,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e24c4c;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #14b8a6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f3f4f6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #0f766e;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f3f4f6;
@@ -1724,6 +1832,16 @@
     border-color: #14b8a6;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
@@ -1740,6 +1858,15 @@
     box-shadow: 0 0 0 0.2rem #99f6e4;
     border-color: #14b8a6;
   }
+  .p-treeselect.p-variant {
+    background: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f3f4f6;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 99740bc27..1872a5172 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-autocomplete-panel {
     background: #323232;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #FFE082;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #FFE082;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e57373;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #FFE082;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #FFCA28;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #4b4b4b;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #FFE082;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #FFE082;
   }
+  .p-dropdown.p-variant {
+    background: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e57373;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #FFE082;
   }
+  .p-multiselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e57373;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #FFE082;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #FFCA28;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #4b4b4b;
@@ -1717,6 +1825,16 @@
     border-color: #FFE082;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
+
   .p-treeselect {
     background: #191919;
     border: 1px solid #4b4b4b;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #FFE082;
   }
+  .p-treeselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 2815b1969..3b7ae6da2 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-autocomplete-panel {
     background: #323232;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #81D4FA;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #81D4FA;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e57373;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #81D4FA;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #29B6F6;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #4b4b4b;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #81D4FA;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #81D4FA;
   }
+  .p-dropdown.p-variant {
+    background: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e57373;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #81D4FA;
   }
+  .p-multiselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e57373;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #81D4FA;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #29B6F6;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #4b4b4b;
@@ -1717,6 +1825,16 @@
     border-color: #81D4FA;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
+
   .p-treeselect {
     background: #191919;
     border: 1px solid #4b4b4b;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #81D4FA;
   }
+  .p-treeselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index f4e03d678..107b3f1aa 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-autocomplete-panel {
     background: #323232;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #C5E1A5;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #C5E1A5;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e57373;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #C5E1A5;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #9CCC65;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #4b4b4b;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #C5E1A5;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #C5E1A5;
   }
+  .p-dropdown.p-variant {
+    background: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e57373;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #C5E1A5;
   }
+  .p-multiselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e57373;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #C5E1A5;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #9CCC65;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #4b4b4b;
@@ -1717,6 +1825,16 @@
     border-color: #C5E1A5;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
+
   .p-treeselect {
     background: #191919;
     border: 1px solid #4b4b4b;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #C5E1A5;
   }
+  .p-treeselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index b90594c8c..d15f62fa7 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-autocomplete-panel {
     background: #323232;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #F48FB1;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #F48FB1;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e57373;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #F48FB1;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #4b4b4b;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #EC407A;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #4b4b4b;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #F48FB1;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #F48FB1;
   }
+  .p-dropdown.p-variant {
+    background: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #4b4b4b;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e57373;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #4b4b4b;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #F48FB1;
   }
+  .p-multiselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e57373;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e57373;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #F48FB1;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #4b4b4b;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #EC407A;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #4b4b4b;
@@ -1717,6 +1825,16 @@
     border-color: #F48FB1;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #4b4b4b;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #4b4b4b;
+  }
+
   .p-treeselect {
     background: #191919;
     border: 1px solid #4b4b4b;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.1rem white;
     border-color: #F48FB1;
   }
+  .p-treeselect.p-variant {
+    background: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #4b4b4b;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #4b4b4b;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index dfbe14ebf..ef85672eb 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-autocomplete-panel {
     background: #2b2b2b;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44435;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #CE93D8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #CE93D8;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.5rem 1rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-dropdown.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 2rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.875rem 0.875rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-multiselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-multiselect .p-multiselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44435;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   .p-treeselect {
     background: #1e1e1e;
     border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-treeselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-treeselect .p-treeselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(206, 147, 216, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #CE93D8;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #1e1e1e;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #1e1e1e;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #1e1e1e;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index f4d09e6cd..b234c1302 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-autocomplete-panel {
     background: #2b2b2b;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-cascadeselect.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44435;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #9FA8DA;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #9FA8DA;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.5rem 1rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-dropdown.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 2rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.875rem 0.875rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-multiselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-multiselect .p-multiselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44435;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   .p-treeselect {
     background: #1e1e1e;
     border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-treeselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-treeselect .p-treeselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(159, 168, 218, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #9FA8DA;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #1e1e1e;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #1e1e1e;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #1e1e1e;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(159, 168, 218, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(159, 168, 218, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(159, 168, 218, 0.16);
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 9cff26284..dcb6f5c6b 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f5f5f5;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f5f5f5;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #B00020;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f5f5f5;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #673AB7;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #ececec;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #673AB7;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f5f5f5;
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f5f5f5;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.5rem 1rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-dropdown.p-variant {
+    background: #f5f5f5;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 2rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f5f5f5;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #B00020;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f5f5f5;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.875rem 0.875rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-multiselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f5f5f5;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #B00020;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f5f5f5;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #ececec;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f5f5f5;
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-treeselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(103, 58, 183, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #673AB7;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #ffffff;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #ffffff;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #ffffff;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(103, 58, 183, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(103, 58, 183, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(103, 58, 183, 0.16);
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index ad9e1014e..c54365ba0 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f5f5f5;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f5f5f5;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #B00020;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f5f5f5;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #3F51B5;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #ececec;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #3F51B5;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f5f5f5;
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f5f5f5;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.5rem 1rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-dropdown.p-variant {
+    background: #f5f5f5;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 2rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f5f5f5;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #B00020;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f5f5f5;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.875rem 0.875rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-multiselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f5f5f5;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #B00020;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f5f5f5;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #ececec;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f5f5f5;
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-treeselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 1rem 1rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(63, 81, 181, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #3F51B5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #ffffff;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #ffffff;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #ffffff;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(63, 81, 181, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(63, 81, 181, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(63, 81, 181, 0.16);
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 1270b6da0..7f39425a5 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-autocomplete-panel {
     background: #2b2b2b;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44435;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #CE93D8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #CE93D8;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-dropdown.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-multiselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-password-panel {
     padding: 0.75rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44435;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   .p-treeselect {
     background: #1e1e1e;
     border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-treeselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(206, 147, 216, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #CE93D8;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #1e1e1e;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #1e1e1e;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #1e1e1e;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index e80de4376..505d8b08d 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-autocomplete-panel {
     background: #2b2b2b;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-cascadeselect.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44435;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #9FA8DA;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #9FA8DA;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-dropdown.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-multiselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-password-panel {
     padding: 0.75rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44435;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #121212;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: rgba(255, 255, 255, 0.06);
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   .p-treeselect {
     background: #1e1e1e;
     border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #9FA8DA;
   }
+  .p-treeselect.p-variant {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(159, 168, 218, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #9FA8DA;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #1e1e1e;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #1e1e1e;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #1e1e1e;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(159, 168, 218, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(159, 168, 218, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(159, 168, 218, 0.16);
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index f6977bf05..8f3f7cd66 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f5f5f5;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f5f5f5;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #B00020;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f5f5f5;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #673AB7;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #ececec;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #673AB7;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f5f5f5;
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f5f5f5;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-dropdown.p-variant {
+    background: #f5f5f5;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f5f5f5;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #B00020;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f5f5f5;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-multiselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f5f5f5;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
 
   .p-password-panel {
     padding: 0.75rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #B00020;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f5f5f5;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #ececec;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f5f5f5;
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #673AB7;
   }
+  .p-treeselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(103, 58, 183, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #673AB7;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #ffffff;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #ffffff;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #ffffff;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(103, 58, 183, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(103, 58, 183, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(103, 58, 183, 0.16);
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 7ec13ed1f..4afbf07d1 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f5f5f5;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -471,6 +480,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f5f5f5;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #B00020;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f5f5f5;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #3F51B5;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #ececec;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #3F51B5;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f5f5f5;
@@ -868,6 +907,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f5f5f5;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-dropdown.p-variant {
+    background: #f5f5f5;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f5f5f5;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-inputswitch {
     width: 2.75rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #B00020;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f5f5f5;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1380,6 +1458,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-multiselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #B00020;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f5f5f5;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
 
   .p-password-panel {
     padding: 0.75rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #B00020;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f5f5f5;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #ececec;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffffff;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f5f5f5;
@@ -1729,6 +1837,16 @@
     border-color: 0 none;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f5f5f5;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #dcdcdc;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1745,6 +1863,15 @@
     box-shadow: none;
     border-color: #3F51B5;
   }
+  .p-treeselect.p-variant {
+    background: #f5f5f5;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -5869,6 +5996,68 @@
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-autocomplete.p-variant .p-autocomplete-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
 
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
@@ -5900,6 +6089,16 @@
     background: transparent;
   }
 
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+    font-size: 75%;
+  }
+  .p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
+    padding: 0;
+  }
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
@@ -6324,6 +6523,94 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
+    border: 0 none;
+    background-image: none;
+  }
 
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
@@ -6405,6 +6692,51 @@
     background-color: rgba(63, 81, 181, 0.16);
   }
 
+  .p-cascadeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-cascadeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant .p-cascadeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-cascadeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -6507,6 +6839,12 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
     border-color: #3F51B5;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #ffffff;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
+    background-color: #ffffff;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #ffffff;
@@ -6537,6 +6875,46 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-chips.p-variant .p-chips-multiple-container {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
@@ -6635,6 +7013,49 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-dropdown.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-dropdown.p-variant .p-inputtext {
+    border: 0 none;
+  }
+  .p-dropdown.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(63, 81, 181, 0.16);
@@ -6771,9 +7192,88 @@
     border-bottom-right-radius: 0;
   }
 
+  .p-inputmask.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputmask.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputmask.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputmask.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
@@ -6805,6 +7305,40 @@
     box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
   }
 
+  .p-inputtext.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-inputtext.p-variant:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-inputtext.p-variant:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-inputtext.p-variant.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
@@ -6895,6 +7429,50 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-multiselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-multiselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant .p-multiselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-multiselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(63, 81, 181, 0.16);
@@ -7019,6 +7597,51 @@
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
   }
+  .p-password.p-invalid.p-variant > .p-inputtext {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
+  .p-password.p-variant > .p-inputtext {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-password.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-password.p-variant > .p-inputtext:enabled:focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
+    box-shadow: none;
+    border-color: transparent;
+  }
 
   .p-panel {
     border-radius: 4px;
@@ -7372,6 +7995,50 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-treeselect.p-variant {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: 1px solid transparent;
+    background: #f5f5f5 no-repeat;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+    background-size: 0 2px, 100% 1px;
+    background-position: 50% 100%, 50% 100%;
+    background-origin: border-box;
+  }
+  .p-treeselect.p-variant .p-inputtext {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ececec;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-color: #dcdcdc;
+    border-color: transparent;
+    background-size: 100% 2px, 100% 1px;
+  }
+  .p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant .p-treeselect-label:hover {
+    background-image: none;
+    background: transparent;
+  }
+  .p-treeselect.p-variant.p-invalid {
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
+  .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+    box-shadow: none;
+    background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+  }
 
   .p-treeselect-item .p-ink {
     background-color: rgba(63, 81, 181, 0.16);
diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css
index 837f047ca..75c19e151 100644
--- a/public/themes/mira/theme.css
+++ b/public/themes/mira/theme.css
@@ -421,6 +421,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #BF616A;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #ECEFF4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #ECEFF4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -475,6 +484,15 @@
     box-shadow: 0 0 0 0.2rem #C0D0E0;
     border-color: #81A1C1;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #ECEFF4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #ECEFF4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -715,6 +733,15 @@
     box-shadow: 0 0 0 0.2rem #C0D0E0;
     border-color: #81A1C1;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #ECEFF4;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #ECEFF4;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -849,6 +876,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #BF616A;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #ECEFF4;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #5E81AC;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #ECEFF4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #81A1C1;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #ECEFF4;
@@ -872,6 +911,15 @@
     box-shadow: 0 0 0 0.2rem #C0D0E0;
     border-color: #81A1C1;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #ECEFF4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #ECEFF4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -939,6 +987,18 @@
     box-shadow: 0 0 0 0.2rem #C0D0E0;
     border-color: #81A1C1;
   }
+  .p-dropdown.p-variant {
+    background: #ECEFF4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #ECEFF4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1125,6 +1185,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #BF616A;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #ECEFF4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #ECEFF4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1206,6 +1275,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #BF616A;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #ECEFF4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #ECEFF4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1384,6 +1462,15 @@
     box-shadow: 0 0 0 0.2rem #C0D0E0;
     border-color: #81A1C1;
   }
+  .p-multiselect.p-variant {
+    background: #ECEFF4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #ECEFF4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1521,6 +1608,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #BF616A;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #ECEFF4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #ECEFF4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1602,6 +1698,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #BF616A;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #ECEFF4;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #5E81AC;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #ECEFF4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #81A1C1;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #ECEFF4;
@@ -1733,6 +1841,16 @@
     border-color: #5E81AC;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #ECEFF4;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #ECEFF4;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #D8DEE9;
@@ -1749,6 +1867,15 @@
     box-shadow: 0 0 0 0.2rem #C0D0E0;
     border-color: #81A1C1;
   }
+  .p-treeselect.p-variant {
+    background: #ECEFF4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #ECEFF4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css
index e22a2025c..84e16806a 100644
--- a/public/themes/nano/theme.css
+++ b/public/themes/nano/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #d8222f;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f2f4f8;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f2f4f8;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #90c9f5;
     border-color: #1174c0;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f2f4f8;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f2f4f8;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.25rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #90c9f5;
     border-color: #1174c0;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f2f4f8;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f2f4f8;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #d8222f;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f2f4f8;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #1174c0;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f2f4f8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0e5d9a;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f2f4f8;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 0.2rem #90c9f5;
     border-color: #1174c0;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f2f4f8;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f2f4f8;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.125rem 0.25rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 0.2rem #90c9f5;
     border-color: #1174c0;
   }
+  .p-dropdown.p-variant {
+    background: #f2f4f8;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f2f4f8;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.25rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #d8222f;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f2f4f8;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f2f4f8;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 2rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #d8222f;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f2f4f8;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f2f4f8;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.21875rem 0.21875rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 0.2rem #90c9f5;
     border-color: #1174c0;
   }
+  .p-multiselect.p-variant {
+    background: #f2f4f8;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f2f4f8;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.25rem 0.25rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #d8222f;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f2f4f8;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f2f4f8;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 0.5rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #d8222f;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f2f4f8;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #1174c0;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f2f4f8;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #0e5d9a;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f2f4f8;
@@ -1705,6 +1813,16 @@
     border-color: #1174c0;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f2f4f8;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f2f4f8;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #a5acb3;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 0.2rem #90c9f5;
     border-color: #1174c0;
   }
+  .p-treeselect.p-variant {
+    background: #f2f4f8;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f2f4f8;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.25rem 0.25rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 566e4803f..e1baf7598 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #a80000;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #007ad9;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #005b9f;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f4f4f4;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-dropdown.p-variant {
+    background: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #a80000;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-multiselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #a80000;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #007ad9;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #005b9f;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f4f4f4;
@@ -1705,6 +1813,16 @@
     border-color: #007ad9;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #a6a6a6;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-treeselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index dc8ae4218..e08d65323 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #a80000;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #007ad9;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #005b9f;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f4f4f4;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-dropdown.p-variant {
+    background: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #a80000;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-multiselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #a80000;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #007ad9;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #005b9f;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f4f4f4;
@@ -1717,6 +1825,16 @@
     border-color: #007ad9;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #a6a6a6;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-treeselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 3bd751c2c..ca784a3b2 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #c2e9d8;
     border-color: #41b883;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #c2e9d8;
     border-color: #41b883;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #a80000;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #41b883;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #246749;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f4f4f4;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.2rem #c2e9d8;
     border-color: #41b883;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.2rem #c2e9d8;
     border-color: #41b883;
   }
+  .p-dropdown.p-variant {
+    background: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #a80000;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.2rem #c2e9d8;
     border-color: #41b883;
   }
+  .p-multiselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #a80000;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #41b883;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #246749;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f4f4f4;
@@ -1717,6 +1825,16 @@
     border-color: #41b883;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #a6a6a6;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.2rem #c2e9d8;
     border-color: #41b883;
   }
+  .p-treeselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 850daede7..75e0f428c 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #a80000;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #007ad9;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #005b9f;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f4f4f4;
@@ -848,6 +887,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -915,6 +963,18 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-dropdown.p-variant {
+    background: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1101,6 +1161,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1182,6 +1251,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #a80000;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1360,6 +1438,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-multiselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1497,6 +1584,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #a80000;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1578,6 +1674,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #a80000;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #007ad9;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #005b9f;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f4f4f4;
@@ -1717,6 +1825,16 @@
     border-color: #007ad9;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #a6a6a6;
@@ -1733,6 +1851,15 @@
     box-shadow: 0 0 0 0.2rem #8dcdff;
     border-color: #007ad9;
   }
+  .p-treeselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index ea5e52622..8464776a1 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e7a3a3;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #e4e9ec;
     border-color: #7B95A3;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-datepicker {
     padding: 0.857rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #e4e9ec;
     border-color: #7B95A3;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #e7a3a3;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #7B95A3;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f4f4f4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #617c8a;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f4f4f4;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 0.2rem #e4e9ec;
     border-color: #7B95A3;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.2145rem 0.429rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 0.2rem #e4e9ec;
     border-color: #7B95A3;
   }
+  .p-dropdown.p-variant {
+    background: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.429rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #e7a3a3;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #f4f4f4;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #e7a3a3;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #f4f4f4;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.375375rem 0.375375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 0.2rem #e4e9ec;
     border-color: #7B95A3;
   }
+  .p-multiselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #e7a3a3;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
 
   .p-password-panel {
     padding: 0.571rem 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #e7a3a3;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #7B95A3;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f4f4f4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #617c8a;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f4f4f4;
@@ -1705,6 +1813,16 @@
     border-color: #7B95A3;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f4f4f4;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #f4f4f4;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #dadada;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 0.2rem #e4e9ec;
     border-color: #7B95A3;
   }
+  .p-treeselect.p-variant {
+    background: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f4f4f4;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f4f4f4;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.429rem 0.429rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 1959d0698..0ffbcc260 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #a6d5fa;
     border-color: #2196F3;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #a6d5fa;
     border-color: #2196F3;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44336;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #2196F3;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #0b7ad1;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8f9fa;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 0.2rem #a6d5fa;
     border-color: #2196F3;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 0.2rem #a6d5fa;
     border-color: #2196F3;
   }
+  .p-dropdown.p-variant {
+    background: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44336;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 0.2rem #a6d5fa;
     border-color: #2196F3;
   }
+  .p-multiselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44336;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #2196F3;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #0b7ad1;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8f9fa;
@@ -1705,6 +1813,16 @@
     border-color: #2196F3;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #ced4da;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 0.2rem #a6d5fa;
     border-color: #2196F3;
   }
+  .p-treeselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 21ad9b513..fe91eec7a 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #b7e0b8;
     border-color: #4CAF50;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #b7e0b8;
     border-color: #4CAF50;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44336;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #4CAF50;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #3d8c40;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8f9fa;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 0.2rem #b7e0b8;
     border-color: #4CAF50;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 0.2rem #b7e0b8;
     border-color: #4CAF50;
   }
+  .p-dropdown.p-variant {
+    background: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44336;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 0.2rem #b7e0b8;
     border-color: #4CAF50;
   }
+  .p-multiselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44336;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #4CAF50;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #3d8c40;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8f9fa;
@@ -1705,6 +1813,16 @@
     border-color: #4CAF50;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #ced4da;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 0.2rem #b7e0b8;
     border-color: #4CAF50;
   }
+  .p-treeselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 228ba1d96..885fb1143 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #ffe69c;
     border-color: #FFC107;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #ffe69c;
     border-color: #FFC107;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44336;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #FFC107;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #d29d00;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8f9fa;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 0.2rem #ffe69c;
     border-color: #FFC107;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 0.2rem #ffe69c;
     border-color: #FFC107;
   }
+  .p-dropdown.p-variant {
+    background: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44336;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 0.2rem #ffe69c;
     border-color: #FFC107;
   }
+  .p-multiselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44336;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #FFC107;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #d29d00;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8f9fa;
@@ -1705,6 +1813,16 @@
     border-color: #FFC107;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #ced4da;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 0.2rem #ffe69c;
     border-color: #FFC107;
   }
+  .p-treeselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 0034f0267..33cd4cc4e 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 0.2rem #df9eea;
     border-color: #9C27B0;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 0.2rem #df9eea;
     border-color: #9C27B0;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44336;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #9C27B0;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f8f9fa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #7d1f8d;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f8f9fa;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 0.2rem #df9eea;
     border-color: #9C27B0;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 0.2rem #df9eea;
     border-color: #9C27B0;
   }
+  .p-dropdown.p-variant {
+    background: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f44336;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 0.2rem #df9eea;
     border-color: #9C27B0;
   }
+  .p-multiselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44336;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f44336;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #9C27B0;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f8f9fa;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #7d1f8d;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f8f9fa;
@@ -1705,6 +1813,16 @@
     border-color: #9C27B0;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f8f9fa;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #ced4da;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 0.2rem #df9eea;
     border-color: #9C27B0;
   }
+  .p-treeselect.p-variant {
+    background: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f8f9fa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css
index 7460c2093..5fc766c36 100644
--- a/public/themes/soho-dark/theme.css
+++ b/public/themes/soho-dark/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ff9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #3e4053;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #3e4053;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #3e4053;
+  }
 
   .p-autocomplete-panel {
     background: #282936;
@@ -471,6 +480,15 @@
     box-shadow: 0 0 0 1px #e0d8fc;
     border-color: #b19df7;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #3e4053;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #3e4053;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #3e4053;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: 0 0 0 1px #e0d8fc;
     border-color: #b19df7;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #3e4053;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #3e4053;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #3e4053;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ff9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #3e4053;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #b19df7;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #3e4053;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #9378f4;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #3e4053;
@@ -868,6 +907,15 @@
     box-shadow: 0 0 0 1px #e0d8fc;
     border-color: #b19df7;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #3e4053;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #3e4053;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #3e4053;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: 0 0 0 1px #e0d8fc;
     border-color: #b19df7;
   }
+  .p-dropdown.p-variant {
+    background: #3e4053;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #3e4053;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #3e4053;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ff9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #3e4053;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #3e4053;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #3e4053;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ff9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #3e4053;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #3e4053;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #3e4053;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1380,6 +1458,15 @@
     box-shadow: 0 0 0 1px #e0d8fc;
     border-color: #b19df7;
   }
+  .p-multiselect.p-variant {
+    background: #3e4053;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #3e4053;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #3e4053;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ff9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #3e4053;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #3e4053;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #3e4053;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ff9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #3e4053;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #b19df7;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #3e4053;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #9378f4;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #3e4053;
@@ -1729,6 +1837,16 @@
     border-color: #b19df7;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #3e4053;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #3e4053;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #3e4053;
+  }
+
   .p-treeselect {
     background: #1d1e27;
     border: 1px solid #3e4053;
@@ -1745,6 +1863,15 @@
     box-shadow: 0 0 0 1px #e0d8fc;
     border-color: #b19df7;
   }
+  .p-treeselect.p-variant {
+    background: #3e4053;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #3e4053;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #3e4053;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css
index 7bba2701a..a1f7019c0 100644
--- a/public/themes/soho-light/theme.css
+++ b/public/themes/soho-light/theme.css
@@ -417,6 +417,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ff6767;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f6f9fc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f6f9fc;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -471,6 +480,15 @@
     box-shadow: 0 0 0 1px #c7bbfa;
     border-color: #7254f3;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f6f9fc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f6f9fc;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -711,6 +729,15 @@
     box-shadow: 0 0 0 1px #c7bbfa;
     border-color: #7254f3;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f6f9fc;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f6f9fc;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -845,6 +872,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ff6767;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f6f9fc;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #7254f3;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f6f9fc;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #5935f1;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f6f9fc;
@@ -868,6 +907,15 @@
     box-shadow: 0 0 0 1px #c7bbfa;
     border-color: #7254f3;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f6f9fc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f6f9fc;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -935,6 +983,18 @@
     box-shadow: 0 0 0 1px #c7bbfa;
     border-color: #7254f3;
   }
+  .p-dropdown.p-variant {
+    background: #f6f9fc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f6f9fc;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1121,6 +1181,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ff6767;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f6f9fc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f6f9fc;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1202,6 +1271,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ff6767;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f6f9fc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f6f9fc;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1380,6 +1458,15 @@
     box-shadow: 0 0 0 1px #c7bbfa;
     border-color: #7254f3;
   }
+  .p-multiselect.p-variant {
+    background: #f6f9fc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f6f9fc;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1517,6 +1604,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ff6767;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f6f9fc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f6f9fc;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1598,6 +1694,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ff6767;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f6f9fc;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #7254f3;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f6f9fc;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #5935f1;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f6f9fc;
@@ -1729,6 +1837,16 @@
     border-color: #7254f3;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f6f9fc;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f6f9fc;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d3dbe3;
@@ -1745,6 +1863,15 @@
     box-shadow: 0 0 0 1px #c7bbfa;
     border-color: #7254f3;
   }
+  .p-treeselect.p-variant {
+    background: #f6f9fc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f6f9fc;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 891f18738..4ad4dbc32 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -428,6 +428,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f0a9a7;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #fafafa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #fafafa;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -482,6 +491,15 @@
     box-shadow: 0 0 0 1px #6366F1;
     border-color: #4F46E5;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #fafafa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #fafafa;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -722,6 +740,15 @@
     box-shadow: 0 0 0 1px #6366F1;
     border-color: #4F46E5;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #fafafa;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #fafafa;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -856,6 +883,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f0a9a7;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #fafafa;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #4F46E5;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #fafafa;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #4F46E5;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #fafafa;
@@ -879,6 +918,15 @@
     box-shadow: 0 0 0 1px #6366F1;
     border-color: #4F46E5;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #fafafa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #fafafa;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     outline-color: transparent;
@@ -946,6 +994,18 @@
     box-shadow: 0 0 0 1px #6366F1;
     border-color: #4F46E5;
   }
+  .p-dropdown.p-variant {
+    background: #fafafa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #fafafa;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1132,6 +1192,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f0a9a7;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #fafafa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #fafafa;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #ffffff;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1213,6 +1282,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f0a9a7;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #fafafa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #fafafa;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #ffffff;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1391,6 +1469,15 @@
     box-shadow: 0 0 0 1px #6366F1;
     border-color: #4F46E5;
   }
+  .p-multiselect.p-variant {
+    background: #fafafa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #fafafa;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
     transition: none;
@@ -1528,6 +1615,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f0a9a7;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #fafafa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #fafafa;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
 
   .p-password-panel {
     padding: 1.25rem;
@@ -1609,6 +1705,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f0a9a7;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #fafafa;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #4F46E5;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #fafafa;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #4F46E5;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #fafafa;
@@ -1740,6 +1848,16 @@
     border-color: #4F46E5;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #fafafa;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #fafafa;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #ffffff;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d4d4d8;
@@ -1756,6 +1874,15 @@
     box-shadow: 0 0 0 1px #6366F1;
     border-color: #4F46E5;
   }
+  .p-treeselect.p-variant {
+    background: #fafafa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #fafafa;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #ffffff;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: none;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 0d508b3e6..196092275 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-autocomplete-panel {
     background: #1f2d40;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #304562;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #64B5F6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #2396f2;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #304562;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #304562;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-dropdown.p-variant {
+    background: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #304562;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-multiselect.p-variant {
+    background: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #64B5F6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #2396f2;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #304562;
@@ -1705,6 +1813,16 @@
     border-color: #64B5F6;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #304562;
+  }
+
   .p-treeselect {
     background: #17212f;
     border: 1px solid #304562;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #93cbf9;
     border-color: #64B5F6;
   }
+  .p-treeselect.p-variant {
+    background: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 5dd8789d5..cea34aadc 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-autocomplete-panel {
     background: #1f2d40;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #304562;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #81C784;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #54b358;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #304562;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #304562;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-dropdown.p-variant {
+    background: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #304562;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-multiselect.p-variant {
+    background: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #81C784;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #54b358;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #304562;
@@ -1705,6 +1813,16 @@
     border-color: #81C784;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #304562;
+  }
+
   .p-treeselect {
     background: #17212f;
     border: 1px solid #304562;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #a7d8a9;
     border-color: #81C784;
   }
+  .p-treeselect.p-variant {
+    background: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index ae25e51bf..beee0ca4d 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-autocomplete-panel {
     background: #1f2d40;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #304562;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #FFD54F;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #ffc50c;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #304562;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #304562;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-dropdown.p-variant {
+    background: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #304562;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-multiselect.p-variant {
+    background: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #FFD54F;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #ffc50c;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #304562;
@@ -1705,6 +1813,16 @@
     border-color: #FFD54F;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #304562;
+  }
+
   .p-treeselect {
     background: #17212f;
     border: 1px solid #304562;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #ffe284;
     border-color: #FFD54F;
   }
+  .p-treeselect.p-variant {
+    background: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 0c7a927c8..510f69856 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -393,6 +393,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-autocomplete-panel {
     background: #1f2d40;
@@ -447,6 +456,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #304562;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -687,6 +705,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #304562;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -821,6 +848,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #ef9a9a;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #BA68C8;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #a241b2;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #304562;
@@ -844,6 +883,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #304562;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #304562;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.5rem;
     outline-color: transparent;
@@ -911,6 +959,18 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-dropdown.p-variant {
+    background: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.5rem;
   }
@@ -1097,6 +1157,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1178,6 +1247,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #304562;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1356,6 +1434,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-multiselect.p-variant {
+    background: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1493,6 +1580,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #ef9a9a;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1574,6 +1670,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #ef9a9a;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #BA68C8;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #a241b2;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #304562;
@@ -1705,6 +1813,16 @@
     border-color: #BA68C8;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #304562;
+  }
+
   .p-treeselect {
     background: #17212f;
     border: 1px solid #304562;
@@ -1721,6 +1839,15 @@
     box-shadow: 0 0 0 1px #cf95d9;
     border-color: #BA68C8;
   }
+  .p-treeselect.p-variant {
+    background: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.5rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css
index cdb92cbfa..b3a878b7e 100644
--- a/public/themes/viva-dark/theme.css
+++ b/public/themes/viva-dark/theme.css
@@ -425,6 +425,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f78c79;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #263238;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #263238;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #263238;
+  }
 
   .p-autocomplete-panel {
     background: #161d21;
@@ -479,6 +488,15 @@
     box-shadow: 0 0 0 1px #9eade6;
     border-color: #9eade6;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #263238;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #263238;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #263238;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -719,6 +737,15 @@
     box-shadow: 0 0 0 1px #9eade6;
     border-color: #9eade6;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #263238;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #263238;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #263238;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -853,6 +880,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f78c79;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #263238;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #9eade6;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #263238;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #7f93de;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #263238;
@@ -876,6 +915,15 @@
     box-shadow: 0 0 0 1px #9eade6;
     border-color: #9eade6;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #263238;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #263238;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #263238;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -943,6 +991,18 @@
     box-shadow: 0 0 0 1px #9eade6;
     border-color: #9eade6;
   }
+  .p-dropdown.p-variant {
+    background: #263238;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #263238;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #263238;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1129,6 +1189,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f78c79;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #263238;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #263238;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #263238;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1210,6 +1279,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f78c79;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #263238;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #263238;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #263238;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1388,6 +1466,15 @@
     box-shadow: 0 0 0 1px #9eade6;
     border-color: #9eade6;
   }
+  .p-multiselect.p-variant {
+    background: #263238;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #263238;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #263238;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
@@ -1525,6 +1612,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f78c79;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #263238;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #263238;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #263238;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1606,6 +1702,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f78c79;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #263238;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #9eade6;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #263238;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #7f93de;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #263238;
@@ -1737,6 +1845,16 @@
     border-color: #9eade6;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #263238;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #263238;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #263238;
+  }
+
   .p-treeselect {
     background: #0e1315;
     border: 2px solid #263238;
@@ -1753,6 +1871,15 @@
     box-shadow: 0 0 0 1px #9eade6;
     border-color: #9eade6;
   }
+  .p-treeselect.p-variant {
+    background: #263238;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #263238;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #263238;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css
index 8d9ae30fc..f7256d5e0 100644
--- a/public/themes/viva-light/theme.css
+++ b/public/themes/viva-light/theme.css
@@ -425,6 +425,15 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f88c79;
   }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input {
+    background-color: #f2f2f2;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
+    background-color: #f2f2f2;
+  }
 
   .p-autocomplete-panel {
     background: #ffffff;
@@ -479,6 +488,15 @@
     box-shadow: 0 0 0 0.1rem #bbc7ee;
     border-color: #91a4e3;
   }
+  .p-calendar.p-variant > .p-inputtext {
+    background-color: #f2f2f2;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-calendar.p-variant > .p-inputtext:enabled:focus {
+    background-color: #f2f2f2;
+  }
 
   .p-datepicker {
     padding: 0.5rem;
@@ -719,6 +737,15 @@
     box-shadow: 0 0 0 0.1rem #bbc7ee;
     border-color: #91a4e3;
   }
+  .p-cascadeselect.p-variant {
+    background-color: #f2f2f2;
+  }
+  .p-cascadeselect.p-variant:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-cascadeselect.p-variant:enabled:focus {
+    background-color: #f2f2f2;
+  }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
     border: 0 none;
@@ -853,6 +880,18 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f88c79;
   }
+  .p-checkbox.p-variant .p-checkbox-box {
+    background-color: #f2f2f2;
+  }
+  .p-checkbox.p-variant.p-highlight .p-checkbox-box {
+    background: #5472d4;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+    background-color: #f2f2f2;
+  }
+  .p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+    background: #3c5ece;
+  }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #f2f2f2;
@@ -876,6 +915,15 @@
     box-shadow: 0 0 0 0.1rem #bbc7ee;
     border-color: #91a4e3;
   }
+  .p-chips.p-variant > .p-chips-multiple-container {
+    background-color: #f2f2f2;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
+    background-color: #f2f2f2;
+  }
   .p-chips .p-chips-multiple-container {
     padding: 0.25rem 0.75rem;
     outline-color: transparent;
@@ -943,6 +991,18 @@
     box-shadow: 0 0 0 0.1rem #bbc7ee;
     border-color: #91a4e3;
   }
+  .p-dropdown.p-variant {
+    background: #f2f2f2;
+  }
+  .p-dropdown.p-variant:not(.p-disabled):hover {
+    background-color: #f2f2f2;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus {
+    background-color: #f2f2f2;
+  }
+  .p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
   }
@@ -1129,6 +1189,15 @@
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f88c79;
   }
+  .p-inputnumber.p-variant > .p-inputnumber-input {
+    background-color: #f2f2f2;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
+    background-color: #f2f2f2;
+  }
 
   .p-inputswitch {
     width: 3rem;
@@ -1210,6 +1279,15 @@
   .p-inputtext.p-invalid.p-component {
     border-color: #f88c79;
   }
+  .p-inputtext.p-variant.p-component {
+    background-color: #f2f2f2;
+  }
+  .p-inputtext.p-variant.p-component:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-inputtext.p-variant.p-component:enabled:focus {
+    background-color: #f2f2f2;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1388,6 +1466,15 @@
     box-shadow: 0 0 0 0.1rem #bbc7ee;
     border-color: #91a4e3;
   }
+  .p-multiselect.p-variant {
+    background: #f2f2f2;
+  }
+  .p-multiselect.p-variant:not(.p-disabled):hover {
+    background-color: #f2f2f2;
+  }
+  .p-multiselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f2f2f2;
+  }
   .p-multiselect .p-multiselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
@@ -1525,6 +1612,15 @@
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f88c79;
   }
+  .p-password.p-variant > .p-inputtext {
+    background: #f2f2f2;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
+    background-color: #f2f2f2;
+  }
+  .p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
+    background-color: #f2f2f2;
+  }
 
   .p-password-panel {
     padding: 1rem;
@@ -1606,6 +1702,18 @@
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #f88c79;
   }
+  .p-radiobutton.p-variant .p-radiobutton-box {
+    background-color: #f2f2f2;
+  }
+  .p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
+    background: #5472d4;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+    background-color: #f2f2f2;
+  }
+  .p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+    background: #3c5ece;
+  }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #f2f2f2;
@@ -1737,6 +1845,16 @@
     border-color: #5472d4;
   }
 
+  .p-inputtextarea.p-variant {
+    background-color: #f2f2f2;
+  }
+  .p-inputtextarea.p-variant:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-inputtextarea.p-variant:enabled:focus {
+    background-color: #f2f2f2;
+  }
+
   .p-treeselect {
     background: #ffffff;
     border: 2px solid #e1e1e1;
@@ -1753,6 +1871,15 @@
     box-shadow: 0 0 0 0.1rem #bbc7ee;
     border-color: #91a4e3;
   }
+  .p-treeselect.p-variant {
+    background: #f2f2f2;
+  }
+  .p-treeselect.p-variant:not(.p-disabled):hover {
+    background-color: #f2f2f2;
+  }
+  .p-treeselect.p-variant:not(.p-disabled).p-focus {
+    background-color: #f2f2f2;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.5rem 0.75rem;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;