diff --git a/app.vue b/app.vue
index 720b16f9dd..d1525c4c72 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,5 @@
 <template>
-    <NuxtLayout :name="layout">
+    <NuxtLayout>
         <NuxtPage />
     </NuxtLayout>
 </template>
@@ -12,23 +12,6 @@ export default {
     themeChangeListener: null,
     newsActivate: null,
     newsService: null,
-    data() {
-        return {
-            layout: 'custom'
-        };
-    },
-    watch: {
-        $route: {
-            immediate: true,
-            handler(to) {
-                if (to.name === 'index') {
-                    this.layout = 'custom';
-                } else {
-                    this.layout = 'default';
-                }
-            }
-        }
-    },
     mounted() {
         this.newsActivate = () => {
             this.$appState.announcement = News;
diff --git a/assets/styles/layout/_code.scss b/assets/styles/layout/_code.scss
index 15278ca49b..b191fc868d 100644
--- a/assets/styles/layout/_code.scss
+++ b/assets/styles/layout/_code.scss
@@ -1,411 +1,177 @@
 code[class*="language-"],
 pre[class*="language-"] {
-    color: black;
     background: none;
     font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,Liberation Mono,monospace;
-    font-size: 1em;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
     word-break: normal;
     word-wrap: normal;
     line-height: 1.5;
-
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;
-
     -webkit-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
 }
 
- /* Code blocks */
-pre[class*="language-"] {
-    position: relative;
-    margin: .5em 0;
-    overflow: visible;
-    padding: 0;
-}
-
-pre[class*="language-"] > code {
-    position: relative;
-    border-left: 10px solid #358ccb;
-    box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
-    background-color: #fdfdfd;
-    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
-    background-size: 3em 3em;
-    background-origin: content-box;
-    background-attachment: local;
+div.code-toolbar > .toolbar {
+    display: none;
 }
 
-code[class*="language-"] {
-    max-height: inherit;
-    height: inherit;
-    padding: 0 1em;
-    display: block;
-    overflow: auto;
-}
 
-/* Margin bottom to accommodate shadow */
-:not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-    background-color: #fdfdfd;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    margin-bottom: 1em;
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
     position: relative;
-    padding: .2em;
-    border-radius: 0.3em;
-    color: #c92c2c;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    display: inline;
-    white-space: normal;
-}
-
-pre[class*="language-"]:before,
-pre[class*="language-"]:after {
-    content: '';
-    display: block;
-    position: absolute;
-    bottom: 0.75em;
-    left: 0.18em;
-    width: 40%;
-    height: 20%;
-    max-height: 13em;
-    box-shadow: 0px 13px 8px #979797;
-    -webkit-transform: rotate(-2deg);
-    -moz-transform: rotate(-2deg);
-    -ms-transform: rotate(-2deg);
-    -o-transform: rotate(-2deg);
-    transform: rotate(-2deg);
-}
-
-pre[class*="language-"]:after {
-    right: 0.75em;
-    left: auto;
-    -webkit-transform: rotate(2deg);
-    -moz-transform: rotate(2deg);
-    -ms-transform: rotate(2deg);
-    -o-transform: rotate(2deg);
-    transform: rotate(2deg);
-}
-
-.token.comment,
-.token.block-comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-    color: #7D8B99;
-}
-
-.token.punctuation {
-    color: #5F6364;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.function-name,
-.token.constant,
-.token.symbol,
-.token.deleted {
-    color: #c92c2c;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.function,
-.token.builtin,
-.token.inserted {
-    color: #2f9c0a;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.token.variable {
-    color: #a67f59;
-    background: rgba(255, 255, 255, 0.5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword,
-.token.class-name {
-    color: #1990b8;
-}
-
-.token.regex,
-.token.important {
-    color: #e90;
-}
-
-.language-css .token.string,
-.style .token.string {
-    color: #a67f59;
-    background: rgba(255, 255, 255, 0.5);
-}
-
-.token.important {
-    font-weight: normal;
-}
-
-.token.bold {
-    font-weight: bold;
-}
-.token.italic {
-    font-style: italic;
-}
-
-.token.entity {
-    cursor: help;
-}
-
-.token.namespace {
-    opacity: .7;
-}
+    background: transparent;
+    margin: 0;
+    overflow: visible;
+    padding: 0;
 
-@media screen and (max-width: 767px) {
-    pre[class*="language-"]:before,
-    pre[class*="language-"]:after {
-        bottom: 14px;
-        box-shadow: none;
+    &:before, &:after {
+        display: none !important;
     }
 
-}
-
-/* Plugin styles: Line Numbers */
-pre[class*="language-"].line-numbers.line-numbers {
-    padding-left: 0;
-}
+    code {
+        border-left: 1rem solid transparent;
+        box-shadow: none;
+        margin: 0;
+        font-size: 14px;
+        border-radius: 10px;
+        color: #ffffff;
+        max-height: inherit;
+        height: inherit;
+        padding: 0 1rem;
+        display: block;
+        overflow: auto;
+        
+        .token.comment,
+        .token.block-comment,
+        .token.prolog,
+        .token.doctype,
+        .token.cdata {
+            color: #bbf7d0;
+        }
 
-pre[class*="language-"].line-numbers.line-numbers code {
-    padding-left: 3.8em;
-}
+        .token.punctuation {
+            color: #bfdbfe;
+        }
 
-pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
-    left: 0;
-}
+        .token.property,
+        .token.tag,
+        .token.boolean,
+        .token.number,
+        .token.function-name,
+        .token.constant,
+        .token.symbol,
+        .token.deleted {
+            color: #93c5fd;
+        }
 
-/* Plugin styles: Line Highlight */
-pre[class*="language-"][data-line] {
-    padding-top: 0;
-    padding-bottom: 0;
-    padding-left: 0;
-}
-pre[data-line] code {
-    position: relative;
-    padding-left: 4em;
-}
-pre .line-highlight {
-    margin-top: 0;
-}
+        .token.selector,
+        .token.attr-name,
+        .token.string,
+        .token.char,
+        .token.function,
+        .token.builtin,
+        .token.inserted {
+            color: #eff6ff;
+        }
 
-div.code-toolbar {
-    position: relative;
-}
+        .token.operator,
+        .token.entity,
+        .token.url,
+        .token.variable {
+            color: #ffffff;
+        }
 
-div.code-toolbar > .toolbar {
-    position: absolute;
-    z-index: 10;
-    top: .3em;
-    right: .2em;
-    transition: opacity 0.3s ease-in-out;
-    opacity: 0;
-}
+        .token.atrule,
+        .token.attr-value,
+        .token.keyword,
+        .token.class-name {
+            color: #bbf7d0;
+        }
 
-div.code-toolbar:hover > .toolbar {
-    opacity: 1;
-}
+        .token.regex,
+        .token.important {
+            color: #fde68a;
+        }
 
-/* Separate line b/c rules are thrown out if selector is invalid.
-IE11 and old Edge versions don't support :focus-within. */
-div.code-toolbar:focus-within > .toolbar {
-    opacity: 1;
-}
+        .language-css .token.string,
+        .style .token.string {
+            color: #fde68a;
+        }
 
-div.code-toolbar > .toolbar > .toolbar-item {
-    display: inline-block;
-}
+        .token.important {
+            font-weight: normal;
+        }
 
-div.code-toolbar > .toolbar > .toolbar-item > a {
-    cursor: pointer;
-}
+        .token.bold {
+            font-weight: bold;
+        }
+        .token.italic {
+            font-style: italic;
+        }
 
-div.code-toolbar > .toolbar > .toolbar-item > button {
-    background: none;
-    border: 0;
-    color: inherit;
-    font: inherit;
-    line-height: normal;
-    overflow: visible;
-    padding: 0;
-    -webkit-user-select: none; /* for button */
-    -moz-user-select: none;
-    -ms-user-select: none;
-}
+        .token.entity {
+            cursor: help;
+        }
 
-div.code-toolbar > .toolbar > .toolbar-item > a,
-div.code-toolbar > .toolbar > .toolbar-item > button,
-div.code-toolbar > .toolbar > .toolbar-item > span {
-    color: #bbb;
-    font-size: .8em;
-    padding: 0 .5em;
-    background: #f5f2f0;
-    background: rgba(224, 224, 224, 0.2);
-    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
-    border-radius: .5em;
+        .token.namespace {
+            opacity: .7;
+        }
+    }
 }
 
-div.code-toolbar > .toolbar > .toolbar-item > a:hover,
-div.code-toolbar > .toolbar > .toolbar-item > a:focus,
-div.code-toolbar > .toolbar > .toolbar-item > button:hover,
-div.code-toolbar > .toolbar > .toolbar-item > button:focus,
-div.code-toolbar > .toolbar > .toolbar-item > span:hover,
-div.code-toolbar > .toolbar > .toolbar-item > span:focus {
-    color: inherit;
-    text-decoration: none;
+.copy-to-clipboard-button {
+    display: none;
 }
 
-.layout-wrapper-dark {
-    pre[class*="language-"] {
-        code {
-            color: var(--text-color) !important;
-
-            .token {
-                &.tag {
-                    color: rgb(141,219,140) !important;
-                }
-                &.keyword {
-                    color: rgb(244,112,103) !important;
-                }
-    
-                &.property {
-                    color: rgb(150,208,255) !important;
-                }
-    
-                &.attr-name,
-                &.attr-string {
-                    color: rgb(108,182,255) !important;
-                }
-    
-                &.string {
-                    color: var(--text-color) !important;
-                }
-    
-                &.attr-value {
-                    color: var(--text-color) !important;
-    
-                    .punctuation {
-                        color: rgb(108,182,255) !important;
-                    }
-                }
-    
-                &.punctuation {
-                    color: var(--text-color) !important;
-                }
-    
-                &.operator,
-                &.string {
-                    background: transparent;
-                }
-    
-                &.function {
-                    color: rgb(220,189,251) !important;
-                }
-    
-                &.operator {
-                    color: rgb(150,208,255) !important;
-                }
+.layout-dark {
+    .doc-section-code-buttons {
+        button {
+            outline: 0 none;
+            outline-offset: 0;
+            background-color: transparent;
+            transition: background-color .2s, box-shadow .2s;
+            border: 0 none;
+            color: var(--surface-400);
+            cursor: pointer;
+
+            &:hover {
+                background-color: rgba(255,255,255,.1);
+                color: var(--surface-500);
             }
         }
     }
-}
-
-.layout-wrapper-light {
-    pre[class*="language-"] {
+    pre[class*="language-"] {    
         code {
-            color: rgb(10,48,105) !important;
-
-            .token {
-                &.tag {
-                    color: rgb(17,99,41) !important;
-                }
-                &.keyword {
-                    color: rgb(207,34,46) !important;
-                }
-    
-                &.property {
-                    color: rgb(5,80,174) !important;
-                }
-    
-                &.attr-name,
-                &.attr-string {
-                    color: rgb(5,80,174) !important;
-                }
-    
-                &.string {
-                    color: rgb(10,48,105) !important;
-                }
-    
-                &.attr-value {
-                    color: rgb(10,48,105) !important;
-    
-                    .punctuation {
-                        color: rgb(10,48,105) !important;
-                    }
-                }
-    
-                &.punctuation {
-                    color: rgb(5,80,174) !important;
-                }
-    
-                &.operator,
-                &.string {
-                    background: transparent;
-                }
-    
-                &.function {
-                    color: rgb(130,80,223) !important;
-                }
-    
-                &.operator {
-                    color: rgb(5,80,174) !important;
-                }
-            }
+            background: var(--surface-card) !important;
         }
     }
 }
 
-pre[class*="language-"] {
-    position: relative;
-    background: transparent !important;
-
-    &:before, &:after {
-        display: none !important;
-    }
-
-    code {
-        border-left: 1rem solid transparent !important;
-        box-shadow: none !important;
-        background: var(--surface-card) !important;
-        margin: 0;
-        color: var(--surface-900);
-        font-size: 14px;
-        border-radius: 10px;
+.layout-light {
+    .doc-section-code-buttons {
+        button {
+            outline: 0 none;
+            outline-offset: 0;
+            background-color: transparent;
+            transition: background-color .2s, box-shadow .2s;
+            border: 0 none;
+            color: var(--surface-400);
+            cursor: pointer;
+
+            &:hover {
+                background-color: rgba(255,255,255,.1);
+                color: var(--surface-300);
+            }
+        }
     }
+    pre[class*="language-"] {    
+        code {
+            background: var(--surface-700) !important;
+        }
     }
-
-.copy-to-clipboard-button {
-    display: none;
 }
\ No newline at end of file
diff --git a/assets/styles/layout/_content.scss b/assets/styles/layout/_content.scss
index 7a5202c0db..b9858eeffe 100644
--- a/assets/styles/layout/_content.scss
+++ b/assets/styles/layout/_content.scss
@@ -1,12 +1,29 @@
 .layout-content {
-    margin-left: 250px;
-    padding-top: 5rem;
+    padding: 6rem 4rem 0 4rem;
+    display: flex;
 
-    .layout-content-inner {
-        padding: 2rem 4rem;
+    .layout-content-slot {
+        flex: 1 1 auto;
+        width: 1%;
     }
+}
+
+.layout-light {
+    .card {
+        background: var(--surface-card);
+        border: 1px solid var(--surface-border);
+        padding: 2rem;
+        border-radius: 10px;
+        margin-bottom: 1rem;
+    }
+}
 
+.layout-dark {
     .card {
-        @include card;
+        background: var(--surface-card);
+        border: 0 none;
+        padding: 2rem;
+        border-radius: 10px;
+        margin-bottom: 1rem;
     }
 }
diff --git a/assets/styles/layout/_core.scss b/assets/styles/layout/_core.scss
index e1d5a62946..d1c33e4f72 100644
--- a/assets/styles/layout/_core.scss
+++ b/assets/styles/layout/_core.scss
@@ -31,7 +31,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-    font-size: 2.25rem;
+    font-size: 2rem;
 }
 
 h2 {
@@ -55,7 +55,7 @@ h6 {
 }
 
 p {
-    line-height: 1.5;
+    line-height: 1.75;
     margin: 0 0 1rem 0;
 }
 
@@ -97,6 +97,6 @@ input[type="number"] {
 }
 
 button {
-    font-family: inherit;
-    font-feature-settings: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings);
 }
\ No newline at end of file
diff --git a/assets/styles/layout/_doc.scss b/assets/styles/layout/_doc.scss
index 594883d5f8..01ab72f1a6 100644
--- a/assets/styles/layout/_doc.scss
+++ b/assets/styles/layout/_doc.scss
@@ -104,7 +104,7 @@
         i {
             border-radius: 6px;
             padding: 2px 6px;
-            font-size: 0.875rem;
+            font-size: 1rem;
             font-weight: 600;
             font-style: normal;
         }
@@ -120,7 +120,7 @@
     }
 }
 
-.layout-wrapper-light {
+.layout-light {
     .doc-section-description {
         > p {
             i {
@@ -131,7 +131,7 @@
     }
 }
 
-.layout-wrapper-dark {
+.layout-dark {
     .doc-section-description {
         > p {
             i {
@@ -144,7 +144,7 @@
 
 .doc-section-nav {
     position: sticky;
-    top: 7rem;
+    top: 6rem;
     right: 0;
     width: 14rem;
     max-height: calc(100vh - 15rem);
@@ -175,6 +175,7 @@
             .px-link {
                 padding: 0.25rem 1rem 0.25rem 1rem;
                 color: var(--surface-800);
+                font-weight: 400;
                 white-space: nowrap;
                 min-width: 0;
                 overflow: hidden;
@@ -229,17 +230,13 @@
     font-size: 11px;
 }
 
-.doc-section-code {
+.doc-section-code { 
     div {
         &::-webkit-scrollbar {
             width: 5px;
         }
     }
 
-    pre {
-        margin: 0;
-    }
-
     &:not(:last-child) {
         margin-bottom: 1rem;
     }
@@ -247,14 +244,12 @@
 
 .doc-tablewrapper {
     overflow: auto;
-    @include card;
 }
 
 .doc-table {
     border-collapse: collapse;
     width: 100%;
     min-width: 960px;
-    background-color: var(--surface-card);
     margin-bottom: 1.5rem;
 
     th {
diff --git a/assets/styles/layout/_docsearch.scss b/assets/styles/layout/_docsearch.scss
index 31615cc486..ccc2d075f4 100644
--- a/assets/styles/layout/_docsearch.scss
+++ b/assets/styles/layout/_docsearch.scss
@@ -4,7 +4,7 @@
     width: 14rem;
     margin: 0;
     transition: border-color .3s;
-    height: 3rem;
+    height: 2.5rem;
     padding: 0 .75rem;
 
     &:hover {
diff --git a/assets/styles/layout/_mixins.scss b/assets/styles/layout/_mixins.scss
deleted file mode 100644
index 6b1dc55796..0000000000
--- a/assets/styles/layout/_mixins.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@mixin card {
-    background: var(--surface-card);
-    padding: 2rem;
-    border-radius: 10px;
-    margin-bottom: 1rem;
-}
\ No newline at end of file
diff --git a/assets/styles/layout/_news.scss b/assets/styles/layout/_news.scss
index f96b193fc4..1be508628b 100644
--- a/assets/styles/layout/_news.scss
+++ b/assets/styles/layout/_news.scss
@@ -66,21 +66,19 @@
     }
 }
 
-.landing-news-active {
-    .landing-header {
+
+.layout-news-active {
+    .layout-topbar {
         top: 2rem;
     }
-}
 
-.layout-news-active {
     .layout-sidebar,
-    .layout-topbar,
-    .layout-config {
-        top: 2rem;
+    .doc-section-nav {
+        top: 8rem;
     }
 
     .layout-content {
-        padding-top: 7rem;
+        padding-top: 8rem;
     }
 
     .doc-section-label,
diff --git a/assets/styles/layout/_responsive.scss b/assets/styles/layout/_responsive.scss
index 82d84e78d5..5282904849 100644
--- a/assets/styles/layout/_responsive.scss
+++ b/assets/styles/layout/_responsive.scss
@@ -1,5 +1,5 @@
 @media screen and (min-width: 1729px) {
-    .layout-content-inner {
+    .layout-content {
         max-width: 1478px;
         margin: 0 auto;
     }
@@ -8,97 +8,115 @@
         max-width: 1478px;
         margin: 0 auto;
     }
+
+    .layout-sidebar {
+        left: 200px;
+    } 
 }
 
 @media screen and (max-width: 991px) {
-    .layout-wrapper {    
-        .layout-topbar {
-            left: 0;
-            width: 100%;
-    
-            .menu-button {
-                display: flex;
-            }
+    .layout-topbar-inner {   
+        padding-left: 2rem;
+        padding-right: 2rem;
 
-            #docsearch {
-                margin-left: auto;
-                margin-right: .5rem;
-            }
-
-            .DocSearch-Button {
-                width: 2rem;
-                height: 2rem;
-                overflow: hidden;
-                padding: 0;
-                justify-content: center;
-                align-items: center;
-
-                .DocSearch-Search-Icon {
-                    width: 1rem;
-                    height: 1rem;
-                }
-
-                .DocSearch-Button-Placeholder,
-                .DocSearch-Button-Keys {
-                    display: none;
-                }
-            }
+        .menu-button {
+            display: block;
         }
-    
-        .layout-sidebar {
-            top: 0;
-            z-index: 1102;
-            height: 100%;
-            transform: translateX(-100%);
-    
-            &.active {
-                transform: translateX(0);
-            }
+
+        .layout-topbar-logo-container {
+            width: auto;
+            margin-right: 0;
         }
-    
-        .layout-content {
-            margin-left: 0;            
+
+        #docsearch {
+            margin-left: auto;
+            margin-right: .5rem;
         }
-    
-        .layout-mask {
-            background-color: rgba(0, 0, 0, 0.1);
-    
-            &.layout-mask-active {
-                z-index: 1101;
-                width: 100%;
-                height: 100%;
-                position: fixed;
-                top: 0;
-                left: 0;
-                background-color: rgba(0, 0, 0, 0.4);
-                transition: background-color .5s;
+
+        .DocSearch-Button {
+            width: 2rem;
+            height: 2rem;
+            overflow: hidden;
+            padding: 0;
+            justify-content: center;
+            align-items: center;
+
+            .DocSearch-Search-Icon {
+                width: 1rem;
+                height: 1rem;
+            }
+
+            .DocSearch-Button-Placeholder,
+            .DocSearch-Button-Keys {
+                display: none;
             }
         }
+    }
 
-        .doc-section-nav {
-            display: none;
+    .layout-sidebar {
+        top: 0;
+        left: 0;
+        position: fixed;
+        z-index: 1102;
+        height: 100%;
+        transform: translateX(-100%);
+        background-color: var(--surface-overlay);
+        width: 300px;
+        opacity: 0;
+
+        nav {
+            padding: 1rem 1rem;
         }
 
-        .doc-tabmenu {
-            margin-right: 0;
+        &.active {
+            opacity: 1;
+            transform: translateX(0);
         }
+    }
 
-        .video-container {
-            position: relative;
+    .layout-mask {
+        background-color: rgba(0, 0, 0, 0.1);
+
+        &.layout-mask-active {
+            z-index: 1101;
             width: 100%;
-            height: 0;
-            padding-bottom: 56.25%;
+            height: 100%;
+            position: fixed;
+            top: 0;
+            left: 0;
+            background-color: rgba(0, 0, 0, 0.4);
+            transition: background-color .5s;
+        }
+    }
 
-            iframe {
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%;
-            }
+    .doc-section-nav {
+        display: none;
+    }
+
+    .doc-tabmenu {
+        margin-right: 0;
+    }
+
+    .video-container {
+        position: relative;
+        width: 100%;
+        height: 0;
+        padding-bottom: 56.25%;
+
+        iframe {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
         }
     }
 
+    .layout-content {
+        padding-left: 2rem;
+        padding-right: 2rem;
+    }
+
     .blocked-scroll {
         overflow: hidden;
         padding-right: var(--scrollbar-width);
@@ -106,32 +124,36 @@
 }
 
 @media screen and (max-width: 575px) {
-    .layout-wrapper {
-        .layout-topbar-inner {
-            padding-left: 1rem;
-            padding-right: 1rem;
-        }
+    .layout-topbar-inner {
+        padding-left: 1rem;
+        padding-right: 1rem;
 
-        .layout-content {
-            .layout-content-inner {
-                padding-left: 1rem;
-                padding-right: 1rem;
-            }
+        .layout-topbar-logo {
+            display: none;
         }
 
-        .layout-footer {
-            padding-left: 1rem;
-            padding-right: 1rem;
+        .layout-topbar-icon {
+            display: block;
         }
+    }
+
+    .layout-content {
+        padding-left: 1rem;
+        padding-right: 1rem;
+    }
 
-        .doc-tabmenu {
-            li {
-                flex: 1 1 0;
+    .layout-footer {
+        padding-left: 1rem;
+        padding-right: 1rem;
+    }
+
+    .doc-tabmenu {
+        li {
+            flex: 1 1 0;
 
-                button {
-                    width: 100%;
-                    min-width: auto;
-                }
+            button {
+                width: 100%;
+                min-width: auto;
             }
         }
     }
diff --git a/assets/styles/layout/_sidebar.scss b/assets/styles/layout/_sidebar.scss
index 315f39f9ad..fd7e492337 100644
--- a/assets/styles/layout/_sidebar.scss
+++ b/assets/styles/layout/_sidebar.scss
@@ -1,15 +1,16 @@
 .layout-sidebar {
-    position: fixed;
+    position: sticky;
     left: 0;
-    top: 0;
-    height: 100%;
-    background-color: var(--surface-overlay);
-    width: 250px;
+    top: 6rem;
+    height: calc(100vh - 9rem);
     user-select: none;
-    transition: transform .4s cubic-bezier(.05,.74,.2,.99);
+    transition: transform .4s cubic-bezier(.05,.74,.2,.99), opacity .3s;
     display: flex;
     flex-direction: column;
-    padding: 1rem 0;
+    padding: 0 0 0 0;
+    flex: 0 0 250px;
+    margin-right: 4rem;
+    overflow: auto;
 
     .logo {
         display: flex;
@@ -17,10 +18,9 @@
     }
 
     nav {
-        padding: .5rem 1rem 2rem 1rem;
-        margin-top: 2rem;
+        padding: 0;
+        margin: -.5rem 0 0 0;
         flex-grow: 1;
-        overflow-y: auto;
     }
 
     .layout-menu {
@@ -35,7 +35,7 @@
                 display: flex;
                 width: 100%;
                 align-items: center;
-                padding: .5rem;
+                padding: .5rem 0;
                 color: var(--surface-900);
                 font-weight: 600;
                 transition: all .2s;
@@ -96,7 +96,7 @@
                             color: var(--surface-700);
                             border-left: 1px solid var(--surface-border);
                             transition: all .2s;
-                            font-weight: 400;
+                            font-weight: 450;
                             display: flex;
                             padding: .5rem .5rem .5rem 1rem;
                             color: var(--surface-700);
diff --git a/assets/styles/layout/_topbar.scss b/assets/styles/layout/_topbar.scss
index f4675160c6..fd5755f1a2 100644
--- a/assets/styles/layout/_topbar.scss
+++ b/assets/styles/layout/_topbar.scss
@@ -1,50 +1,53 @@
 .layout-topbar {
-    padding: 0;
-    height: 5rem;
     position: fixed;
     top: 0;
-    left: 250px;
-    width: calc(100% - 250px);
+    left: 0;
+    width: 100%;
     z-index: 1100;
     transition: background-color 1s;
+    border-bottom: 1px solid var(--surface-border);
+   
+    &.layout-topbar-sticky {
+        backdrop-filter: blur(8px);
+    }
+}
+
+.layout-topbar-inner {
+    height: 4rem;
+    padding: 0 4rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 
-    .layout-topbar-inner {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 0 4rem;
-        height: 100%;
-        width: calc(100% - var(--scrollbar-width, 0px));
+    .layout-topbar-logo-container {
+        width: 250px;
+        margin-right: 4rem;
     }
 
-    &.layout-topbar-sticky {
-        backdrop-filter: blur(8px);
+    .layout-topbar-logo {
+        svg {
+            width: 120px;
+        }
     }
 
-    .menu-button {
+    .layout-topbar-icon {
         display: none;
-        color: var(--text-color);
-        width: 3rem;
-        height: 3rem;
-        background-color: var(--surface-card);
-        border: 1px solid var(--surface-border);
-        align-items: center;
-        justify-content: center;
-        transition: border-color .3s;
-        cursor: pointer;
-
-        &:hover {
-            border-color: var(--primary-color);
-        }
 
-        i {
-            font-size: 1.5rem;
+        svg {
+            width: 25px;
         }
     }
-}
 
+    #docsearch {
+        margin-right: auto;
+    }
+
+    .menu-button {
+        display: none;
+    }
+}
 
-.layout-wrapper-light {
+.layout-light {
     .layout-topbar {
         &.layout-topbar-sticky {
             background-color: rgba(255,255,255,.7);
@@ -52,7 +55,7 @@
     }
 }
 
-.layout-wrapper-dark {
+.layout-dark {
     .layout-topbar {
         &.layout-topbar-sticky {
             background-color: rgba(0,0,0,.3);
diff --git a/assets/styles/layout/landing/_components.scss b/assets/styles/layout/landing/_components.scss
deleted file mode 100644
index 470fc868a1..0000000000
--- a/assets/styles/layout/landing/_components.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-.landing-components {
-    .components-main {
-        .components-strip-top {
-            background: var(--home-components-strip-bg);
-            transform: matrix(-1, 0, 0, 1, 0, 0);
-        }
-
-        .components-strip-bottom {
-            background: var(--home-components-strip-bg);
-        }
-    }
-
-    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-        background: transparent;
-    }
-
-    .box {
-        box-shadow: var(--home-card-shadow);
-    }
-
-    .p-datepicker, .p-datepicker-header {
-        background: transparent;
-        border-color: transparent;
-    }
-}
-
-@media screen and (min-width: 1660px) {
-    .components-main-container {
-        width: 1504px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-    }
-}
\ No newline at end of file
diff --git a/assets/styles/layout/landing/_dark.scss b/assets/styles/layout/landing/_dark.scss
index e73d04193e..70194e6790 100644
--- a/assets/styles/layout/landing/_dark.scss
+++ b/assets/styles/layout/landing/_dark.scss
@@ -1,62 +1,52 @@
-.landing-dark {
-    --home-highlight-color:#3B82F6;
-    --home-highlight-darker-color:#3575dd;
+.layout-dark {
+    --home-highlight-color:#10b981;
+    --home-highlight-darker-color:#059669;
     --home-highlight-fore-color:#ffffff;
-    --home-bg:#030B17;
-    --home-intro-bg:linear-gradient(180deg, #061730 0%, #030B17 100%);
-    --home-border-color:#183E71;
+    --home-bg:#111827;
+    --home-border-color:#424b57;
     --home-primary-text-color:#ffffff;
-    --home-secondary-text-color:#B6C4D6;
+    --home-secondary-text-color:rgba(255,255,255,.6);
     --home-card-shadow:0px 50px 100px rgba(0, 0, 0, 0.25);
-    --home-box-bg:rgba(11, 33, 63, 0.55);
-    --home-linkbox-bg:rgba(11, 33, 63, 0.55);
-    --home-linkbox-border:1px solid #183E71;
+    --home-box-bg:#1f2937;
+    --home-linkbox-bg:rgba(255, 255, 255, .1);
+    --home-linkbox-border:1px solid rgba(255, 255, 255, .2);
     --home-linkbox-text-color:#ffffff;
-    --home-linkbox-hover-bg:rgba(11, 33, 63, 0.9);
-    --home-header-bg:rgba(11, 33, 63, 0.65);
-    --home-menu-link-text-color:#ffffff;
-    --home-menu-link-hover-bg:rgba(11, 33, 63, 0.9);
-    --home-herobox-bg:#0B213F;
-    --home-herobox-shadow:0px 50px 100px rgba(0, 0, 0, 0.25);
-    --home-herobox-strip-top-bg:linear-gradient(360deg, rgba(3, 11, 23, 0) 0%, rgba(11, 37, 73, 0.913125) 53.83%, rgba(7, 24, 48, 0) 101.32%);
-    --home-herobox-strip-bottom-bg:linear-gradient(90deg, rgba(3, 11, 23, 0) 0%, #0C284E 50%, rgba(3, 11, 23, 0) 100%);
-    --home-herobox-logo-shadow:0px 50px 100px 0px #000000;
-    --home-components-strip-bg:linear-gradient(90deg, rgba(3, 11, 23, 0) 0%, #071934 100%);
-    --home-blocks-bg:linear-gradient(180deg, #040B17 0%, #061B38 58.33%, #030B17 100%);
-    --home-blocks-block-bg:#0B213F8C;
+    --home-linkbox-hover-bg:rgba(255, 255, 255, .2);
+    --home-blocks-bg:transparent;
+    --home-blocks-block-bg:#111827;
     --home-blocks-block-shadow:0px 4.787564754486084px 10px 0px #0000001A , 0px 4px 25px rgba(0, 0, 0, 0.288);
-    --home-blocks-border-left:5px solid #0E294D;
-    --home-blocks-border-bottom:7px solid #0E294D;
-    --home-blocks-border:1px solid #183E71;
-    --home-blocks-sidebar-bg:#0D264A;
-    --home-blocks-list-bg:#0C2242;
-    --home-blocks-main-bg:#0B213F8C;
-    --home-blocks-main-border:1px solid #183E71;
-    --home-blocks-item-bg:#0D264A;
-    --home-blocks-image-bg:#102F5B;
-    --home-blocks-text-color:#133667;
+    --home-blocks-border-left:5px solid #424b57;
+    --home-blocks-border-bottom:7px solid #424b57;
+    --home-blocks-border:1px solid #424b57;
+    --home-blocks-sidebar-bg:#1f2937;
+    --home-blocks-list-bg:#28323f;
+    --home-blocks-main-bg:#111827;
+    --home-blocks-main-border:1px solid #424b57;
+    --home-blocks-item-bg:#1f2937;
+    --home-blocks-image-bg:#28323f;
+    --home-blocks-text-color:rgba(255,255,255,.87);
     --home-blocks-active-shadow:0px 30px 50px 0px #00000049;
-    --home-blocks-active-border-top:1px solid #183E71;
-    --home-blocks-active-border-right:1px solid #183E71;
-    --home-blocks-active-border-bottom:6px solid #112d52;
-    --home-blocks-active-border-left:4px solid #183E71;
+    --home-blocks-active-border-top:1px solid #424b57;
+    --home-blocks-active-border-right:1px solid #424b57;
+    --home-blocks-active-border-bottom:6px solid #424b57;
+    --home-blocks-active-border-left:4px solid #424b57;
     --home-blocks-animation-shadow:0px 30px 50px 20px #00000059;
-    --home-blocks-tablebar-bg:#194686;
-    --home-blocks-bar-bg:#15386B;
-    --home-blocks-bar-button-bg:#0C2E56;
-    --home-blocks-circle-bg:#15386B;
-    --home-templates-bg:linear-gradient(180deg,#040b17 0%,#061b38 58.33%,#030b17 100%);
+    --home-blocks-tablebar-bg:#424b57;
+    --home-blocks-bar-bg:#0D9488;
+    --home-blocks-bar-button-bg:#0D9488;
+    --home-blocks-circle-bg:#0D9488;
+    --home-templates-bg:transparent;
     --home-templates-block-shadow:0px 4.787564754486084px 10px 0px #0000001a;
-    --home-templates-block-border-left:5px solid rgb(13, 35, 65);
-    --home-templates-block-border-bottom:7px solid #09182d;
-    --home-templates-line:linear-gradient(rgba(10, 35, 70, 0),#0e3163 50%,rgba(10, 35, 70, 0));
-    --home-templates-block-hover-bg:rgba(11, 33, 63, 0.699);
-    --home-templates-btn-bg:rgb(11, 33, 63);
+    --home-templates-block-border-left:5px solid #424b57;
+    --home-templates-block-border-bottom:7px solid #424b57;
+    --home-templates-line:rgba(255,255,255,.1);
+    --home-templates-block-hover-bg:rgba(255,255,255,.09);
+    --home-templates-btn-bg:#1f2937;
     --home-templates-btn-text-color:#ffffff;
     --home-templates-btn-shadow:0px 10px 15px 0px #00000040;
-    --home-templates-btn-border-top:1px solid rgb(13, 40, 78);
-    --home-templates-btn-border-right:1px solid rgb(13, 40, 78);
-    --home-templates-btn-border-bottom:4px solid rgb(13, 40, 78);
-    --home-templates-btn-border-left:3px solid rgb(13, 40, 78);
+    --home-templates-btn-border-top:1px solid #424b57;
+    --home-templates-btn-border-right:1px solid #424b57;
+    --home-templates-btn-border-bottom:4px solid #424b57;
+    --home-templates-btn-border-left:3px solid #424b57;
     --home-features-card-shadow: none;
 }
\ No newline at end of file
diff --git a/assets/styles/layout/landing/_designer.scss b/assets/styles/layout/landing/_designer.scss
deleted file mode 100644
index 4046b7380a..0000000000
--- a/assets/styles/layout/landing/_designer.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-.landing-designer {
-    .designer-demo {
-        --dd-primary:#4f8ff7;
-        --dd-primary-darker:#3575dd;
-        --dd-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-
-        .p-component {
-            font-family: var(--dd-font);
-        }
-
-        .p-slider {
-            .p-slider-range {
-                background-color: var(--dd-primary);
-            }
-    
-            .p-slider-handle {
-                border-color: var(--dd-primary);
-    
-                &:hover {
-                    background-color: var(--dd-primary);
-                    border-color: var(--dd-primary);
-                }
-            }
-        }
-    
-        .p-inputtext {
-            &:enabled:hover {
-                border-color: var(--dd-primary);
-            }
-    
-            &:focus {
-                box-shadow: none;
-                border-color: var(--dd-primary);
-            }
-        }
-    
-        .p-checkbox {
-            &:not(.p-checkbox-disabled) .p-checkbox-box {
-                &:hover, &.p-focus {
-                    border-color: var(--dd-primary);
-                }
-    
-                &.p-focus {
-                    box-shadow: 0 0 0 2px var(--surface-ground), 0 0 0 4px var(--dd-primary), 0 1px 2px 0 rgba(0, 0, 0, 1.0);
-                }
-            }
-    
-            .p-checkbox-box {
-                &.p-highlight {
-                    background-color: var(--dd-primary);
-                    border-color: var(--dd-primary);
-    
-                    &:hover {
-                        background-color: var(--dd-primary);
-                        border-color: var(--dd-primary);
-                    }
-                }
-            }
-        }
-    
-        .p-button {
-            background-color: var(--dd-primary);
-            border-color: var(--dd-primary);
-    
-            &.p-button-outlined {
-                background-color: transparent;
-    
-                .p-button-icon, .p-button-label {
-                    color: var(--dd-primary);
-                }
-
-                &:enabled:hover,
-                &:enabled:active {
-                    background-color: transparent;
-                }
-            }
-    
-            &:enabled:hover,
-            &:enabled:active {
-                background-color: var(--dd-primary-darker);
-                border-color: var(--dd-primary-darker);
-            }
-    
-            &:focus {
-                box-shadow: 0 0 0 2px var(--surface-ground), 0 0 0 4px var(--dd-primary), 0 1px 2px 0 rgba(0, 0, 0, 1.0);
-            }
-        }
-    
-        .p-listbox {
-            .p-listbox-list .p-listbox-item.p-highlight {
-                background-color: transparent;
-                box-shadow: inset 0 0 0 0.15rem var(--dd-primary);
-                color: var(--text-color);
-            }
-        }
-
-        .p-inputtext, .p-button, .p-listbox-item, .p-slider {
-            transition: all .5s;
-        }
-
-        .p-slider, .p-checkbox {
-            transition: transform .5s;
-        }
-
-        &.demo-size-small {
-            .p-inputtext, .p-button {
-                padding: .5rem;
-            }
-
-            .p-listbox-item {
-                padding: .5rem 1rem;
-            }
-
-            .p-slider, .p-checkbox {
-                transform: scale(0.9);
-            }
-        }
-
-        &.demo-size-large {
-            .p-inputtext, .p-button {
-                padding: 1rem;
-            }
-
-            .p-listbox-item {
-                padding: 1rem 1.5rem;
-            }
-
-            .p-slider, .p-checkbox {
-                transform: scale(1.1);
-            }
-        }
-    }
-
-    .formgrid > .field {
-        padding: 1rem 2rem 1rem;
-    }
-
-    .designer-editor {
-        backdrop-filter: blur(1rem);
-        box-shadow: var(--home-card-shadow);
-        max-width: 1250px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-    }
-
-    .designer-controls {
-        border-radius: 0 !important;
-        background: transparent;
-    }
-    
-}
\ No newline at end of file
diff --git a/assets/styles/layout/landing/_header.scss b/assets/styles/layout/landing/_header.scss
deleted file mode 100644
index 0e2d685d84..0000000000
--- a/assets/styles/layout/landing/_header.scss
+++ /dev/null
@@ -1,111 +0,0 @@
-.landing-header {
-    background-color: transparent;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-    z-index: 100;
-
-    .landing-header-container {
-        width: 100%;
-        max-width: 1250px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .landing-header-logo {
-        height: 2.5rem;
-    }
-
-    &.landing-header-sticky {
-        background-color: var(--home-header-bg);
-        backdrop-filter: blur(12px);
-    }
-    
-    ol {
-        a {
-            display: block;
-            padding: .5rem 1.5rem;
-            text-align: center;
-            transition: background-color .3s;
-            border-radius: 10px;
-            color: var(--home-menu-link-text-color);
-            white-space: nowrap;
-
-            img {
-                display: none;
-            }
-
-            &:hover {
-                background: var(--home-menu-link-hover-bg);
-            }
-        }
-    }
-
-    .header-button {
-        width: 2.5rem;
-        height: 2.5rem;
-    }
-}
-
-@media screen and (max-width: $landingBreakpointLG) {
-    .landing-header {
-        align-items: flex-start;
-
-        nav {
-            display: none;
-        }
-
-        .landing-header-logo {
-            height: 2rem;
-        }
-
-        &.landing-header-active {
-            background-color: var(--home-header-bg);
-            backdrop-filter: blur(12px);
-            height: 100vh;
-
-            nav {
-                display: block;
-                position: fixed;
-                left: 100px;
-                top: 100px;
-                width: 100%;
-                padding: 4rem 2rem;
-                top: 5rem;
-                left: 0;
-            }
-
-            .menu-button {
-                i:before {
-                    content: "\e90b";
-                }
-            }
-        }
-
-        ol {
-            a {
-                border: 1px solid var(--home-border-color);
-                background-color: var(--home-herobox-bg);
-                margin-bottom: 1rem;
-                color: var(--home-linkbox-text-color);
-                cursor: pointer;
-                font-size: 1.5rem;
-                text-align: left;
-                display: flex;
-                align-items: center;
-                padding: 1.5rem;
-
-                img {
-                    display: block;
-                    margin-right: 1.5rem;
-                }
-            }
-        }
-    }
-}
diff --git a/assets/styles/layout/landing/_hero.scss b/assets/styles/layout/landing/_hero.scss
index c6f064b4c9..60a6db5fbc 100644
--- a/assets/styles/layout/landing/_hero.scss
+++ b/assets/styles/layout/landing/_hero.scss
@@ -1,200 +1,22 @@
 .landing-hero {
-    flex: 1 1 auto;
-    
-    .hero-inner {
-        .hero-box {
-            position: relative;
-            z-index: 1;
-
-            .name {
-                text-align: center;
-                margin-top: 20px;
-                opacity: 0;
-                transition: 1s;
-                transition-delay: 1.8s;
-            }
-
-            img {
-                transform: scale(0);
-                opacity: 0;
-                transition: 0.5s;
-                transition-delay: 1.8s;
-            }
-
-            b {
-                color: var(--home-primary-text-color);
-                display: block;
-                font-weight: 600;
-                font-size: 13px;
-            }
-
-            span {
-                color: var(--home-secondary-text-color);
-                font-weight: 500;
-                font-size: 12px;
-            }
-
-            &:before {
-                content: '';
-                background: var(--home-herobox-bg);
-                border: 1px solid var(--home-border-color);
-                box-shadow: 0px 50px 100px var(--home-herobox-shadow);
-                border-radius: 9px;
-                z-index: -1;
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                width: 100%;
-                height: 0%;
-                opacity: 0;
-                transform: translate(-50%, -50%);
-                transition: height 1s 1.4s, opacity 1s 1.4s, border-color .3s;
-            }
-
-            &:hover {
-                &:before {
-                    border-color: var(--home-highlight-color);
-                }
-            }
-        }
-
-        .hero-border-top {
-            opacity: 0;
-            border: 1px solid transparent;
-            width: 380px;
-            height: 0;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            z-index: -1;
-            transition: height 1.5s, opacity 1.5s;
-            transition-delay: 0.6s;
-            border-radius: 9px;
-            transform: translate(-50%, -50%);
-        }
-
-        .hero-border-left {
-            border: 1px solid var(--home-border-color);
-            border-right: transparent;
-            width: 0%;
-            border-radius: 9px 0 0 9px;
-            height: 35%;
-            position: absolute;
-            top: 50%;
-            left: -3%;
-            z-index: -1;
-            opacity: 0;
-            transition: width 1s, opacity 1s, transform 1s;
-            transition-delay: 1s;
-            transform: translate(108px, -50%);
-        }
-
-        .hero-border-right {
-            border: 1px solid var(--home-border-color);
-            border-left: transparent;
-            width: 0%;
-            border-radius: 0 9px 9px 0;
-            height: 35%;
-            position: absolute;
-            top: 50%;
-            right: -3%;
-            z-index: -1;
-            opacity: 0;
-            transition: width 1s, opacity 1s, transform 1s;
-            transition-delay: 1s;
-            transform: translate(-108px, -50%);
-        }
+    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+        background: transparent;
     }
 
-    .hero-bg {
-        transition-delay: 1.4s;
-
-        .hero-strip-top {
-            transition: 1.6s;
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            transform: translate(-50%, -50%);
-            width: 114px;
-            height: 0%;
-            opacity: 0;
-            background: var(--home-herobox-strip-top-bg);
-        }
-
-        .hero-strip-left {
-            transition: 1.6s;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 0%;
-            height: 114px;
-            opacity: 0;
-            background: var(--home-herobox-strip-bottom-bg);
-        }
+    .box {
+        box-shadow: var(--home-card-shadow);
     }
 
-    &.hero-animation {
-        .hero-bg {
-            .hero-strip-top {
-                opacity: 1;
-                height: 100%;
-            }
-
-            .hero-strip-left {
-                width: 100%;
-                opacity: 1;
-            }
-        }
-
-        .hero-inner {
-            .hero-box {
-                cursor: pointer;
-                
-                img {
-                    opacity: 1;
-                    transform: scale(1);
-                }
-
-                &.logo {
-                    &::before {
-                        box-shadow: var(--home-herobox-logo-shadow);
-                    }
-                }
-
-                .name {
-                    opacity: 1;
-                }
-
-                &:before {
-                    height: 100%;
-                    opacity: 1;
-                }
-            }
-
-            .hero-border-top {
-                height: 70%;
-                opacity: 1;
-                border-color: var(--home-border-color);
-            }
-
-            .hero-border-left {
-                opacity: 1;
-                width: 19%;
-                transform: translate(0, -50%);
-            }
-
-            .hero-border-right {
-                opacity: 1;
-                width: 19%;
-                transform: translate(0, -50%);
-            }
-        }
+    .p-datepicker, .p-datepicker-header {
+        background: transparent;
+        border-color: transparent;
     }
 }
 
-@media screen and (max-width: $landingBreakpointLG) {
+@media screen and (min-width: 1660px) {
     .landing-hero {
-        padding: 0 2rem;
+        width: 1504px !important;
+        margin-left: auto !important;
+        margin-right: auto !important;
     }
 }
\ No newline at end of file
diff --git a/assets/styles/layout/landing/_landing.scss b/assets/styles/layout/landing/_landing.scss
index be90e10bdf..b155a338f9 100644
--- a/assets/styles/layout/landing/_landing.scss
+++ b/assets/styles/layout/landing/_landing.scss
@@ -5,12 +5,10 @@ $landingBreakpointXL: 1199px;
 @import './_main';
 @import './_light';
 @import './_dark';
-@import './_header';
 @import './_hero';
+@import './_users';
 @import './_getstarted';
-@import './_components';
 @import './_themes';
 @import './_blocks';
-@import './_designer';
 @import './_templates';
 @import './_features';
diff --git a/assets/styles/layout/landing/_light.scss b/assets/styles/layout/landing/_light.scss
index 3186a10fe5..7857f96c54 100644
--- a/assets/styles/layout/landing/_light.scss
+++ b/assets/styles/layout/landing/_light.scss
@@ -1,62 +1,52 @@
-.landing-light {
-    --home-highlight-color:#4f8ff7;
-    --home-highlight-darker-color:#3575dd;
+.layout-light {
+    --home-highlight-color:#10b981;
+    --home-highlight-darker-color:#059669;
     --home-highlight-fore-color:#ffffff;
-    --home-bg:#EDF5FF;
-    --home-intro-bg:#EDF5FF;
-    --home-border-color:#C7E0FF;
+    --home-bg:#F9FAFB;
+    --home-border-color:rgba(0,0,0,.1);
     --home-primary-text-color:#191919;
     --home-secondary-text-color:#73879E;
-    --home-card-shadow:0px 30px 50px #D4E0EE;
+    --home-card-shadow:0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01), 0px 111px 44px 0px rgba(0, 0, 0, 0.00), 0px 174px 49px 0px rgba(0, 0, 0, 0.00);
     --home-box-bg:#ffffff;
     --home-linkbox-bg:#ffffff;
-    --home-linkbox-border:1px solid #C7E0FF;
+    --home-linkbox-border:1px solid rgba(0,0,0,.1);
     --home-linkbox-text-color:#191919;
-    --home-linkbox-hover-bg:#e3f0ff;
-    --home-header-bg:rgba(255, 255, 255, 0.85);
-    --home-menu-link-text-color:#191919;
-    --home-menu-link-hover-bg:#e3f0ff;
-    --home-herobox-bg:#ffffff;
-    --home-herobox-shadow:0px 50px 100px rgba(212, 224, 238, 0.25);
-    --home-herobox-strip-top-bg:linear-gradient(0deg, #EDF5FF 1.9%, #D9EAFF 50.44%, #EDF5FF 100%);
-    --home-herobox-strip-bottom-bg:linear-gradient(90deg, #F2F8FF 0%, #EDF5FF 0.01%, #D9EAFF 50%, #EDF5FF 100%);
-    --home-herobox-logo-shadow:00px 50px 100px #BACCE2;
-    --home-components-strip-bg:linear-gradient(90deg, #EDF5FF 0.01%, #D9EAFF 100%);
-    --home-blocks-bg:linear-gradient(180deg, rgba(237, 245, 255, 0) 0%, #D4E8FE 49.48%, #EDF5FF 100%);
-    --home-blocks-block-bg:#FFFFFF8C;
-    --home-blocks-block-shadow:-10px 4px 10px 0px #c5d3e782, -10px 4px 25px #a1c0eb91;
-    --home-blocks-border-left:5px solid #D0E5FF;
-    --home-blocks-border-bottom:7px solid #D0E5FF;
-    --home-blocks-border:1px solid #D0E5FF;
-    --home-blocks-sidebar-bg:#E4F0FF;
-    --home-blocks-list-bg:#ECF5FF;
-    --home-blocks-main-bg:none;
-    --home-blocks-main-border:1px solid #D0E5FF;
-    --home-blocks-item-bg:#E4F0FF;
-    --home-blocks-image-bg:#C1DFFF;
-    --home-blocks-text-color:#C1DFFF;
-    --home-blocks-active-shadow:0px 30px 50px 0px #D9EAFF;
-    --home-blocks-active-border-top:1px solid #D7E9FF;
-    --home-blocks-active-border-right:1px solid #D7E9FF;
-    --home-blocks-active-border-bottom:6px solid #D7E9FF;
-    --home-blocks-active-border-left:4px solid #D7E9FF;
-    --home-blocks-animation-shadow:0px 30px 50px 10px #2E7BBC61;
-    --home-blocks-tablebar-bg:#C1DFFF;
-    --home-blocks-bar-bg:#C1DFFF;
+    --home-linkbox-hover-bg:#e5e7eb;
+    --home-blocks-bg:transparent;
+    --home-blocks-block-bg:#ffffff;
+    --home-blocks-block-shadow:-10px 4px 10px 0px rgba(0, 0, 0, .1), -10px 4px 25px rgba(0, 0, 0, .1);
+    --home-blocks-border-left:5px solid rgba(0,0,0,.1);
+    --home-blocks-border-bottom:7px solid rgba(0,0,0,.1);
+    --home-blocks-border:1px solid rgba(0,0,0,.1);
+    --home-blocks-sidebar-bg:#f9fafb;
+    --home-blocks-list-bg:#f2f3f3;
+    --home-blocks-main-bg:#ffffff;
+    --home-blocks-main-border:1px solid rgba(0,0,0,.1);
+    --home-blocks-item-bg:#f2f3f3;
+    --home-blocks-image-bg:#a1e3db;
+    --home-blocks-text-color:#b3b4b5;
+    --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, .1);
+    --home-blocks-active-border-top:1px solid rgba(0,0,0,.1);
+    --home-blocks-active-border-right:1px solid rgba(0,0,0,.1);
+    --home-blocks-active-border-bottom:6px solid rgba(0,0,0,.1);
+    --home-blocks-active-border-left:4px solid rgba(0,0,0,.1);
+    --home-blocks-animation-shadow:0px 30px 50px 10px rgba(0, 0, 0, .2);
+    --home-blocks-tablebar-bg:#a1e3db;
+    --home-blocks-bar-bg:#a1e3db;
     --home-blocks-bar-button-bg:#ffffff;
-    --home-blocks-circle-bg:#C1DFFF;
-    --home-templates-bg:linear-gradient(180deg,#edf5ff 0%,#d4e8fe 49.48%,#edf5ff 100%);
-    --home-templates-block-shadow:0px 4.787564754486084px 10px 0px #b9d2f0;
-    --home-templates-block-border-left:5px solid #e9f3ff;
-    --home-templates-block-border-bottom:7px solid #e9f3ff;
-    --home-templates-line:linear-gradient(rgba(10, 35, 70, 0),#89b8f1 50%,rgba(10, 35, 70, 0));
-    --home-templates-block-hover-bg:rgba(11, 33, 63, 0.699);
-    --home-templates-btn-bg:rgb(11, 33, 63);
+    --home-blocks-circle-bg:#a1e3db;
+    --home-templates-bg:transparent;
+    --home-templates-block-shadow:0px 4.787564754486084px 10px 0px rgba(0,0,0,.1);
+    --home-templates-block-border-left:5px solid #edf0f3;
+    --home-templates-block-border-bottom:7px solid#edf0f3;
+    --home-templates-line:rgba(0,0,0,.1);
+    --home-templates-block-hover-bg:rgba(0, 0, 0, 0.2);
+    --home-templates-btn-bg:rgba(0, 0, 0, 0.5);
     --home-templates-btn-text-color:#ffffff;
-    --home-templates-btn-shadow:0px 10px 15px 0px #00000040;
-    --home-templates-btn-border-top:1px solid rgb(13, 40, 78);
-    --home-templates-btn-border-right:1px solid rgb(13, 40, 78);
-    --home-templates-btn-border-bottom:4px solid rgb(13, 40, 78);
-    --home-templates-btn-border-left:3px solid rgb(13, 40, 78);
-    --home-features-card-shadow: 0px 50px 100px rgba(212, 224, 238, 0.25);
+    --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.5);
+    --home-templates-btn-border-top:1px solid rgba(0,0,0,.1);
+    --home-templates-btn-border-right:1px solid rgba(0,0,0,.1);
+    --home-templates-btn-border-bottom:4px solid rgba(0,0,0,.1);
+    --home-templates-btn-border-left:3px solid rgba(0,0,0,.1);
+    --home-features-card-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01), 0px 111px 44px 0px rgba(0, 0, 0, 0.00), 0px 174px 49px 0px rgba(0, 0, 0, 0.00);
 }
\ No newline at end of file
diff --git a/assets/styles/layout/landing/_main.scss b/assets/styles/layout/landing/_main.scss
index fdf5b21466..c08a0a5a97 100644
--- a/assets/styles/layout/landing/_main.scss
+++ b/assets/styles/layout/landing/_main.scss
@@ -1,14 +1,7 @@
 .landing {
     background: var(--home-bg);
     scroll-behavior: smooth;
-
-    .landing-intro {
-        background: var(--home-intro-bg);
-        display: flex;
-        flex-direction: column;
-        padding-top: 5rem;
-        min-height: 100vh;
-    }
+    padding-top: 4rem;
 
     .box {
         border: 1px solid var(--home-border-color);
@@ -134,54 +127,4 @@
     100% {
         transform: translateX(calc(-100% - 3rem));
     }
-}
-
-.landing-users {
-    .fade-right {
-        background: linear-gradient(to left, var(--home-bg), transparent);
-    }
-    .fade-left {
-        background: linear-gradient(to right, var(--home-bg), transparent);
-    }
-    .section-detail {
-        max-width: 1250px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-    }
-    .users-container {
-        max-width: 1250px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-
-        .marquee-wrapper {
-            user-select: none;
-            gap: 3rem;
-            justify-content: center;
-            align-items: center;
-            flex-shrink: 0;
-        }
-        .marquee {
-            flex-shrink: 0;
-            display: flex;
-            align-items: center;
-            justify-content: space-around;
-            gap: 3rem;
-            min-width: 100%;
-            animation: scroll 30s linear infinite;
-
-            > div {
-                max-width: clamp(10rem, 1rem + 28vmin, 20rem);
-                aspect-ratio: 1;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                height: 8rem;
-            }
-
-            &.marquee-reverse{
-                animation-direction: reverse;
-                animation-delay: calc(30s / -2);
-            }
-        }
-    }
 }
\ No newline at end of file
diff --git a/assets/styles/layout/landing/_users.scss b/assets/styles/layout/landing/_users.scss
new file mode 100644
index 0000000000..5ebda5eafe
--- /dev/null
+++ b/assets/styles/layout/landing/_users.scss
@@ -0,0 +1,49 @@
+.landing-users {
+    .fade-right {
+        background: linear-gradient(to left, var(--home-bg), transparent);
+    }
+    .fade-left {
+        background: linear-gradient(to right, var(--home-bg), transparent);
+    }
+    .section-detail {
+        max-width: 1250px !important;
+        margin-left: auto !important;
+        margin-right: auto !important;
+    }
+    .users-container {
+        max-width: 1250px !important;
+        margin-left: auto !important;
+        margin-right: auto !important;
+
+        .marquee-wrapper {
+            user-select: none;
+            gap: 3rem;
+            justify-content: center;
+            align-items: center;
+            flex-shrink: 0;
+        }
+        .marquee {
+            flex-shrink: 0;
+            display: flex;
+            align-items: center;
+            justify-content: space-around;
+            gap: 3rem;
+            min-width: 100%;
+            animation: scroll 30s linear infinite;
+
+            > div {
+                max-width: clamp(10rem, 1rem + 28vmin, 20rem);
+                aspect-ratio: 1;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 8rem;
+            }
+
+            &.marquee-reverse{
+                animation-direction: reverse;
+                animation-delay: calc(30s / -2);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/assets/styles/layout/layout.scss b/assets/styles/layout/layout.scss
index 165b05693c..bd30e62376 100644
--- a/assets/styles/layout/layout.scss
+++ b/assets/styles/layout/layout.scss
@@ -1,6 +1,5 @@
 @charset 'UTF-8';
 
-@import './_mixins';
 @import './_core';
 @import './_topbar';
 @import './_sidebar';
diff --git a/components/doc/DocSectionCode.vue b/components/doc/DocSectionCode.vue
index 0dabcb0a5e..33f88909b9 100644
--- a/components/doc/DocSectionCode.vue
+++ b/components/doc/DocSectionCode.vue
@@ -1,86 +1,56 @@
 <template>
     <div v-if="!embedded" :class="scrollable ? 'doc-section-code' : 'relative doc-section-code'">
         <div
-            class="flex doc-section-code-buttons surface-card align-items-center justify-content-end z-1"
+            class="flex doc-section-code-buttons align-items-center justify-content-end z-1"
             :style="scrollable ? { position: 'sticky', padding: '0.75rem 0.75rem 0 0' } : { position: 'absolute', top: '0.75rem', right: '0.75rem' }"
             style="gap: 0.75rem"
         >
             <template v-if="codeMode !== 'basic' && !hideToggleCode">
-                <Button
-                    :class="['p-button-rounded p-button-text p-button-plain py-0 px-1 inline-flex align-items-center justify-content-center', { 'doc-section-code-buttons-active text-primary': codeLang === 'composition' }]"
-                    label="Composition API"
-                    @click="codeLang = 'composition'"
-                ></Button>
-                <Button
-                    :class="['p-button-rounded p-button-text p-button-plain py-0 px-1 inline-flex align-items-center justify-content-center', { 'doc-section-code-buttons-active text-primary': codeLang === 'options' }]"
-                    label="Options API"
-                    @click="codeLang = 'options'"
-                ></Button>
+                <button :class="['py-0 px-2 border-round h-2rem', { 'text-primary': codeLang === 'composition' }]" @click="codeLang = 'composition'">Composition API</button>
+                <button :class="['py-0 px-2 border-round h-2rem', { 'text-primary': codeLang === 'options' }]" @click="codeLang = 'options'">Options API</button>
             </template>
 
             <template v-if="!hideToggleCode">
-                <Button
+                <button
                     v-tooltip.bottom="{ value: 'Toggle Full Code', class: 'doc-section-code-tooltip' }"
                     type="button"
                     @click="toggleCodeMode('composition')"
-                    class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"
-                    icon="pi pi-code"
-                ></Button>
+                    class="border-circle h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"
+                >
+                    <i class="pi pi-code"></i>
+                </button>
             </template>
 
             <template v-if="!hideToggleCode && code.data">
-                <Button
-                    v-tooltip.bottom="{ value: 'View Data', class: 'doc-section-code-tooltip' }"
-                    type="button"
-                    @click="onToggleData"
-                    class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"
-                    icon="pi pi-database"
-                >
-                </Button>
+                <button v-tooltip.bottom="{ value: 'View Data', class: 'doc-section-code-tooltip' }" type="button" @click="onToggleData" class="border-circle h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center">
+                    <i class="pi pi-database"></i>
+                </button>
             </template>
 
             <template v-if="!hideCodeSandbox">
-                <Button
-                    v-tooltip.bottom="{ value: 'Edit in CodeSandbox', class: 'doc-section-code-tooltip' }"
-                    type="button"
-                    class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"
-                    @click="showCodesandbox"
-                >
-                    <template #icon="slotProps">
-                        <svg role="img" :class="slotProps.class" viewBox="0 0 24 24" width="16" height="16" fill="var(--text-color-secondary)" style="display: 'block'">
-                            <path
-                                d="M2 6l10.455-6L22.91 6 23 17.95 12.455 24 2 18V6zm2.088 2.481v4.757l3.345 1.86v3.516l3.972 2.296v-8.272L4.088 8.481zm16.739 0l-7.317 4.157v8.272l3.972-2.296V15.1l3.345-1.861V8.48zM5.134 6.601l7.303 4.144 7.32-4.18-3.871-2.197-3.41 1.945-3.43-1.968L5.133 6.6z"
-                            />
-                        </svg>
-                    </template>
-                </Button>
+                <button v-tooltip.bottom="{ value: 'Edit in CodeSandbox', class: 'doc-section-code-tooltip' }" type="button" class="border-circle h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center" @click="showCodesandbox">
+                    <svg role="img" viewBox="0 0 24 24" width="16" height="16" fill="currentColor" style="display: 'block'">
+                        <path
+                            d="M2 6l10.455-6L22.91 6 23 17.95 12.455 24 2 18V6zm2.088 2.481v4.757l3.345 1.86v3.516l3.972 2.296v-8.272L4.088 8.481zm16.739 0l-7.317 4.157v8.272l3.972-2.296V15.1l3.345-1.861V8.48zM5.134 6.601l7.303 4.144 7.32-4.18-3.871-2.197-3.41 1.945-3.43-1.968L5.133 6.6z"
+                        />
+                    </svg>
+                </button>
             </template>
 
             <template v-if="!hideStackBlitz">
-                <Button
-                    v-tooltip.bottom="{ value: 'Edit in StackBlitz', class: 'doc-section-code-tooltip' }"
-                    type="button"
-                    class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"
-                    @click="showStackblitz"
-                >
-                    <template #icon="slotProps">
-                        <svg role="img" :class="slotProps.class" viewBox="0 0 24 24" width="16" height="16" fill="var(--text-color-secondary)" style="display: 'block'">
-                            <path d="M0 15.98H8.15844L3.40299 27.26L19 11.1945H10.7979L15.5098 0L0 15.98Z" />
-                        </svg>
-                    </template>
-                </Button>
+                <button v-tooltip.bottom="{ value: 'Edit in StackBlitz', class: 'doc-section-code-tooltip' }" type="button" class="border-circle h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center" @click="showStackblitz">
+                    <svg role="img" viewBox="0 0 24 24" width="16" height="16" fill="currentColor" style="display: 'block'">
+                        <path d="M0 15.98H8.15844L3.40299 27.26L19 11.1945H10.7979L15.5098 0L0 15.98Z" />
+                    </svg>
+                </button>
             </template>
 
-            <Button
-                v-tooltip.bottom="{ value: 'Copy Code', class: 'doc-section-code-tooltip' }"
-                type="button"
-                @click="copyCode"
-                class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"
-                icon="pi pi-copy"
-            ></Button>
+            <button v-tooltip.bottom="{ value: 'Copy Code', class: 'doc-section-code-tooltip' }" type="button" @click="copyCode" class="border-circle h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center">
+                <i class="pi pi-copy"></i>
+            </button>
         </div>
 
-        <div :style="scrollable ? { 'max-height': '40rem', overflow: 'auto' } : undefined">
+        <div :style="scrollable ? { 'max-height': '40rem' } : undefined">
             <template v-if="codeMode === 'basic' && importCode">
                 <pre v-code.script><code>{{ code.basic }}
 </code></pre>
diff --git a/components/doc/codeeditor/index.js b/components/doc/codeeditor/index.js
index ee3523cae7..e27288179f 100644
--- a/components/doc/codeeditor/index.js
+++ b/components/doc/codeeditor/index.js
@@ -46,7 +46,7 @@ const useStackBlitz = (language, code, service, extPages, dependencies, componen
         template: 'node',
         description: embedded
             ? "This example demonstrates how to style components with Tailwind CSS using PrimeVue's unstyled property. As mentioned in the PrimeVue documentation, components can be styled or have HTML attributes added using a global or inline pass through approach. In this example, we utilize the global PT approach with Tailwind CSS."
-            : '**\n PrimeVue is an open source UI library for Vue featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 400+ ready to use UI blocks to build spectacular applications in no time.',
+            : '**\n PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 400+ ready to use UI blocks to build spectacular applications in no time.',
         dependencies: stackBlitzParameters.dependencies,
         files
     };
diff --git a/doc/tailwind/SetupDoc.vue b/doc/tailwind/SetupDoc.vue
index 6bc65efbaf..6655542019 100644
--- a/doc/tailwind/SetupDoc.vue
+++ b/doc/tailwind/SetupDoc.vue
@@ -30,7 +30,7 @@
         </p>
         <DocSectionCode :code="code3" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
 
-        <p>Voilà 💚, you now have access to 90+ awesome Vue UI components styled with Tailwind that will work in harmony with the rest of your application.</p>
+        <p>Voilà 💚, you now have access to 80+ awesome Vue UI components styled with Tailwind that will work in harmony with the rest of your application.</p>
     </DocSectionText>
 </template>
 
diff --git a/layouts/AppMenu.vue b/layouts/AppMenu.vue
index dd15fc62f4..01fa73fc01 100755
--- a/layouts/AppMenu.vue
+++ b/layouts/AppMenu.vue
@@ -1,6 +1,5 @@
 <template>
     <aside class="layout-sidebar" :class="{ active: active }">
-        <PrimeVueNuxtLink to="/" class="logo" aria-label="PrimeVue logo"> <img alt="logo" :src="`https://primefaces.org/cdn/primevue/images/primevue-logo${darkTheme ? '-light' : '-dark'}.svg`" /></PrimeVueNuxtLink>
         <nav>
             <ol class="layout-menu">
                 <AppMenuItem :menu="menu"></AppMenuItem>
diff --git a/layouts/AppTopBar.vue b/layouts/AppTopBar.vue
index de4c8dc7fc..cf2cc1b80c 100755
--- a/layouts/AppTopBar.vue
+++ b/layouts/AppTopBar.vue
@@ -1,19 +1,42 @@
 <template>
     <div :ref="containerRef" class="layout-topbar">
         <div class="layout-topbar-inner">
-            <button type="button" class="px-link menu-button" @click="onMenuButtonClick" aria-haspopup aria-label="Menu">
-                <i class="pi pi-bars"></i>
-            </button>
-
+            <div class="layout-topbar-logo-container">
+                <PrimeVueNuxtLink to="/" class="layout-topbar-logo" aria-label="PrimeVue logo"> 
+                    <svg width="165" height="40" viewBox="0 0 165 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M128.062 32C128.438 32 128.656 31.8125 128.75 31.4375L134.031 7.6875C134.125 7.25 133.938 7 133.469 7H130.5C130.125 7 129.906 7.1875 129.812 7.5625L126.5 24.3125L123.219 7.5625C123.125 7.1875 122.906 7 122.531 7H119.562C119.094 7 118.906 7.25 119 7.6875L124.25 31.4375C124.344 31.8125 124.562 32 124.938 32H128.062ZM144.562 32C147.5 32 149.062 30.4375 149.062 27.5V7.625C149.062 7.28125 148.781 7 148.438 7H145.562C145.219 7 144.938 7.28125 144.938 7.625V26.625C144.938 27.4688 144.5 27.875 143.688 27.875H142.062C141.25 27.875 140.812 27.4688 140.812 26.625V7.625C140.812 7.28125 140.531 7 140.188 7H137.188C136.844 7 136.562 7.28125 136.562 7.625V27.5C136.562 30.4375 138.125 32 141.062 32H144.562ZM164.656 31.5C164.656 31.8125 164.531 32 164.156 32H152.656C152.375 32 152.188 31.8125 152.188 31.5V7.5C152.188 7.1875 152.375 7 152.656 7H164.156C164.531 7 164.656 7.1875 164.656 7.5V10.625C164.656 10.9375 164.531 11.1562 164.156 11.1562H156.344V17.4062H162.312C162.625 17.4062 162.812 17.5938 162.812 17.9375V21.0312C162.812 21.375 162.625 21.5625 162.312 21.5625H156.344V27.875H164.156C164.531 27.875 164.656 28.0312 164.656 28.375V31.5Z" fill="var(--primary-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M48.0938 32C48.4375 32 48.5938 31.8125 48.5938 31.5V23.625H52.3438C55.2812 23.625 56.8438 22.0312 56.8438 19.125V11.5C56.8438 8.5625 55.2812 7 52.3438 7H44.8438C44.5312 7 44.3438 7.1875 44.3438 7.5V31.5C44.3438 31.8125 44.5312 32 44.8438 32H48.0938ZM51.3438 19.5H48.5938V11.125H51.3438C52.1875 11.125 52.5938 11.5625 52.5938 12.375V18.25C52.5938 19.0312 52.1875 19.5 51.3438 19.5ZM63.9062 31.5C63.9062 31.8125 63.7188 32 63.4062 32H60.1562C59.8438 32 59.6562 31.8125 59.6562 31.5V7.5C59.6562 7.1875 59.8438 7 60.1562 7H68C70.9375 7 72.5 8.5625 72.5 11.5V19.125C72.5 21.2188 71.7188 22.5938 70.2188 23.25L72.375 31.4375C72.4688 31.8125 72.2812 32 71.9375 32H68.6875C68.375 32 68.2188 31.8438 68.1562 31.5625L66.0625 23.625H63.9062V31.5ZM67 19.5H63.9062V11.125H67C67.8125 11.125 68.25 11.5625 68.25 12.375V18.25C68.25 19.0625 67.8125 19.5 67 19.5ZM79.875 31.5C79.875 31.8125 79.6875 32 79.375 32H76.125C75.7812 32 75.625 31.8125 75.625 31.5V7.5C75.625 7.1875 75.7812 7 76.125 7H79.375C79.6875 7 79.875 7.1875 79.875 7.5V31.5ZM86.5 32C86.9062 32 87.125 31.7812 87.125 31.375V17.3125H87.3438L90.4375 31.4375C90.5312 31.8125 90.75 32 91.125 32H92.6562C93.0312 32 93.25 31.8125 93.3438 31.4375L96.4375 17.3125H96.6562V31.375C96.6562 31.7812 96.875 32 97.2812 32H100.188C100.594 32 100.812 31.7812 100.812 31.375V7.625C100.812 7.21875 100.594 7 100.188 7H96.0625C95.6875 7 95.4688 7.1875 95.375 7.5625L91.9062 23.125L88.4375 7.5625C88.3438 7.1875 88.125 7 87.75 7H83.625C83.2188 7 83 7.21875 83 7.625V31.375C83 31.7812 83.2188 32 83.625 32H86.5ZM116.406 31.5C116.406 31.8125 116.281 32 115.906 32H104.406C104.125 32 103.938 31.8125 103.938 31.5V7.5C103.938 7.1875 104.125 7 104.406 7H115.906C116.281 7 116.406 7.1875 116.406 7.5V10.625C116.406 10.9375 116.281 11.1562 115.906 11.1562H108.094V17.4062H114.062C114.375 17.4062 114.562 17.5938 114.562 17.9375V21.0312C114.562 21.375 114.375 21.5625 114.062 21.5625H108.094V27.875H115.906C116.281 27.875 116.406 28.0312 116.406 28.375V31.5Z" fill="var(--text-color)"/>
+                        <path d="M25.5739 18.0458L22.8661 17.4443L24.9722 20.4519V29.7756L32.193 23.7603V13.5344L28.8835 14.7374L25.5739 18.0458Z" fill="var(--primary-color)"/>
+                        <path d="M8.72522 18.0458L11.433 17.4443L9.32696 20.4519V29.7756L2.10609 23.7603V13.5344L5.41565 14.7374L8.72522 18.0458Z" fill="var(--primary-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2296 21.0534L12.6365 17.4443L14.1409 18.3466H20.1582L21.6626 17.4443L24.0696 21.0534V34.5878L22.2643 37.2947L20.1582 39.4H14.1409L12.0348 37.2947L10.2296 34.5878V21.0534Z" fill="var(--primary-color)"/>
+                        <path d="M24.9722 35.4901L28.8835 31.5802V27.6702L24.9722 30.9786V35.4901Z" fill="var(--primary-color)"/>
+                        <path d="M9.32697 35.4901L5.41566 31.5802V27.6702L9.32697 30.9786V35.4901Z" fill="var(--primary-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0609 0H20.1583V5.7988L21.8141 1.78842L21.0609 0ZM19.5762 7.20849L18.9548 7.51908V0H17.7513V11.6281L19.5762 7.20849ZM17.7513 14.2483L22.3605 3.08549L23.4678 5.7145L19.8574 17.1435H17.7513V14.2483ZM16.5478 11.6718V0H15.3443V7.51908L14.8434 7.26869L16.5478 11.6718ZM14.1409 5.45385V0H13.2383L12.6085 1.49519L14.1409 5.45385ZM12.0497 2.82181L16.5478 14.4419V17.1435H14.7426L10.8313 5.7145L12.0497 2.82181Z" fill="var(--text-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.80522 12.3313L14.7426 17.1435H15.0435L11.1322 5.71452L0 4.81223L1.80522 12.3313ZM32.7948 12.3313L19.8574 17.1435H19.5565L23.167 5.71452L34.6 4.81223L32.7948 12.3313Z" fill="var(--primary-color)"/>
+                        <path d="M24.0696 4.81221L30.3878 4.21069L26.1757 0H21.9635L24.0696 4.81221Z" fill="var(--text-color)"/>
+                        <path d="M10.2295 4.81221L3.91129 4.21069L8.12346 0H12.3356L10.2295 4.81221Z" fill="var(--text-color)"/>
+                        <path d="M4.70001 5.20001L11.2 5.70001L15.1 17.15H14.7L10.5 15.6L4.70001 5.20001Z" fill="var(--text-color)"/>
+                        <path d="M29.8 5.20001L23.1 5.70001L19.4 17.15L19.9 17.14L23.8 15.7L29.8 5.20001Z" fill="var(--text-color)"/>
+                        <path d="M12.1 18.2L12.6 17.4L14.3 18.2H20.3L21.6 17.4L22.2 18.2L17.15 26.8L12.1 18.2Z" fill="var(--text-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0297 0L17.1214 13.1536L22.5526 0H12.0297Z" fill="var(--primary-color)"/>
+                    </svg>
+                </PrimeVueNuxtLink>
+                <PrimeVueNuxtLink to="/" class="layout-topbar-icon" aria-label="PrimeVue logo"> 
+                    <svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M25.87 18.05L23.16 17.45L25.27 20.46V29.78L32.49 23.76V13.53L29.18 14.73L25.87 18.04V18.05ZM25.27 35.49L29.18 31.58V27.67L25.27 30.98V35.49ZM20.16 17.14H20.03H20.17H20.16ZM30.1 5.19L34.89 4.81L33.08 12.33L24.1 15.67L30.08 5.2L30.1 5.19ZM5.72 14.74L2.41 13.54V23.77L9.63 29.79V20.47L11.74 17.46L9.03 18.06L5.72 14.75V14.74ZM9.63 30.98L5.72 27.67V31.58L9.63 35.49V30.98ZM4.8 5.2L10.78 15.67L1.81 12.33L0 4.81L4.79 5.19L4.8 5.2ZM24.37 21.05V34.59L22.56 37.29L20.46 39.4H14.44L12.34 37.29L10.53 34.59V21.05L12.42 18.23L17.45 26.8L22.48 18.23L24.37 21.05ZM22.85 0L22.57 0.69L17.45 13.08L12.33 0.69L12.05 0H22.85Z" fill="var(--primary-color)"/>
+                        <path d="M30.69 4.21L24.37 4.81L22.57 0.69L22.86 0H26.48L30.69 4.21ZM23.75 5.67L22.66 3.08L18.05 14.24V17.14H19.7H20.03H20.16H20.2L24.1 15.7L30.11 5.19L23.75 5.67ZM4.21002 4.21L10.53 4.81L12.33 0.69L12.05 0H8.43002L4.22002 4.21H4.21002ZM21.9 17.4L20.6 18.2H14.3L13 17.4L12.4 18.2L12.42 18.23L17.45 26.8L22.48 18.23L22.5 18.2L21.9 17.4ZM4.79002 5.19L10.8 15.7L14.7 17.14H14.74H15.2H16.85V14.24L12.24 3.09L11.15 5.68L4.79002 5.2V5.19Z" fill="var(--text-color)"/>
+                    </svg>
+                </PrimeVueNuxtLink>
+            </div>
             <div id="docsearch"></div>
-
+    
             <ul class="flex list-none m-0 p-0 gap-2 align-items-center">
                 <li>
                     <a
                         href="https://github.com/primefaces/primevue"
                         target="_blank"
                         rel="noopener noreferrer"
-                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                        class="flex flex-shrink-0 px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                     >
                         <i class="pi pi-github text-700"></i>
                     </a>
@@ -23,7 +46,7 @@
                         href="https://discord.gg/gzKFYnpmCY"
                         target="_blank"
                         rel="noopener noreferrer"
-                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                        class="flex flex-shrink-0 px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                     >
                         <i class="pi pi-discord text-700"></i>
                     </a>
@@ -33,27 +56,31 @@
                         href="https://github.com/orgs/primefaces/discussions"
                         target="_blank"
                         rel="noopener noreferrer"
-                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                        class="flex flex-shrink-0 px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                     >
                         <i class="pi pi-comments text-700"></i>
                     </a>
                 </li>
-                <li>
-                    <button type="button" class="p-button flex border-1 w-2rem h-2rem p-0 align-items-center justify-content-center transition-all transition-duration-300 min-w-0" @click="onConfigButtonClick">
+                <li v-if="showConfigurator">
+                    <button type="button" class="p-button flex-shrink-0 flex border-1 w-2rem h-2rem p-0 align-items-center justify-content-center transition-all transition-duration-300 min-w-0" @click="onConfigButtonClick">
                         <i class="pi pi-palette"></i>
                     </button>
                 </li>
-
+                <li v-if="showDarkSwitch">
+                    <button type="button" class="flex flex-shrink-0 px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary" @click="toggleDarkMode">
+                        <i :class="['pi', {'pi-moon': $appState.darkTheme, 'pi-sun': !$appState.darkTheme}]"></i>
+                    </button>
+                </li>
                 <li class="relative">
                     <button
                         v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'scalein', leaveToClass: 'hidden', leaveActiveClass: 'fadeout', hideOnOutsideClick: true }"
                         type="button"
-                        class="px-link flex align-items-center surface-card h-2rem px-3 hover:surface-hover border-1 border-solid surface-border transition-all transition-duration-300 hover:border-primary"
+                        class="px-link flex align-items-center surface-card h-2rem px-3 border-1 border-solid surface-border transition-all transition-duration-300 hover:border-primary"
                     >
                         <span class="text-900"> {{ versions[0].version }}</span>
                         <span class="ml-2 pi pi-angle-down text-600"></span>
                     </button>
-
+    
                     <div class="p-3 surface-overlay hidden absolute right-0 top-auto border-round shadow-2 origin-top w-12rem">
                         <ul class="list-none m-0 p-0">
                             <li v-for="version in versions" :key="version.version" role="none">
@@ -65,6 +92,11 @@
                         </ul>
                     </div>
                 </li>
+                <li class="menu-button">
+                    <button type="button" class="flex flex-shrink-0 px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary menu-button" @click="onMenuButtonClick" aria-haspopup aria-label="Menu">
+                        <i class="pi pi-bars"></i>
+                    </button>
+                </li>
             </ul>
         </div>
     </div>
@@ -75,8 +107,18 @@ import pkg from '@/package.json';
 import docsearch from '@docsearch/js';
 
 export default {
-    emits: ['menubutton-click', 'configbutton-click'],
+    emits: ['menubutton-click', 'configbutton-click', 'darkswitch-click'],
     outsideClickListener: null,
+    props: {
+        showConfigurator: {
+            type: Boolean,
+            default: true
+        },
+        showDarkSwitch: {
+            type: Boolean,
+            default: false
+        },
+    },
     data() {
         return {
             versions: [
@@ -117,6 +159,9 @@ export default {
         onMenuButtonClick(event) {
             this.$emit('menubutton-click', event);
         },
+        toggleDarkMode(event) {
+            this.$emit('darkswitch-click', event);
+        },
         bindScrollListener() {
             if (!this.scrollListener) {
                 if (this.container) {
diff --git a/layouts/default.vue b/layouts/default.vue
index ea3bd82893..0bc56c254e 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,16 +1,16 @@
 <template>
     <div class="layout-wrapper" :class="containerClass">
-        <app-news v-if="$appState.newsActive" />
-        <app-topbar @menubutton-click="onMenuButtonClick" @configbutton-click="onConfigButtonClick" />
-        <app-menu :active="sidebarActive" />
-        <app-configurator :configActive="appConfigActive" @updateConfigActive="onUpdateConfigActive" />
+        <AppNews v-if="$appState.newsActive" />
+        <AppTopBar @menubutton-click="onMenuButtonClick" @configbutton-click="onConfigButtonClick" />
+        <AppConfigurator :configActive="appConfigActive" @updateConfigActive="onUpdateConfigActive" />
         <div :class="['layout-mask', { 'layout-mask-active': sidebarActive }]" @click="onMaskClick"></div>
         <div class="layout-content">
-            <div class="layout-content-inner">
+            <app-menu :active="sidebarActive" />
+            <div class="layout-content-slot">
                 <slot></slot>
-                <app-footer />
             </div>
         </div>
+        <AppFooter />
         <Toast />
         <Toast position="top-left" group="tl" />
         <Toast position="bottom-left" group="bl" />
@@ -101,18 +101,18 @@ export default {
                     'layout-news-active': this.$appState.newsActive,
                     'p-input-filled': this.$primevue.config.inputStyle === 'filled',
                     'p-ripple-disabled': this.$primevue.config.ripple === false,
-                    'layout-wrapper-dark': this.$appState.darkTheme,
-                    'layout-wrapper-light': !this.$appState.darkTheme
+                    'layout-dark': this.$appState.darkTheme,
+                    'layout-light': !this.$appState.darkTheme
                 }
             ];
         }
     },
     components: {
-        'app-topbar': AppTopBar,
-        'app-menu': AppMenu,
-        'app-footer': AppFooter,
-        'app-configurator': AppConfigurator,
-        'app-news': AppNews
+        AppTopBar,
+        AppMenu,
+        AppFooter,
+        AppConfigurator,
+        AppNews
     }
 };
 </script>
diff --git a/nuxt.config.js b/nuxt.config.js
index 8a60744c2b..3ec7c1fe2f 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -40,7 +40,7 @@ export default defineNuxtConfig({
                 {
                     id: 'theme-link',
                     rel: 'stylesheet',
-                    href: baseUrl + 'themes/lara-light-blue/theme.css'
+                    href: baseUrl + 'themes/lara-light-teal/theme.css'
                 },
                 { rel: 'icon', href: baseUrl + 'favicon.ico' }
             ],
diff --git a/pages/index.vue b/pages/index.vue
index 141769fe84..c48b869ab4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div :class="landingClass">
-        <Intro @change:theme="onThemeToggle"></Intro>
+        <AppNews v-if="$appState.newsActive" />
+        <AppTopBar :showConfigurator="false" showDarkSwitch @darkswitch-click="onThemeToggle" />
+        <HeroSection />
         <UsersSection />
-        <ComponentSection />
         <ThemeSection :theme="tableTheme" @table-theme-change="onTableThemeChange" />
         <BlockSection />
-        <DesignerSection />
         <TemplateSection />
         <FeaturesSection />
         <FooterSection />
@@ -13,18 +13,21 @@
 </template>
 
 <script>
+definePageMeta({
+    layout: 'custom'
+});
+
 import EventBus from '@/layouts/AppEventBus';
+import AppNews from '@/layouts/AppNews';
+import AppTopBar from '@/layouts/AppTopBar.vue';
 import BlockSection from './landing/BlockSection';
-import ComponentSection from './landing/ComponentSection';
-import DesignerSection from './landing/DesignerSection';
 import FeaturesSection from './landing/FeaturesSection';
 import FooterSection from './landing/FooterSection';
+import HeroSection from './landing/HeroSection';
 import TemplateSection from './landing/TemplateSection';
 import ThemeSection from './landing/ThemeSection';
 import UsersSection from './landing/UsersSection';
 
-const Intro = defineAsyncComponent(() => import('./landing/Intro.vue'));
-
 export default {
     props: {
         theme: {
@@ -34,7 +37,7 @@ export default {
     },
     data() {
         return {
-            tableTheme: 'lara-light-blue'
+            tableTheme: 'lara-light-teal'
         };
     },
     themeChangeListener: null,
@@ -49,11 +52,11 @@ export default {
             document.cookie = 'primeaffiliateid=' + afId + ';expires=' + expire.toUTCString() + ';path=/; domain:primefaces.org';
         }
 
-        this.replaceTableTheme(this.$appState.darkTheme ? 'lara-dark-blue' : 'lara-light-blue');
+        this.replaceTableTheme(this.$appState.darkTheme ? 'lara-dark-teal' : 'lara-light-teal');
     },
     methods: {
         onThemeToggle() {
-            const newTheme = this.$appState.darkTheme ? 'lara-light-blue' : 'lara-dark-blue';
+            const newTheme = this.$appState.darkTheme ? 'lara-light-teal' : 'lara-dark-teal';
             const newTableTheme = this.$appState.darkTheme ? this.tableTheme.replace('dark', 'light') : this.tableTheme.replace('light', 'dark');
 
             EventBus.emit('theme-change', { theme: newTheme, dark: !this.$appState.darkTheme });
@@ -87,15 +90,15 @@ export default {
     },
     computed: {
         landingClass() {
-            return ['landing', { 'landing-dark': this.$appState?.darkTheme, 'landing-light': !this.$appState?.darkTheme, 'landing-news-active': this.$appState?.newsActive }];
+            return ['landing', { 'layout-dark': this.$appState?.darkTheme, 'layout-light': !this.$appState?.darkTheme, 'layout-news-active': this.$appState?.newsActive }];
         }
     },
     components: {
-        Intro,
-        ComponentSection,
+        AppNews,
+        AppTopBar,
+        HeroSection,
         ThemeSection,
         BlockSection,
-        DesignerSection,
         TemplateSection,
         UsersSection,
         FeaturesSection,
diff --git a/pages/landing/ComponentSection.vue b/pages/landing/ComponentSection.vue
deleted file mode 100644
index c8c0fd1028..0000000000
--- a/pages/landing/ComponentSection.vue
+++ /dev/null
@@ -1,243 +0,0 @@
-<template>
-    <section class="landing-components py-8">
-        <div class="section-header">Components</div>
-        <p class="section-detail"><span class="font-bold text-900">Over 90</span> Vue UI Components with top-notch quality to help you implement all your UI requirements in style.</p>
-        <div class="components-main relative">
-            <div class="components-main-container flex flex-column xl:flex-row mt-7 gap-5 justify-content-center mx-auto w-full xl:w-auto px-5 lg:px-8">
-                <div class="flex flex-column md:flex-row gap-5 w-full xl:w-auto">
-                    <div class="flex flex-column w-full gap-5 xl:mt-8 z-1 lg:w-28rem md:w-30rem">
-                        <div class="box p-4">
-                            <span class="text-secondary font-medium block mb-3">Balance</span>
-                            <div class="flex flex-wrap lg:flex-nowrap justify-content-start gap-3">
-                                <InputNumber v-model="value1" mode="currency" currency="USD" locale="en-US" class="w-full" inputClass="lg:w-6" />
-                                <InputNumber v-model="value2" mode="currency" currency="USD" locale="en-US" class="w-full" inputClass="lg:w-6" />
-                            </div>
-                            <span class="text-secondary font-medium block mt-5 mb-3">Category</span>
-                            <div class="flex justify-content-between flex-wrap gap-3">
-                                <div class="flex align-items-center">
-                                    <RadioButton id="category1" v-model="radioValue" value="C" name="radiovalue" @change="setCategory('C')" />
-                                    <label for="category1" class="ml-2 font-medium">Clothing</label>
-                                </div>
-                                <div class="flex align-items-center">
-                                    <RadioButton id="category2" v-model="radioValue" value="F" name="radiovalue" @change="setCategory('F')" />
-                                    <label for="category2" class="ml-2 font-medium">Fitness</label>
-                                </div>
-                                <div class="flex align-items-center">
-                                    <RadioButton id="category3" v-model="radioValue" value="E" name="radiovalue" @change="setCategory('E')" />
-                                    <label for="category3" class="ml-2 font-medium">Electronics</label>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="box p-4">
-                            <Chart type="line" :data="chartData" :options="chartOptions" />
-                        </div>
-                        <div class="box p-4">
-                            <TabMenu v-model:activeIndex="activeTabIndex" :model="items" />
-                        </div>
-                        <div class="box p-4">
-                            <ul class="list-none p-0 m-0">
-                                <li class="flex align-items-center mb-3">
-                                    <img src="https://primefaces.org/cdn/primevue/images/landing/avatar-1.svg" alt="avatar 1" class="w-2rem h-2rem mr-3" />
-                                    <span class="font-medium">Darrel Steward</span>
-                                    <ProgressBar :value="pbValue1" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
-                                    <span class="text-secondary font-medium">15%</span>
-                                </li>
-                                <li class="flex align-items-center mb-3">
-                                    <img src="https://primefaces.org/cdn/primevue/images/landing/avatar-2.svg" alt="avatar 2" class="w-2rem h-2rem mr-3" />
-                                    <span class="font-medium">Albert Flores</span>
-                                    <ProgressBar :value="pbValue3" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
-                                    <span class="text-secondary font-medium">85%</span>
-                                </li>
-                                <li class="flex align-items-center mb-3">
-                                    <img src="https://primefaces.org/cdn/primevue/images/landing/avatar-3.svg" alt="avatar 3" class="w-2rem h-2rem mr-3" />
-                                    <span class="font-medium">Kathryn Murphy</span>
-                                    <ProgressBar :value="pbValue3" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
-                                    <span class="text-secondary font-medium">50%</span>
-                                </li>
-                                <li class="flex align-items-center mb-3">
-                                    <img src="https://primefaces.org/cdn/primevue/images/landing/avatar-4.svg" alt="avatar 4" class="w-2rem h-2rem mr-3" />
-                                    <span class="font-medium">Cody Fisher</span>
-                                    <ProgressBar :value="pbValue4" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
-                                    <span class="text-secondary font-medium">75%</span>
-                                </li>
-                                <li class="flex align-items-center mb-3">
-                                    <img src="https://primefaces.org/cdn/primevue/images/landing/avatar-5.svg" alt="avatar 5" class="w-2rem h-2rem mr-3" />
-                                    <span class="font-medium">Brandon Atkinson</span>
-                                    <ProgressBar :value="pbValue5" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
-                                    <span class="text-secondary font-medium">60%</span>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="flex flex-column w-full gap-5 justify-content-start xl:w-24rem z-1">
-                        <div class="box p-4">
-                            <div class="surface-card mb-4 w-full text-center p-5" style="border-radius: '10px'">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/brown-watch.png" alt="Watch" class="w-14rem" />
-                            </div>
-                            <div class="flex align-items-center mb-4">
-                                <div class="flex flex-column">
-                                    <span class="block font-semibold mb-1">Brown Watch</span>
-                                    <span class="text-secondary text-sm">Premium Quality</span>
-                                </div>
-                                <span class="font-medium text-xl ml-auto">$12.45</span>
-                            </div>
-                            <Button label="Add to Cart" icon="pi pi-shopping-cart" outlined class="w-full"></Button>
-                        </div>
-                        <div class="box p-4">
-                            <Tree :value="nodes" class="bg-transparent border-none p-0" />
-                        </div>
-                        <div class="box p-4">
-                            <div class="flex align-items-center">
-                                <Chip label="Vue" class="mr-2 font-medium" removable />
-                                <span class="font-medium">Typescript</span>
-                                <InputSwitch v-model="switchValue" class="ml-auto"></InputSwitch>
-                            </div>
-                            <div class="mt-5">
-                                <SelectButton v-model="selectButtonValue" :options="selectButtonOptions" optionLabel="name" />
-                            </div>
-                        </div>
-                        <div class="box p-4 block xl:hidden">
-                            <div class="flex justify-content-center">
-                                <Slider v-model="rangeValues" range class="w-full" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="flex flex-column gap-5 flex-column md:flex-row xl:flex-column justify-content-between xl:justify-content-start z-1 w-full md:w-auto">
-                    <div class="flex flex-column gap-5 xl:mt-5 w-full">
-                        <div class="box p-4 hidden xl:block">
-                            <div class="flex justify-content-center w-full">
-                                <Slider v-model="rangeValues" range class="w-full" />
-                            </div>
-                        </div>
-                        <div class="box p-4 w-full">
-                            <ul class="list-none p-0 m-0">
-                                <li class="flex mb-3">
-                                    <span class="mr-3">
-                                        <img src="https://primefaces.org/cdn/primevue/images/landing/avatar.png" alt="Avatar" class="w-3rem h-3rem" />
-                                    </span>
-                                    <div class="flex flex-column">
-                                        <span class="font-bold mb-2">Amanda Williams</span>
-                                        <p class="m-0 text-secondary">Webmaster</p>
-                                    </div>
-                                </li>
-                                <li class="flex">
-                                    <a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
-                                        <i class="pi pi-home text-xl mr-3"></i>
-                                        <span class="flex flex-column">
-                                            <span class="font-bold mb-1">Dashboard</span>
-                                            <span class="m-0 text-secondary">Control Panel</span>
-                                        </span>
-                                    </a>
-                                </li>
-                                <li class="flex">
-                                    <a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
-                                        <i class="pi pi-envelope text-xl mr-3"></i>
-                                        <span class="flex flex-column">
-                                            <span class="font-bold mb-1">Inbox</span>
-                                            <span class="m-0 text-secondary">View Messages</span>
-                                        </span>
-                                        <Badge value="3" class="ml-auto"></Badge>
-                                    </a>
-                                </li>
-                                <li class="flex">
-                                    <a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
-                                        <i class="pi pi-cog text-xl mr-3"></i>
-                                        <span class="flex flex-column">
-                                            <span class="font-bold mb-1">Profile</span>
-                                            <span class="m-0 text-secondary">Account Settings</span>
-                                        </span>
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="box p-4 md:w-6 xl:w-full">
-                        <Calendar v-model="dateValue" :inline="true" :showWeek="true" class="w-full" />
-                    </div>
-                </div>
-            </div>
-
-            <div class="components-strip-top absolute w-full md:w-6 h-8rem top-0 left-0"></div>
-            <div class="components-strip-bottom absolute w-full md:w-6 h-8rem bottom-0 right-0"></div>
-        </div>
-    </section>
-</template>
-
-<script>
-import { NodeService } from '@/service/NodeService';
-export default {
-    data() {
-        return {
-            value1: 240,
-            value2: 356,
-            category: 'C',
-            chartData: {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        label: 'Income',
-                        data: [40, 59, 40, 50, 56, 40, 70],
-                        fill: true,
-                        borderColor: '#03C4E8',
-                        tension: 0.4,
-                        backgroundColor: 'rgba(3, 196, 232, .2)'
-                    }
-                ]
-            },
-            chartOptions: {
-                plugins: {
-                    legend: {
-                        display: false
-                    }
-                },
-                scales: {
-                    y: {
-                        ticks: {
-                            display: false
-                        },
-                        min: 0,
-                        max: 100
-                    },
-                    x: {
-                        ticks: {
-                            display: false
-                        }
-                    }
-                }
-            },
-            pbValue1: 15,
-            pbValue2: 85,
-            pbValue3: 50,
-            pbValue4: 75,
-            pbValue5: 60,
-            activeTabIndex: 0,
-            radioValue: 'C',
-            nodes: null,
-            switchValue: true,
-            selectButtonValue: { name: 'Prime', value: 1 },
-            dateValue: null,
-            rangeValues: [20, 80],
-            items: [
-                { label: 'Home', icon: 'pi pi-fw pi-home' },
-                { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-                { label: 'Settings', icon: 'pi pi-fw pi-cog' }
-            ],
-            selectButtonOptions: [
-                { name: 'Prime', value: 1 },
-                { name: 'Vue', value: 2 },
-                { name: 'Themes', value: 3 }
-            ]
-        };
-    },
-    mounted() {
-        NodeService.getTreeNodes().then((data) => (this.nodes = data));
-    },
-    methods: {
-        setCategory(category) {
-            this.category = category;
-        }
-    }
-};
-</script>
diff --git a/pages/landing/DesignerSection.vue b/pages/landing/DesignerSection.vue
deleted file mode 100644
index b36844b53b..0000000000
--- a/pages/landing/DesignerSection.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<template>
-    <section class="landing-designer py-8">
-        <div class="section-header">Theme Designer</div>
-        <p class="section-detail">Designer is the ultimate tool to create your own PrimeVue experience powered by a SASS based theme engine with 500+ variables and a Visual Designer.</p>
-        <div class="designer-main mt-7 justify-content-center px-5 lg:px-8" :style="{ backgroundImage: `url('https://primefaces.org/cdn/primevue/images/landing/wave-${$appState.darkTheme ? 'dark' : 'light'}.svg')`, backgroundSize: 'cover' }">
-            <div class="box p-4 flex flex-column md:flex-row z-1 designer-editor">
-                <div class="mr-0 md:mr-4 p-4 designer-controls box border-bottom-1 border-left-none border-right-none border-top-none md:border-bottom-none md:border-right-1" style="border-radius: '10px'">
-                    <div class="text-center mb-4">
-                        <img :src="'https://primefaces.org/cdn/primevue/images/landing/' + `${$appState.darkTheme ? 'designer-light.svg' : 'designer-dark.svg'}`" />
-                    </div>
-                    <div class="p-fluid">
-                        <span class="font-semibold block mb-3">Primary</span>
-                        <div>
-                            <button type="button" class="border-circle w-2rem h-2rem px-link mr-3" style="background-color: #4f8ff7" @click="changeTheme('#4f8ff7', '#3575dd')"></button>
-                            <button type="button" class="border-circle w-2rem h-2rem px-link mr-3" style="background-color: #03e8bf" @click="changeTheme('#03E8BF', '#02ba99')"></button>
-                            <button type="button" class="border-circle w-2rem h-2rem px-link mr-3" style="background-color: #916aff" @click="changeTheme('#916AFF', '#7455cc')"></button>
-                            <button type="button" class="border-circle w-2rem h-2rem px-link" style="background-color: #ffbd80" @click="changeTheme('#FFBD80', '#cc9766')"></button>
-                        </div>
-
-                        <span class="font-semibold block mt-4 mb-3">Font</span>
-                        <Dropdown v-model="font" :options="fonts" optionLabel="label" @change="changeFont"></Dropdown>
-
-                        <span class="font-semibold block mt-4 mb-3">Size</span>
-                        <div class="flex flex-wrap gap-4 align-items-center">
-                            <div class="flex align-items-center">
-                                <RadioButton id="size-small" v-model="size" value="small" name="sizevalue" />
-                                <label for="size-small" class="ml-2 font-medium">Small</label>
-                            </div>
-                            <div class="flex align-items-center">
-                                <RadioButton id="size-normal" v-model="size" value="normal" name="sizevalue" />
-                                <label for="size-normal" class="ml-2 font-medium">Normal</label>
-                            </div>
-                            <div class="flex align-items-center">
-                                <RadioButton id="size-large" v-model="size" value="large" name="sizevalue" />
-                                <label for="size-large" class="ml-2 font-medium">Large</label>
-                            </div>
-                        </div>
-
-                        <span class="font-semibold block mt-4 mb-3">Input Style</span>
-                        <div class="flex align-items-center mb-6">
-                            <div class="flex align-items-center">
-                                <RadioButton id="inputStyle1" value="outlined" name="inputstylevalue" :modelValue="inputstyle" @update:modelValue="onChange" />
-                                <label for="inputStyle1" class="ml-2 font-medium">Outlined</label>
-                            </div>
-                            <div class="flex align-items-center ml-4">
-                                <RadioButton id="inputStyle2" value="filled" name="inputstylevalue" :modelValue="inputstyle" @update:modelValue="onChange" />
-                                <label for="inputStyle2" class="ml-2 font-medium">Filled</label>
-                            </div>
-                        </div>
-
-                        <a href="https://designer.primevue.org" class="font-semibold p-3 border-round flex align-items-center linkbox active">
-                            <span>View Full Version</span>
-                            <i class="pi pi-arrow-right ml-auto"></i>
-                        </a>
-                    </div>
-                </div>
-                <div :ref="editorRef" :class="editorclass" style="border-radius: '10px'">
-                    <div class="p-fluid formgrid grid pt-3">
-                        <div class="field col-12 xl:col-6">
-                            <label for="username" class="font-semibold mb-3 p-component">Username</label>
-                            <InputText id="username" type="text" />
-                        </div>
-                        <div class="field col-12 xl:col-6">
-                            <label for="email" class="font-semibold mb-3 p-component">Email</label>
-                            <InputText id="email" type="text" />
-                        </div>
-                        <div class="field col-12 xl:col-6">
-                            <label for="price" class="font-semibold mb-3 p-component">Price</label>
-                            <div class="p-inputgroup">
-                                <span class="p-inputgroup-addon">$</span>
-                                <InputNumber id="price" placeholder="Price" />
-                                <span class="p-inputgroup-addon">.00</span>
-                            </div>
-                        </div>
-                        <div class="field col-12 xl:col-6">
-                            <label for="date" class="font-semibold mb-3 p-component">Date</label>
-                            <div class="p-inputgroup">
-                                <span class="p-inputgroup-addon">
-                                    <i class="pi pi-calendar"></i>
-                                </span>
-                                <InputMask id="date" placeholder="mm/dd/yyyy" mask="99/99/9999" slotChar="mm/dd/yyyy" />
-                            </div>
-                        </div>
-                        <div class="field col-12 xl:col-6">
-                            <span class="font-semibold mb-2 block mb-3 mt-3 p-component">City</span>
-                            <Listbox v-model="selectedCity" :options="cities" optionLabel="name" />
-                        </div>
-                        <div class="field col-12 xl:col-6">
-                            <label for="email" class="font-semibold mb-3 mt-3 p-component">Range</label>
-                            <Slider v-model="range" range />
-
-                            <span class="font-semibold mb-2 block mb-3 mt-5 p-component">Checkboxes</span>
-                            <div class="flex flex-column xl:flex-row xl:align-items-center">
-                                <div class="flex align-items-center">
-                                    <Checkbox id="cb1" v-model="values" :value="value1" name="cbvalue" />
-                                    <label for="cb1" class="ml-2 font-medium p-component white-space-nowrap">Option 1</label>
-                                </div>
-                                <div class="flex align-items-center mt-3 xl:mt-0 xl:ml-4">
-                                    <Checkbox id="cb2" v-model="values" :value="value2" name="cbvalue" />
-                                    <label for="cb2" class="ml-2 font-medium p-component white-space-nowrap">Option 2</label>
-                                </div>
-                            </div>
-
-                            <span class="font-semibold mb-2 block mb-3 mt-5 p-component">Buttons</span>
-                            <div class="flex align-items-center">
-                                <Button type="button" label="Save" icon="pi pi-check" class="mr-1"></Button>
-                                <Button type="button" label="Clear" icon="pi pi-times" outlined class="ml-1"></Button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            size: 'normal',
-            font: { label: 'System', value: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' },
-            fonts: [
-                { label: 'Arial', value: 'Arial,Helvetica Neue,Helvetica,sans-serif' },
-                { label: 'System', value: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' },
-                { label: 'Trebuchet MS', value: 'Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif' },
-                { label: 'Verdana', value: 'Verdana,Geneva,sans-serif' }
-            ],
-            selectedCity: null,
-            cities: [
-                { name: 'New York', code: 'NY' },
-                { name: 'Rome', code: 'RM' },
-                { name: 'London', code: 'LDN' },
-                { name: 'Paris', code: 'PRS' }
-            ],
-            range: [20, 80],
-            value1: 1,
-            value2: 2,
-            values: []
-        };
-    },
-    editor: null,
-    methods: {
-        changeTheme(color, darker) {
-            this.editor.style.setProperty('--dd-primary', color);
-            this.editor.style.setProperty('--dd-primary-darker', darker);
-        },
-        changeFont(event) {
-            this.editor.style.setProperty('--dd-font', event.value.value);
-            this.font = event.value;
-        },
-        onChange(value) {
-            this.$primevue.config.inputStyle = value;
-        },
-        editorRef(el) {
-            this.editor = el;
-        }
-    },
-    computed: {
-        editorclass() {
-            return [
-                'designer-demo',
-                {
-                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                    'demo-size-small': this.size === 'small',
-                    'demo-size-large': this.size === 'large'
-                }
-            ];
-        },
-        inputstyle() {
-            return this.$primevue.config.inputStyle;
-        }
-    }
-};
-</script>
diff --git a/pages/landing/FeaturesSection.vue b/pages/landing/FeaturesSection.vue
index e85c498903..90721b1bfa 100644
--- a/pages/landing/FeaturesSection.vue
+++ b/pages/landing/FeaturesSection.vue
@@ -2,28 +2,29 @@
     <section class="landing-features py-8">
         <div class="section-header">Features</div>
         <p class="section-detail">PrimeVue is the most complete solution for your UI requirements.</p>
-        <div class="mt-7 px-3 lg:px-8" :style="{ backgroundImage: `url('https://primefaces.org/cdn/primevue/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize: 'cover' }">
+        <div class="mt-7 px-3 lg:px-8" :style="{ backgroundImage: `url('https://primefaces.org/cdn/primevue/images/landing/wave-${$appState.darkTheme ? 'dark-alt-gray' : 'light-alt-gray'}.svg')`, backgroundSize: 'cover' }">
             <div class="features-container">
                 <div class="grid">
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
                         <div class="box p-4 w-full">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-components.svg" alt="components icon" class="block mb-3" />
-                            <div class="font-semibold mb-3 text-lg">90+ UI Components</div>
-                            <p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 90+ impressive Vue Components.</p>
+                            <div class="font-semibold mb-3 text-lg">80+ UI Components</div>
+                            <p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 80+ impressive Vue Components.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
                         <div class="box p-4 w-full">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3" />
-                            <div class="font-semibold mb-3 text-lg">Community</div>
-                            <p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Styled or Unstyled</div>
+                            <p class="m-0 text-secondary font-medium">Choose from a variety of pre-built themes or implement your design systems
+                                with the CSS library of your choice like TailwindCSS.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
                         <div class="box p-4 w-full">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3" />
-                            <div class="font-semibold mb-3 text-lg">Productivity</div>
-                            <p class="m-0 text-secondary font-medium">Boost your productivity by achieving more in less time and accomplish amazing results.</p>
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Community</div>
+                            <p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
@@ -49,9 +50,9 @@
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
                         <div class="box p-4 w-full">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3" />
-                            <div class="font-semibold mb-3 text-lg">Themes</div>
-                            <p class="m-0 text-secondary font-medium">Built on a design-agnostic api, choose from a vast amount of themes such as material, bootstrap, custom or develop your own.</p>
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Blocks</div>
+                            <p class="m-0 text-secondary font-medium">400+ pre-designed copy paste ready UI blocks to build spectacular apps in no time.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
diff --git a/pages/landing/FooterSection.vue b/pages/landing/FooterSection.vue
index d80a901ad5..7d925b6543 100644
--- a/pages/landing/FooterSection.vue
+++ b/pages/landing/FooterSection.vue
@@ -70,18 +70,37 @@
 
             <div class="flex flex-wrap justify-content-between py-6 gap-5">
                 <span>
-                    <img :src="'https://primefaces.org/cdn/primevue/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" />
+                    <svg width="165" height="40" viewBox="0 0 165 40" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:120px">
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M128.062 32C128.438 32 128.656 31.8125 128.75 31.4375L134.031 7.6875C134.125 7.25 133.938 7 133.469 7H130.5C130.125 7 129.906 7.1875 129.812 7.5625L126.5 24.3125L123.219 7.5625C123.125 7.1875 122.906 7 122.531 7H119.562C119.094 7 118.906 7.25 119 7.6875L124.25 31.4375C124.344 31.8125 124.562 32 124.938 32H128.062ZM144.562 32C147.5 32 149.062 30.4375 149.062 27.5V7.625C149.062 7.28125 148.781 7 148.438 7H145.562C145.219 7 144.938 7.28125 144.938 7.625V26.625C144.938 27.4688 144.5 27.875 143.688 27.875H142.062C141.25 27.875 140.812 27.4688 140.812 26.625V7.625C140.812 7.28125 140.531 7 140.188 7H137.188C136.844 7 136.562 7.28125 136.562 7.625V27.5C136.562 30.4375 138.125 32 141.062 32H144.562ZM164.656 31.5C164.656 31.8125 164.531 32 164.156 32H152.656C152.375 32 152.188 31.8125 152.188 31.5V7.5C152.188 7.1875 152.375 7 152.656 7H164.156C164.531 7 164.656 7.1875 164.656 7.5V10.625C164.656 10.9375 164.531 11.1562 164.156 11.1562H156.344V17.4062H162.312C162.625 17.4062 162.812 17.5938 162.812 17.9375V21.0312C162.812 21.375 162.625 21.5625 162.312 21.5625H156.344V27.875H164.156C164.531 27.875 164.656 28.0312 164.656 28.375V31.5Z" fill="var(--primary-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M48.0938 32C48.4375 32 48.5938 31.8125 48.5938 31.5V23.625H52.3438C55.2812 23.625 56.8438 22.0312 56.8438 19.125V11.5C56.8438 8.5625 55.2812 7 52.3438 7H44.8438C44.5312 7 44.3438 7.1875 44.3438 7.5V31.5C44.3438 31.8125 44.5312 32 44.8438 32H48.0938ZM51.3438 19.5H48.5938V11.125H51.3438C52.1875 11.125 52.5938 11.5625 52.5938 12.375V18.25C52.5938 19.0312 52.1875 19.5 51.3438 19.5ZM63.9062 31.5C63.9062 31.8125 63.7188 32 63.4062 32H60.1562C59.8438 32 59.6562 31.8125 59.6562 31.5V7.5C59.6562 7.1875 59.8438 7 60.1562 7H68C70.9375 7 72.5 8.5625 72.5 11.5V19.125C72.5 21.2188 71.7188 22.5938 70.2188 23.25L72.375 31.4375C72.4688 31.8125 72.2812 32 71.9375 32H68.6875C68.375 32 68.2188 31.8438 68.1562 31.5625L66.0625 23.625H63.9062V31.5ZM67 19.5H63.9062V11.125H67C67.8125 11.125 68.25 11.5625 68.25 12.375V18.25C68.25 19.0625 67.8125 19.5 67 19.5ZM79.875 31.5C79.875 31.8125 79.6875 32 79.375 32H76.125C75.7812 32 75.625 31.8125 75.625 31.5V7.5C75.625 7.1875 75.7812 7 76.125 7H79.375C79.6875 7 79.875 7.1875 79.875 7.5V31.5ZM86.5 32C86.9062 32 87.125 31.7812 87.125 31.375V17.3125H87.3438L90.4375 31.4375C90.5312 31.8125 90.75 32 91.125 32H92.6562C93.0312 32 93.25 31.8125 93.3438 31.4375L96.4375 17.3125H96.6562V31.375C96.6562 31.7812 96.875 32 97.2812 32H100.188C100.594 32 100.812 31.7812 100.812 31.375V7.625C100.812 7.21875 100.594 7 100.188 7H96.0625C95.6875 7 95.4688 7.1875 95.375 7.5625L91.9062 23.125L88.4375 7.5625C88.3438 7.1875 88.125 7 87.75 7H83.625C83.2188 7 83 7.21875 83 7.625V31.375C83 31.7812 83.2188 32 83.625 32H86.5ZM116.406 31.5C116.406 31.8125 116.281 32 115.906 32H104.406C104.125 32 103.938 31.8125 103.938 31.5V7.5C103.938 7.1875 104.125 7 104.406 7H115.906C116.281 7 116.406 7.1875 116.406 7.5V10.625C116.406 10.9375 116.281 11.1562 115.906 11.1562H108.094V17.4062H114.062C114.375 17.4062 114.562 17.5938 114.562 17.9375V21.0312C114.562 21.375 114.375 21.5625 114.062 21.5625H108.094V27.875H115.906C116.281 27.875 116.406 28.0312 116.406 28.375V31.5Z" fill="var(--text-color)"/>
+                        <path d="M25.5739 18.0458L22.8661 17.4443L24.9722 20.4519V29.7756L32.193 23.7603V13.5344L28.8835 14.7374L25.5739 18.0458Z" fill="var(--primary-color)"/>
+                        <path d="M8.72522 18.0458L11.433 17.4443L9.32696 20.4519V29.7756L2.10609 23.7603V13.5344L5.41565 14.7374L8.72522 18.0458Z" fill="var(--primary-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2296 21.0534L12.6365 17.4443L14.1409 18.3466H20.1582L21.6626 17.4443L24.0696 21.0534V34.5878L22.2643 37.2947L20.1582 39.4H14.1409L12.0348 37.2947L10.2296 34.5878V21.0534Z" fill="var(--primary-color)"/>
+                        <path d="M24.9722 35.4901L28.8835 31.5802V27.6702L24.9722 30.9786V35.4901Z" fill="var(--primary-color)"/>
+                        <path d="M9.32697 35.4901L5.41566 31.5802V27.6702L9.32697 30.9786V35.4901Z" fill="var(--primary-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0609 0H20.1583V5.7988L21.8141 1.78842L21.0609 0ZM19.5762 7.20849L18.9548 7.51908V0H17.7513V11.6281L19.5762 7.20849ZM17.7513 14.2483L22.3605 3.08549L23.4678 5.7145L19.8574 17.1435H17.7513V14.2483ZM16.5478 11.6718V0H15.3443V7.51908L14.8434 7.26869L16.5478 11.6718ZM14.1409 5.45385V0H13.2383L12.6085 1.49519L14.1409 5.45385ZM12.0497 2.82181L16.5478 14.4419V17.1435H14.7426L10.8313 5.7145L12.0497 2.82181Z" fill="var(--text-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.80522 12.3313L14.7426 17.1435H15.0435L11.1322 5.71452L0 4.81223L1.80522 12.3313ZM32.7948 12.3313L19.8574 17.1435H19.5565L23.167 5.71452L34.6 4.81223L32.7948 12.3313Z" fill="var(--primary-color)"/>
+                        <path d="M24.0696 4.81221L30.3878 4.21069L26.1757 0H21.9635L24.0696 4.81221Z" fill="var(--text-color)"/>
+                        <path d="M10.2295 4.81221L3.91129 4.21069L8.12346 0H12.3356L10.2295 4.81221Z" fill="var(--text-color)"/>
+                        <path d="M4.70001 5.20001L11.2 5.70001L15.1 17.15H14.7L10.5 15.6L4.70001 5.20001Z" fill="var(--text-color)"/>
+                        <path d="M29.8 5.20001L23.1 5.70001L19.4 17.15L19.9 17.14L23.8 15.7L29.8 5.20001Z" fill="var(--text-color)"/>
+                        <path d="M12.1 18.2L12.6 17.4L14.3 18.2H20.3L21.6 17.4L22.2 18.2L17.15 26.8L12.1 18.2Z" fill="var(--text-color)"/>
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0297 0L17.1214 13.1536L22.5526 0H12.0297Z" fill="var(--primary-color)"/>
+                    </svg>
                 </span>
-                <div class="flex align-items-center">
-                    <a href="https://twitter.com/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3">
+                <div class="flex align-items-center gap-2">
+                    <a href="https://twitter.com/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center">
                         <i class="pi pi-twitter"></i>
                     </a>
-                    <a href="https://github.com/primefaces/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3">
+                    <a href="https://github.com/primefaces/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center">
                         <i class="pi pi-github"></i>
                     </a>
                     <a href="https://discord.gg/gzKFYnpmCY" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center">
                         <i class="pi pi-discord"></i>
                     </a>
+                    <a href="https://github.com/orgs/primefaces/discussions" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center">
+                        <i class="pi pi-comments"></i>
+                    </a>
                 </div>
             </div>
         </div>
diff --git a/pages/landing/HeaderSection.vue b/pages/landing/HeaderSection.vue
deleted file mode 100644
index e4f7dc91d2..0000000000
--- a/pages/landing/HeaderSection.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-    <section :ref="containerRef" :class="['landing-header px-5 lg:px-8', { 'landing-header-active': menuActive }]">
-        <div class="landing-header-container">
-            <span>
-                <img :src="'https://primefaces.org/cdn/primevue/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" class="landing-header-logo" />
-            </span>
-
-            <div class="flex align-items-center">
-                <nav class="scalein origin-top">
-                    <ol class="list-none m-0 p-0 flex flex-column lg:flex-row flex-wrap lg:flex-nowrap lg:align-items-center font-semibold">
-                        <li class="mr-0 lg:mr-2">
-                            <router-link to="/installation">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/core-icon.svg" alt="primevue core" />
-                                <span>Components</span>
-                            </router-link>
-                        </li>
-                        <li class="mr-0 lg:mr-2">
-                            <a href="https://blocks.primevue.org">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/blocks-icon.svg" alt="primevue blocks" />
-                                <span>Blocks</span>
-                            </a>
-                        </li>
-                        <li class="mr-0 lg:mr-2">
-                            <a href="https://designer.primevue.org">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/designer-icon.svg" alt="primevue designer" />
-                                <span>Designer</span>
-                            </a>
-                        </li>
-                        <li class="mr-0 lg:mr-2">
-                            <router-link to="/uikit">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
-                                <span>UI Kit</span>
-                            </router-link>
-                        </li>
-                        <li class="mr-0 lg:mr-2">
-                            <a href="https://www.primefaces.org/store/templates.xhtml">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/templates-icon.svg" alt="primevue templates" />
-                                <span>Templates</span>
-                            </a>
-                        </li>
-                    </ol>
-                </nav>
-                <a href="https://github.com/primefaces/primevue" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
-                    <i class="pi pi-github"></i>
-                </a>
-                <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
-                    <i class="pi pi-discord"></i>
-                </a>
-                <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
-                    <i class="pi pi-comments"></i>
-                </a>
-                <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center" @click="toggleTheme">
-                    <i :class="['pi', { 'pi-sun': isDarkTheme(), 'pi-moon': !isDarkTheme() }]"></i>
-                </button>
-                <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-1 md:ml-2 menu-button" @click="toggleMenuActive">
-                    <i class="pi pi-bars"></i>
-                </button>
-            </div>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    emits: ['theme-toggle'],
-    data() {
-        return {
-            menuActive: false
-        };
-    },
-    scrollListener: null,
-    container: null,
-    mounted() {
-        this.bindScrollListener();
-    },
-    beforeUnmount() {
-        if (this.scrollListener) {
-            this.unbindScrollListener();
-        }
-    },
-    updated() {
-        this.checkSticky();
-    },
-    methods: {
-        isDarkTheme() {
-            return this.$appState.darkTheme === true;
-        },
-        toggleTheme() {
-            this.$emit('theme-toggle');
-        },
-        toggleMenuActive() {
-            this.menuActive = !this.menuActive;
-        },
-        bindScrollListener() {
-            if (!this.scrollListener && this.container) {
-                this.scrollListener = () => {
-                    this.checkSticky();
-                };
-            }
-
-            window.addEventListener('scroll', this.scrollListener);
-        },
-        unbindScrollListener() {
-            if (this.scrollListener) {
-                window.removeEventListener('scroll', this.scrollListener);
-                this.scrollListener = null;
-            }
-        },
-        containerRef(el) {
-            this.container = el;
-        },
-        checkSticky() {
-            if (window.scrollY > 0) this.container.classList.add('landing-header-sticky');
-            else this.container.classList.remove('landing-header-sticky');
-        }
-    }
-};
-</script>
diff --git a/pages/landing/HeroSection.vue b/pages/landing/HeroSection.vue
index 156aa77ad4..c43633e27f 100644
--- a/pages/landing/HeroSection.vue
+++ b/pages/landing/HeroSection.vue
@@ -1,111 +1,195 @@
 <template>
-    <section :class="['landing-hero flex align-items-center flex-column justify-content-center relative', { 'hero-animation': setAnimation }]">
-        <div class="hero-inner z-2 relative">
-            <div class="flex flex-column md:align-items-center md:flex-row">
-                <div class="p-2 flex flex-row md:flex-column">
-                    <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="navigateTo('https://www.primefaces.org/store')">
-                        <div class="flex flex-column align-items-center">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/templates-icon.svg" alt="primevue templates" />
-                            <div class="name">
-                                <b>Templates</b>
-                                <span>Spectacular Designs</span>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation ml-4 md:ml-0 md:mt-4 flex align-items-center justify-content-center" @click="navigateTo('https://designer.primevue.org')">
-                        <div class="flex flex-column align-items-center">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/designer-icon.svg" alt="primevue templates" />
-                            <div class="name">
-                                <b>Theme Designer</b>
-                                <span>Create Your Own</span>
-                            </div>
-                        </div>
-                    </div>
+    <section class="landing-hero py-8 px-5 lg:px-8">
+        <div class="flex flex-wrap">
+            <div class="w-full xl:w-6 flex flex-column justify-content-center lg:px-8 align-items-center xl:align-items-stretch">
+                <h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Suite for <span class="font-bold text-primary">Vue.js</span></h1>
+                <p class="section-detail xl:text-left text-center px-0 mt-0 mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                <div>
+                    <PrimeVueNuxtLink to="/installation" class="linkbox active font-semibold py-3 px-4"> Get Started <i class="pi pi-arrow-right ml-3"></i> </PrimeVueNuxtLink>
                 </div>
-                <div class="p-2 flex flex-row md:flex-column">
-                    <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="navigateTo('https://github.com/primefaces/primevue')">
-                        <div class="flex flex-column align-items-center">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/core-icon.svg" alt="primevue core" />
-                            <div class="name">
-                                <b>Open Source</b>
-                                <span>90+ UI Components</span>
+            </div>
+            <div class="w-full xl:w-6 pt-7 xl:pt-0 hidden md:block">
+                <div class="flex">
+                    <div class="flex flex-column w-6 gap-5 pt-8 pr-3">
+                        <div class="box p-4">
+                            <span class="text-secondary font-medium block mb-3">Balance</span>
+                            <div class="flex flex-wrap lg:flex-nowrap justify-content-start gap-3">
+                                <InputNumber v-model="value1" mode="currency" currency="USD" locale="en-US" class="w-full" inputClass="lg:w-6" />
+                                <InputNumber v-model="value2" mode="currency" currency="USD" locale="en-US" class="w-full" inputClass="lg:w-6" />
                             </div>
-                        </div>
-                    </div>
-                    <router-link to="/installation">
-                        <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation logo hidden md:flex my-4 align-items-center justify-content-center">
-                            <div class="hero-box-inner text-center">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/overview-icon.svg" alt="primevue main" />
-                                <div class="name">
-                                    <b class="font-bold">NEXT-GEN VUE UI</b>
+                            <span class="text-secondary font-medium block mt-5 mb-3">Category</span>
+                            <div class="flex justify-content-between flex-wrap gap-3">
+                                <div class="flex align-items-center">
+                                    <RadioButton id="category1" v-model="radioValue" value="C" name="radiovalue" @change="setCategory('C')" />
+                                    <label for="category1" class="ml-2 font-medium">Clothing</label>
+                                </div>
+                                <div class="flex align-items-center">
+                                    <RadioButton id="category2" v-model="radioValue" value="F" name="radiovalue" @change="setCategory('F')" />
+                                    <label for="category2" class="ml-2 font-medium">Fitness</label>
+                                </div>
+                                <div class="flex align-items-center">
+                                    <RadioButton id="category3" v-model="radioValue" value="E" name="radiovalue" @change="setCategory('E')" />
+                                    <label for="category3" class="ml-2 font-medium">Electronics</label>
                                 </div>
                             </div>
+                            <span class="text-secondary font-medium block mt-5 mb-3">Order Date</span>
+                            <Calendar v-model="dateValue" :showWeek="true" class="w-full" />
                         </div>
-                    </router-link>
-                    <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex ml-4 md:ml-0 align-items-center justify-content-center" @click="navigateTo('https://primeflex.org')">
-                        <div class="flex flex-column align-items-center">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/css-icon.svg" alt="primevue icons" />
-                            <div class="name">
-                                <b>CSS Utilities</b>
-                                <span>PrimeFlex CSS</span>
-                            </div>
+                        <div class="box p-4">
+                            <Chart type="line" :data="chartData" :options="chartOptions" />
                         </div>
-                    </div>
-                </div>
-                <div class="p-2 flex flex-row md:flex-column">
-                    <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="navigateTo('https://blocks.primevue.org')">
-                        <div class="flex flex-column align-items-center">
-                            <img src="https://primefaces.org/cdn/primevue/images/landing/blocks-icon.svg" alt="primevue templates" />
-                            <div class="name">
-                                <b>Prime Blocks</b>
-                                <span>400+ UI Blocks</span>
+                        <div class="box p-4">
+                            <div class="flex align-items-center">
+                                <Chip label="Vue" class="mr-2 font-medium" />
+                                <span class="font-medium">Typescript</span>
+                                <InputSwitch v-model="switchValue" class="ml-auto"></InputSwitch>
+                            </div>
+                            <div class="mt-5 flex justify-content-center">
+                                <SelectButton v-model="selectButtonValue" :options="selectButtonOptions" optionLabel="name" />
+                            </div>
+                            <div class="mt-5">
+                                <Slider v-model="rangeValues" range class="w-full" />
                             </div>
                         </div>
                     </div>
-                    <router-link to="/icons">
-                        <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex ml-4 md:ml-0 md:mt-4 align-items-center justify-content-center">
-                            <div class="flex flex-column align-items-center">
-                                <img src="https://primefaces.org/cdn/primevue/images/landing/icons-icon.svg" alt="primevue templates" />
-                                <div class="name">
-                                    <b>Icon Library</b>
-                                    <span>200+ Icons</span>
+                    <div class="flex flex-column w-6 gap-5 pl-3">
+                        <div class="box p-4">
+                            <div class="surface-card mb-4 w-full text-center p-5" style="border-radius: '10px'">
+                                <img src="https://primefaces.org/cdn/primevue/images/landing/brown-watch.png" alt="Watch" class="w-14rem" />
+                            </div>
+                            <div class="flex align-items-center mb-4">
+                                <div class="flex flex-column">
+                                    <span class="block font-semibold mb-1">Brown Watch</span>
+                                    <span class="text-secondary text-sm">Premium Quality</span>
                                 </div>
+                                <span class="font-medium text-xl ml-auto">$12.45</span>
                             </div>
+                            <Button label="Add to Cart" icon="pi pi-shopping-cart" outlined class="w-full"></Button>
                         </div>
-                    </router-link>
+                        <div class="box p-4 w-full">
+                            <ul class="list-none p-0 m-0">
+                                <li class="flex mb-3">
+                                    <span class="mr-3">
+                                        <img src="https://primefaces.org/cdn/primevue/images/landing/avatar.png" alt="Avatar" class="w-3rem h-3rem" />
+                                    </span>
+                                    <div class="flex flex-column">
+                                        <span class="font-bold mb-2">Amanda Williams</span>
+                                        <p class="m-0 text-secondary">Webmaster</p>
+                                    </div>
+                                </li>
+                                <li class="flex">
+                                    <a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
+                                        <i class="pi pi-home text-xl mr-3"></i>
+                                        <span class="flex flex-column">
+                                            <span class="font-bold mb-1">Dashboard</span>
+                                            <span class="m-0 text-secondary">Control Panel</span>
+                                        </span>
+                                    </a>
+                                </li>
+                                <li class="flex">
+                                    <a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
+                                        <i class="pi pi-envelope text-xl mr-3"></i>
+                                        <span class="flex flex-column">
+                                            <span class="font-bold mb-1">Inbox</span>
+                                            <span class="m-0 text-secondary">View Messages</span>
+                                        </span>
+                                        <Badge value="3" class="ml-auto"></Badge>
+                                    </a>
+                                </li>
+                                <li class="flex">
+                                    <a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
+                                        <i class="pi pi-cog text-xl mr-3"></i>
+                                        <span class="flex flex-column">
+                                            <span class="font-bold mb-1">Profile</span>
+                                            <span class="m-0 text-secondary">Account Settings</span>
+                                        </span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="box p-4">
+                            <TabMenu v-model:activeIndex="activeTabIndex" :model="items" />
+                        </div>
+                    </div>
                 </div>
             </div>
-            <div class="hero-border-top hidden md:block"></div>
-            <div class="hero-border-left hidden md:block"></div>
-            <div class="hero-border-right hidden md:block"></div>
-        </div>
-        <GetStartedSection />
-        <div class="hero-bg absolute top-0 left-0 right-0 bottom-0 z-0">
-            <div class="hero-strip-top"></div>
-            <div class="hero-strip-left"></div>
         </div>
     </section>
 </template>
 
 <script>
-import GetStartedSection from './GetStartedSection';
+import { NodeService } from '@/service/NodeService';
 
 export default {
     data() {
         return {
-            setAnimation: false
+            value1: 240,
+            value2: 356,
+            category: 'C',
+            chartData: {
+                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+                datasets: [
+                    {
+                        label: 'Income',
+                        data: [40, 59, 40, 50, 56, 40, 70],
+                        fill: true,
+                        borderColor: '#10b981',
+                        tension: 0.4,
+                        backgroundColor: 'rgba(16, 185, 129, .2)'
+                    }
+                ]
+            },
+            chartOptions: {
+                plugins: {
+                    legend: {
+                        display: false
+                    }
+                },
+                scales: {
+                    y: {
+                        ticks: {
+                            display: false
+                        },
+                        min: 0,
+                        max: 100
+                    },
+                    x: {
+                        ticks: {
+                            display: false
+                        }
+                    }
+                }
+            },
+            pbValue1: 15,
+            pbValue2: 85,
+            pbValue3: 50,
+            pbValue4: 75,
+            pbValue5: 60,
+            activeTabIndex: 0,
+            radioValue: 'C',
+            nodes: null,
+            switchValue: true,
+            selectButtonValue: { name: 'Styled', value: 1 },
+            dateValue: null,
+            rangeValues: [20, 80],
+            items: [
+                { label: 'Home', icon: 'pi pi-fw pi-home' },
+                { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
+                { label: 'Settings', icon: 'pi pi-fw pi-cog' }
+            ],
+            selectButtonOptions: [
+                { name: 'Styled', value: 1 },
+                { name: 'Unstyled', value: 2 }
+            ]
         };
     },
     mounted() {
-        this.setAnimation = true;
+        NodeService.getTreeNodes().then((data) => (this.nodes = data));
     },
     methods: {
-        navigateTo(url) {
-            window.location.href = url;
+        setCategory(category) {
+            this.category = category;
         }
-    },
-    components: {
-        GetStartedSection: GetStartedSection
     }
 };
 </script>
diff --git a/pages/landing/Intro.vue b/pages/landing/Intro.vue
deleted file mode 100644
index fe87171955..0000000000
--- a/pages/landing/Intro.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-    <div class="landing-intro">
-        <AppNews v-if="$appState.newsActive" />
-        <HeaderSection @theme-toggle="$emit('change:theme')" />
-        <HeroSection />
-    </div>
-</template>
-
-<script>
-import AppNews from '@/layouts/AppNews';
-import HeaderSection from './HeaderSection';
-import HeroSection from './HeroSection';
-
-export default {
-    emits: ['change:theme'],
-    components: {
-        HeaderSection,
-        HeroSection,
-        AppNews
-    }
-};
-</script>
diff --git a/pages/landing/ThemeSection.vue b/pages/landing/ThemeSection.vue
index 57bd1f08ec..95fc4d0659 100644
--- a/pages/landing/ThemeSection.vue
+++ b/pages/landing/ThemeSection.vue
@@ -3,14 +3,14 @@
         <div class="section-header">Themes</div>
         <p class="section-detail">Crafted on a design-agnostic infrastructure, choose from a vast amount of themes such as material, bootstrap, tailwind, primeone or develop your own.</p>
         <div class="flex flex-wrap justify-content-center">
-            <button type="button" :class="['font-medium linkbox mr-3 mt-4', { active: theme && theme.startsWith('lara') }]" @click="changeTheme('lara', 'blue')">PrimeOne</button>
+            <button type="button" :class="['font-medium linkbox mr-3 mt-4', { active: theme && theme.startsWith('lara') }]" @click="changeTheme('lara', 'teal')">PrimeOne</button>
             <button type="button" :class="['font-medium linkbox mr-3 mt-4', { active: theme && theme.startsWith('md') }]" @click="changeTheme('md', 'indigo')">Material</button>
             <button type="button" :class="['font-medium linkbox mr-3 mt-4', { active: theme && theme.startsWith('bootstrap4') }]" @click="changeTheme('bootstrap4', 'blue')">Bootstrap</button>
             <a type="button" class="font-medium px-link linkbox mt-4" href="https://designer.primevue.org">more...</a>
         </div>
         <div
             class="themes-main flex mt-7 justify-content-center px-5 lg:px-8"
-            :style="{ backgroundImage: `url('https://primefaces.org/cdn/primevue/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize: 'cover' }"
+            :style="{ backgroundImage: `url('https://primefaces.org/cdn/primevue/images/landing/wave-${$appState.darkTheme ? 'dark-alt-gray' : 'light-alt-gray'}.svg')`, backgroundSize: 'cover' }"
         >
             <div class="box overflow-hidden z-1 p-5 table-container">
                 <DataTable
diff --git a/pages/landing/UsersSection.vue b/pages/landing/UsersSection.vue
index dceb133688..4f040fd9f4 100644
--- a/pages/landing/UsersSection.vue
+++ b/pages/landing/UsersSection.vue
@@ -2,7 +2,7 @@
     <section class="landing-users py-8 px-3 lg:px-8">
         <div class="section-header">Who Uses</div>
         <p class="section-detail">
-            PrimeTek libraries have reached over <span class="font-semibold animated-text relative white-space-nowrap"> <span>110 Million Downloads </span> </span> on npm! Join the PrimeLand community and experience the difference yourself.
+            PrimeTek libraries have reached over <span class="font-semibold animated-text relative white-space-nowrap"> <span>140 Million Downloads </span> </span> on npm! Join the PrimeLand community and experience the difference yourself.
         </p>
         <div class="flex justify-content-center align-items-center mt-4">
             <span class="ml-2"> </span>
diff --git a/plugins/appState.js b/plugins/appState.js
index dba0c9f772..8ff3b9f64e 100644
--- a/plugins/appState.js
+++ b/plugins/appState.js
@@ -1,6 +1,6 @@
 const $appState = {
     install: (Vue, options) => {
-        Vue.config.globalProperties.$appState = reactive({ theme: 'lara-light-blue', darkTheme: false, codeSandbox: false, sourceType: 'options-api', newsActive: true, announcement: {}, storageKey: 'primevue' });
+        Vue.config.globalProperties.$appState = reactive({ theme: 'lara-light-teal', darkTheme: false, codeSandbox: false, sourceType: 'options-api', newsActive: true, announcement: {}, storageKey: 'primevue' });
     }
 };
 
diff --git a/public/styles/landing/themes/lara-dark-blue/theme.css b/public/styles/landing/themes/lara-dark-blue/theme.css
deleted file mode 100644
index 34cd15ec69..0000000000
--- a/public/styles/landing/themes/lara-dark-blue/theme.css
+++ /dev/null
@@ -1,1722 +0,0 @@
-.landing-themes * {
-  box-sizing: border-box;
-}
-.landing-themes .box.table-container {
-  background-color: #071426;
-}
-.landing-themes .p-component {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 1rem;
-  font-weight: normal;
-}
-.landing-themes .p-component-overlay {
-  background-color: rgba(0, 0, 0, 0.4);
-  transition-duration: 0.2s;
-}
-.landing-themes .p-disabled, .landing-themes .p-component:disabled {
-  opacity: 0.4;
-}
-.landing-themes .p-error {
-  color: #FCA5A5;
-}
-.landing-themes .p-text-secondary {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .pi {
-  font-size: 1rem;
-}
-.landing-themes .p-link {
-  font-size: 1rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  border-radius: 6px;
-}
-.landing-themes .p-link:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-.landing-themes .p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-.landing-themes .p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: #FCA5A5;
-}
-.landing-themes .p-datepicker {
-  padding: 0.5rem;
-  background: #071426;
-  color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #0b213f;
-  border-radius: 6px;
-}
-.landing-themes .p-datepicker:not(.p-datepicker-inline) {
-  background: #071426;
-  border: 1px solid #0b213f;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.landing-themes .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: #071426;
-}
-.landing-themes .p-datepicker .p-datepicker-header {
-  padding: 0.5rem;
-  color: rgba(255, 255, 255, 0.87);
-  background: #071426;
-  font-weight: 700;
-  margin: 0;
-  border-bottom: 1px solid #0b213f;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: rgba(255, 255, 255, 0.6);
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: rgba(255, 255, 255, 0.87);
-  border-color: transparent;
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select {
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-  border-color: #93C5FD;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-datepicker table {
-  font-size: 1rem;
-  margin: 0.5rem 0;
-}
-.landing-themes .p-datepicker table th {
-  padding: 0.5rem;
-}
-.landing-themes .p-datepicker table th > span {
-  width: 2.5rem;
-  height: 2.5rem;
-}
-.landing-themes .p-datepicker table td {
-  padding: 0.5rem;
-}
-.landing-themes .p-datepicker table td > span {
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: 50%;
-  transition: box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.landing-themes .p-datepicker table td > span.p-highlight {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-datepicker table td > span:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-datepicker table td.p-datepicker-today > span {
-  background: transparent;
-  color: #93C5FD;
-  border-color: transparent;
-}
-.landing-themes .p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-datepicker .p-datepicker-buttonbar {
-  padding: 1rem 0;
-  border-top: 1px solid #0b213f;
-}
-.landing-themes .p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.landing-themes .p-datepicker .p-timepicker {
-  border-top: 1px solid #0b213f;
-  padding: 0.5rem;
-}
-.landing-themes .p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: rgba(255, 255, 255, 0.6);
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datepicker .p-timepicker button:enabled:hover {
-  color: rgba(255, 255, 255, 0.87);
-  border-color: transparent;
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-datepicker .p-timepicker button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-datepicker .p-timepicker button:last-child {
-  margin-top: 0.2em;
-}
-.landing-themes .p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.landing-themes .p-datepicker .p-timepicker > div {
-  padding: 0 0.5rem;
-}
-.landing-themes .p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.landing-themes .p-datepicker .p-monthpicker {
-  margin: 0.5rem 0;
-}
-.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5rem;
-  transition: box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-right: 1px solid #0b213f;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-}
-.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-  border-right: 0 none;
-}
-.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-@media screen and (max-width: 769px) {
-  .landing-themes .p-datepicker table th, .landing-themes .p-datepicker table td {
-    padding: 0;
-  }
-}
-.landing-themes .p-checkbox {
-  width: 22px;
-  height: 22px;
-}
-.landing-themes .p-checkbox .p-checkbox-box {
-  border: 2px solid #0b213f;
-  background: #040d19;
-  width: 22px;
-  height: 22px;
-  color: rgba(255, 255, 255, 0.87);
-  border-radius: 6px;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: #1c2127;
-  font-size: 14px;
-}
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight {
-  border-color: #93C5FD;
-  background: #93C5FD;
-}
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
-  border-color: #6cb0fc;
-  background: #6cb0fc;
-  color: #1c2127;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border-color: #93C5FD;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-  border-color: #93C5FD;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  border-color: #6cb0fc;
-  background: #6cb0fc;
-  color: #1c2127;
-}
-.landing-themes .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #FCA5A5;
-}
-.landing-themes .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
-  background: #93C5FD;
-}
-.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  background: #6cb0fc;
-}
-.landing-themes .p-dropdown {
-  background: #040d19;
-  border: 1px solid #0b213f;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-dropdown:not(.p-disabled):hover {
-  border-color: #93C5FD;
-}
-.landing-themes .p-dropdown:not(.p-disabled).p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-  border-color: #93C5FD;
-}
-.landing-themes .p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.landing-themes .p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.landing-themes .p-dropdown .p-dropdown-label.p-placeholder {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.landing-themes .p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: rgba(255, 255, 255, 0.6);
-  width: 3rem;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.landing-themes .p-dropdown .p-dropdown-clear-icon {
-  color: rgba(255, 255, 255, 0.6);
-  right: 3rem;
-}
-.landing-themes .p-dropdown.p-invalid.p-component {
-  border-color: #FCA5A5;
-}
-.landing-themes .p-dropdown-panel {
-  background: #071426;
-  color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #0b213f;
-  border-radius: 6px;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header {
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #0b213f;
-  color: rgba(255, 255, 255, 0.87);
-  background: #071426;
-  margin: 0;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
-  padding-right: 3.5rem;
-  margin-right: -3.5rem;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
-  right: 2.5rem;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items {
-  padding: 0.75rem 0;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  border: 0 none;
-  color: rgba(255, 255, 255, 0.87);
-  background: transparent;
-  transition: box-shadow 0.2s;
-  border-radius: 0;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  color: rgba(255, 255, 255, 0.87);
-  background: #091a32;
-  font-weight: 700;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  padding: 0.75rem 1.25rem;
-  color: rgba(255, 255, 255, 0.87);
-  background: transparent;
-}
-.landing-themes .p-input-filled .p-dropdown {
-  background: #0b213f;
-}
-.landing-themes .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
-  background-color: transparent;
-}
-.landing-themes .p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: #FCA5A5;
-}
-.landing-themes .p-inputtext {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 1rem;
-  color: rgba(255, 255, 255, 0.87);
-  background: #040d19;
-  padding: 0.75rem 0.75rem;
-  border: 1px solid #0b213f;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 6px;
-}
-.landing-themes .p-inputtext:enabled:hover {
-  border-color: #93C5FD;
-}
-.landing-themes .p-inputtext:enabled:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-  border-color: #93C5FD;
-}
-.landing-themes .p-inputtext.p-invalid.p-component {
-  border-color: #FCA5A5;
-}
-.landing-themes .p-inputtext.p-inputtext-sm {
-  font-size: 0.875rem;
-  padding: 0.65625rem 0.65625rem;
-}
-.landing-themes .p-inputtext.p-inputtext-lg {
-  font-size: 1.25rem;
-  padding: 0.9375rem 0.9375rem;
-}
-.landing-themes .p-float-label > label {
-  left: 0.75rem;
-  color: rgba(255, 255, 255, 0.6);
-  transition-duration: 0.2s;
-}
-.landing-themes .p-float-label > label.p-error {
-  color: #FCA5A5;
-}
-.landing-themes .p-input-icon-left > i:first-of-type,
-.landing-themes .p-input-icon-left > svg:first-of-type,
-.landing-themes .p-input-icon-left > .p-input-prefix {
-  left: 0.75rem;
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-input-icon-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-.landing-themes .p-input-icon-left.p-float-label > label {
-  left: 2.5rem;
-}
-.landing-themes .p-input-icon-right > i:last-of-type,
-.landing-themes .p-input-icon-right > svg:last-of-type,
-.landing-themes .p-input-icon-right > .p-input-suffix {
-  right: 0.75rem;
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-input-icon-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-.landing-themes ::-webkit-input-placeholder {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes :-moz-placeholder {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes ::-moz-placeholder {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes :-ms-input-placeholder {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-input-filled .p-inputtext {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-inputtext:enabled:hover {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-inputtext:enabled:focus {
-  background-color: #0b213f;
-}
-.landing-themes .p-inputtext-sm .p-inputtext {
-  font-size: 0.875rem;
-  padding: 0.65625rem 0.65625rem;
-}
-.landing-themes .p-inputtext-lg .p-inputtext {
-  font-size: 1.25rem;
-  padding: 0.9375rem 0.9375rem;
-}
-.landing-themes .p-multiselect {
-  background: #040d19;
-  border: 1px solid #0b213f;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-multiselect:not(.p-disabled):hover {
-  border-color: #93C5FD;
-}
-.landing-themes .p-multiselect:not(.p-disabled).p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-  border-color: #93C5FD;
-}
-.landing-themes .p-multiselect.p-multiselect-clearable .p-multiselect-label {
-  padding-right: 1.75rem;
-}
-.landing-themes .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;
-}
-.landing-themes .p-multiselect .p-multiselect-label.p-placeholder {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0.375rem 0.75rem;
-  margin-right: 0.5rem;
-  background: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-  border-radius: 6px;
-}
-.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: rgba(255, 255, 255, 0.6);
-  width: 3rem;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.landing-themes .p-multiselect .p-multiselect-clear-icon {
-  color: rgba(255, 255, 255, 0.6);
-  right: 3rem;
-}
-.landing-themes .p-multiselect.p-invalid.p-component {
-  border-color: #FCA5A5;
-}
-.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
-  padding: 0.375rem 0.75rem;
-}
-.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
-  padding: 0.75rem 0.75rem;
-}
-.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
-  padding-right: 1.75rem;
-}
-.landing-themes .p-multiselect-panel {
-  background: #071426;
-  color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #0b213f;
-  border-radius: 6px;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header {
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #0b213f;
-  color: rgba(255, 255, 255, 0.87);
-  background: #071426;
-  margin: 0;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
-  margin: 0 0.5rem;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2rem;
-  height: 2rem;
-  color: rgba(255, 255, 255, 0.6);
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: rgba(255, 255, 255, 0.87);
-  border-color: transparent;
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items {
-  padding: 0.75rem 0;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  border: 0 none;
-  color: rgba(255, 255, 255, 0.87);
-  background: transparent;
-  transition: box-shadow 0.2s;
-  border-radius: 0;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  color: rgba(255, 255, 255, 0.87);
-  background: #091a32;
-  font-weight: 700;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.75rem 1.25rem;
-  color: rgba(255, 255, 255, 0.87);
-  background: transparent;
-}
-.landing-themes .p-input-filled .p-multiselect {
-  background: #0b213f;
-}
-.landing-themes .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: #0b213f;
-}
-.landing-themes .p-radiobutton {
-  width: 22px;
-  height: 22px;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box {
-  border: 2px solid #0b213f;
-  background: #040d19;
-  width: 22px;
-  height: 22px;
-  color: rgba(255, 255, 255, 0.87);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border-color: #93C5FD;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-  border-color: #93C5FD;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  width: 12px;
-  height: 12px;
-  transition-duration: 0.2s;
-  background-color: #1c2127;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight {
-  border-color: #93C5FD;
-  background: #93C5FD;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-  border-color: #6cb0fc;
-  background: #6cb0fc;
-  color: #1c2127;
-}
-.landing-themes .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #FCA5A5;
-}
-.landing-themes .p-radiobutton:focus {
-  outline: 0 none;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: #0b213f;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
-  background: #93C5FD;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-  background: #6cb0fc;
-}
-.landing-themes .p-slider {
-  background: #0b213f;
-  border: 0 none;
-  border-radius: 6px;
-}
-.landing-themes .p-slider.p-slider-horizontal {
-  height: 0.286rem;
-}
-.landing-themes .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.5715rem;
-  margin-left: -0.5715rem;
-}
-.landing-themes .p-slider.p-slider-vertical {
-  width: 0.286rem;
-}
-.landing-themes .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.5715rem;
-  margin-bottom: -0.5715rem;
-}
-.landing-themes .p-slider .p-slider-handle {
-  height: 1.143rem;
-  width: 1.143rem;
-  background: #0b213f;
-  border: 2px solid #93C5FD;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-slider .p-slider-handle:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-slider .p-slider-range {
-  background: #93C5FD;
-}
-.landing-themes .p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: #93C5FD;
-  border-color: #93C5FD;
-}
-.landing-themes .p-button {
-  color: #1c2127;
-  background: #93C5FD;
-  border: 1px solid #93C5FD;
-  padding: 0.75rem 1.25rem;
-  font-size: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-button:enabled:hover, .landing-themes .p-button:not(button):not(a):not(.p-disabled):hover {
-  background: #7fbafd;
-  color: #1c2127;
-  border-color: #7fbafd;
-}
-.landing-themes .p-button:enabled:active, .landing-themes .p-button:not(button):not(a):not(.p-disabled):active {
-  background: #6cb0fc;
-  color: #1c2127;
-  border-color: #6cb0fc;
-}
-.landing-themes .p-button.p-button-outlined {
-  background-color: transparent;
-  color: #93C5FD;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(165, 180, 252, 0.04);
-  color: #93C5FD;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(147, 197, 253, 0.16);
-  color: #93C5FD;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-outlined.p-button-plain {
-  color: rgba(255, 255, 255, 0.6);
-  border-color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
-  background: rgba(255, 255, 255, 0.16);
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-button.p-button-text {
-  background-color: transparent;
-  color: #93C5FD;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-text:enabled:hover, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(165, 180, 252, 0.04);
-  color: #93C5FD;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-text:enabled:active, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(147, 197, 253, 0.16);
-  color: #93C5FD;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-text.p-button-plain {
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-button.p-button-text.p-button-plain:enabled:active, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
-  background: rgba(255, 255, 255, 0.16);
-  color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-button .p-button-icon-left {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-button .p-button-icon-right {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-button .p-button-icon-bottom {
-  margin-top: 0.5rem;
-}
-.landing-themes .p-button .p-button-icon-top {
-  margin-bottom: 0.5rem;
-}
-.landing-themes .p-button .p-badge {
-  margin-left: 0.5rem;
-  min-width: 1rem;
-  height: 1rem;
-  line-height: 1rem;
-  color: #93C5FD;
-  background-color: #1c2127;
-}
-.landing-themes .p-button.p-button-raised {
-  box-shadow: 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);
-}
-.landing-themes .p-button.p-button-rounded {
-  border-radius: 2rem;
-}
-.landing-themes .p-button.p-button-icon-only {
-  width: 3rem;
-  padding: 0.75rem 0;
-}
-.landing-themes .p-button.p-button-icon-only .p-button-icon-left,
-.landing-themes .p-button.p-button-icon-only .p-button-icon-right {
-  margin: 0;
-}
-.landing-themes .p-button.p-button-icon-only.p-button-rounded {
-  border-radius: 50%;
-  height: 3rem;
-}
-.landing-themes .p-button.p-button-sm {
-  font-size: 0.875rem;
-  padding: 0.65625rem 1.09375rem;
-}
-.landing-themes .p-button.p-button-sm .p-button-icon {
-  font-size: 0.875rem;
-}
-.landing-themes .p-button.p-button-lg {
-  font-size: 1.25rem;
-  padding: 0.9375rem 1.5625rem;
-}
-.landing-themes .p-button.p-button-lg .p-button-icon {
-  font-size: 1.25rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
-  margin-top: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
-  margin-bottom: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon {
-  margin: 0;
-}
-.landing-themes .p-fluid .p-button {
-  width: 100%;
-}
-.landing-themes .p-fluid .p-button-icon-only {
-  width: 3rem;
-}
-.landing-themes .p-fluid .p-buttonset {
-  display: flex;
-}
-.landing-themes .p-fluid .p-buttonset .p-button {
-  flex: 1;
-}
-.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button, .landing-themes .p-fileupload-choose.p-button-secondary {
-  color: #1c2127;
-  background: #CBD5E1;
-  border: 1px solid #CBD5E1;
-}
-.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
-  background: #b0bfd1;
-  color: #1c2127;
-  border-color: #b0bfd1;
-}
-.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:focus, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 1px #dbe2ea;
-}
-.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
-  background: #95a9c2;
-  color: #1c2127;
-  border-color: #95a9c2;
-}
-.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined {
-  background-color: transparent;
-  color: #CBD5E1;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(203, 213, 225, 0.04);
-  color: #CBD5E1;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(203, 213, 225, 0.16);
-  color: #CBD5E1;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text {
-  background-color: transparent;
-  color: #CBD5E1;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(203, 213, 225, 0.04);
-  border-color: transparent;
-  color: #CBD5E1;
-}
-.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(203, 213, 225, 0.16);
-  border-color: transparent;
-  color: #CBD5E1;
-}
-.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button, .landing-themes .p-fileupload-choose.p-button-info {
-  color: #1c2127;
-  background: #93C5FD;
-  border: 1px solid #93C5FD;
-}
-.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
-  background: #6cb0fc;
-  color: #1c2127;
-  border-color: #6cb0fc;
-}
-.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-info:enabled:focus, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 1px #b3d6fe;
-}
-.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info:enabled:active, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
-  background: #449bfc;
-  color: #1c2127;
-  border-color: #449bfc;
-}
-.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined {
-  background-color: transparent;
-  color: #93C5FD;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(147, 197, 253, 0.04);
-  color: #93C5FD;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(147, 197, 253, 0.16);
-  color: #93C5FD;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-info.p-button-text {
-  background-color: transparent;
-  color: #93C5FD;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(147, 197, 253, 0.04);
-  border-color: transparent;
-  color: #93C5FD;
-}
-.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(147, 197, 253, 0.16);
-  border-color: transparent;
-  color: #93C5FD;
-}
-.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button, .landing-themes .p-fileupload-choose.p-button-success {
-  color: #1c2127;
-  background: #86EFAC;
-  border: 1px solid #86EFAC;
-}
-.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
-  background: #65eb95;
-  color: #1c2127;
-  border-color: #65eb95;
-}
-.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-success:enabled:focus, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 1px #aaf4c5;
-}
-.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success:enabled:active, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
-  background: #44e67f;
-  color: #1c2127;
-  border-color: #44e67f;
-}
-.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined {
-  background-color: transparent;
-  color: #86EFAC;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(134, 239, 172, 0.04);
-  color: #86EFAC;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(134, 239, 172, 0.16);
-  color: #86EFAC;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-success.p-button-text {
-  background-color: transparent;
-  color: #86EFAC;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(134, 239, 172, 0.04);
-  border-color: transparent;
-  color: #86EFAC;
-}
-.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(134, 239, 172, 0.16);
-  border-color: transparent;
-  color: #86EFAC;
-}
-.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button, .landing-themes .p-fileupload-choose.p-button-warning {
-  color: #1c2127;
-  background: #FCD34D;
-  border: 1px solid #FCD34D;
-}
-.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
-  background: #fbcb2d;
-  color: #1c2127;
-  border-color: #fbcb2d;
-}
-.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-warning:enabled:focus, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 1px #fde082;
-}
-.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
-  background: #fbc30c;
-  color: #1c2127;
-  border-color: #fbc30c;
-}
-.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined {
-  background-color: transparent;
-  color: #FCD34D;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(252, 211, 77, 0.04);
-  color: #FCD34D;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(252, 211, 77, 0.16);
-  color: #FCD34D;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text {
-  background-color: transparent;
-  color: #FCD34D;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(252, 211, 77, 0.04);
-  border-color: transparent;
-  color: #FCD34D;
-}
-.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(252, 211, 77, 0.16);
-  border-color: transparent;
-  color: #FCD34D;
-}
-.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button, .landing-themes .p-fileupload-choose.p-button-help {
-  color: #1c2127;
-  background: #D8B4FE;
-  border: 1px solid #D8B4FE;
-}
-.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
-  background: #c289fd;
-  color: #1c2127;
-  border-color: #c289fd;
-}
-.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-help:enabled:focus, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 1px #e4cbfe;
-}
-.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help:enabled:active, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
-  background: #ab5efd;
-  color: #1c2127;
-  border-color: #ab5efd;
-}
-.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined {
-  background-color: transparent;
-  color: #D8B4FE;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(216, 180, 254, 0.04);
-  color: #D8B4FE;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(216, 180, 254, 0.16);
-  color: #D8B4FE;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-help.p-button-text {
-  background-color: transparent;
-  color: #D8B4FE;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(216, 180, 254, 0.04);
-  border-color: transparent;
-  color: #D8B4FE;
-}
-.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(216, 180, 254, 0.16);
-  border-color: transparent;
-  color: #D8B4FE;
-}
-.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button, .landing-themes .p-fileupload-choose.p-button-danger {
-  color: #1c2127;
-  background: #FCA5A5;
-  border: 1px solid #FCA5A5;
-}
-.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
-  background: #fb7d7d;
-  color: #1c2127;
-  border-color: #fb7d7d;
-}
-.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-danger:enabled:focus, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 1px #fdc0c0;
-}
-.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
-  background: #f95454;
-  color: #1c2127;
-  border-color: #f95454;
-}
-.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined {
-  background-color: transparent;
-  color: #FCA5A5;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(252, 165, 165, 0.04);
-  color: #FCA5A5;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(252, 165, 165, 0.16);
-  color: #FCA5A5;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text {
-  background-color: transparent;
-  color: #FCA5A5;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(252, 165, 165, 0.04);
-  border-color: transparent;
-  color: #FCA5A5;
-}
-.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(252, 165, 165, 0.16);
-  border-color: transparent;
-  color: #FCA5A5;
-}
-.landing-themes .p-button.p-button-link {
-  color: #93C5FD;
-  background: transparent;
-  border: transparent;
-}
-.landing-themes .p-button.p-button-link:enabled:hover, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
-  background: transparent;
-  color: #93C5FD;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-link:enabled:hover .p-button-label, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
-  text-decoration: underline;
-}
-.landing-themes .p-button.p-button-link:enabled:focus, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
-  background: transparent;
-  box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5);
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-link:enabled:active, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
-  background: transparent;
-  color: #93C5FD;
-  border-color: transparent;
-}
-.landing-themes .p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.landing-themes .p-datatable .p-paginator-bottom {
-  border-width: 0 0 1px 0;
-  border-radius: 0;
-}
-.landing-themes .p-datatable .p-datatable-header {
-  background: #071426;
-  color: rgba(255, 255, 255, 0.6);
-  border: 1px solid #0b213f;
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 700;
-}
-.landing-themes .p-datatable .p-datatable-footer {
-  background: #071426;
-  color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #0b213f;
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 700;
-}
-.landing-themes .p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid #0b213f;
-  border-width: 0 0 1px 0;
-  font-weight: 700;
-  color: rgba(255, 255, 255, 0.87);
-  background: #071426;
-  transition: box-shadow 0.2s;
-}
-.landing-themes .p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid #0b213f;
-  border-width: 0 0 1px 0;
-  font-weight: 700;
-  color: rgba(255, 255, 255, 0.87);
-  background: #071426;
-}
-.landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon {
-  color: rgba(255, 255, 255, 0.6);
-  margin-left: 0.5rem;
-}
-.landing-themes .p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.143rem;
-  min-width: 1.143rem;
-  line-height: 1.143rem;
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(147, 197, 253, 0.16);
-  margin-left: 0.5rem;
-}
-.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight {
-  background: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
-  background: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-sortable-column:focus {
-  box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
-  outline: 0 none;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr {
-  background: #071426;
-  color: rgba(255, 255, 255, 0.87);
-  transition: box-shadow 0.2s;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid #0b213f;
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: rgba(255, 255, 255, 0.6);
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: rgba(255, 255, 255, 0.87);
-  border-color: transparent;
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 700;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
-  outline: 0.15rem solid rgba(147, 197, 253, 0.5);
-  outline-offset: -0.15rem;
-}
-.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
-  outline: 0.15rem solid rgba(147, 197, 253, 0.5);
-  outline-offset: -0.15rem;
-}
-.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable .p-column-resizer-helper {
-  background: #93C5FD;
-}
-.landing-themes .p-datatable .p-datatable-scrollable-header,
-.landing-themes .p-datatable .p-datatable-scrollable-footer {
-  background: #071426;
-}
-.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
-  background-color: #071426;
-}
-.landing-themes .p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 1px 1px 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px;
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
-  background: rgba(255, 255, 255, 0.01);
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
-  background: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
-  background: rgba(255, 255, 255, 0.01);
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable-drag-selection-helper {
-  background: rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-column-filter-row .p-column-filter-menu-button,
-.landing-themes .p-column-filter-row .p-column-filter-clear-button {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-column-filter-menu-button {
-  width: 2rem;
-  height: 2rem;
-  color: rgba(255, 255, 255, 0.6);
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-column-filter-menu-button:hover {
-  color: rgba(255, 255, 255, 0.87);
-  border-color: transparent;
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
-  background: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
-  background: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-column-filter-menu-button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: rgba(255, 255, 255, 0.6);
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-column-filter-clear-button:hover {
-  color: rgba(255, 255, 255, 0.87);
-  border-color: transparent;
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-column-filter-clear-button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-column-filter-overlay {
-  background: #071426;
-  color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #0b213f;
-  border-radius: 6px;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  min-width: 12.5rem;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items {
-  padding: 0.75rem 0;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  border: 0 none;
-  color: rgba(255, 255, 255, 0.87);
-  background: transparent;
-  transition: box-shadow 0.2s;
-  border-radius: 0;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(147, 197, 253, 0.16);
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-  color: rgba(255, 255, 255, 0.87);
-  background: rgba(255, 255, 255, 0.03);
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-  border-top: 1px solid #0b213f;
-  margin: 0.25rem 0;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-operator {
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #0b213f;
-  color: rgba(255, 255, 255, 0.87);
-  background: #071426;
-  margin: 0;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint {
-  padding: 1.25rem;
-  border-bottom: 1px solid #0b213f;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
-  margin-bottom: 0.5rem;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
-  margin-top: 0.5rem;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
-  border-bottom: 0 none;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-add-rule {
-  padding: 0.75rem 1.25rem;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-buttonbar {
-  padding: 1.25rem;
-}
-.landing-themes .p-paginator {
-  background: #071426;
-  color: rgba(255, 255, 255, 0.6);
-  border: solid #0b213f;
-  border-width: 1px;
-  padding: 0.5rem 1rem;
-  border-radius: 6px;
-}
-.landing-themes .p-paginator .p-paginator-first,
-.landing-themes .p-paginator .p-paginator-prev,
-.landing-themes .p-paginator .p-paginator-next,
-.landing-themes .p-paginator .p-paginator-last {
-  background-color: transparent;
-  border: 0 none;
-  color: rgba(255, 255, 255, 0.6);
-  min-width: 3rem;
-  height: 3rem;
-  margin: 0.143rem;
-  transition: box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.landing-themes .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: rgba(255, 255, 255, 0.03);
-  border-color: transparent;
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-paginator .p-paginator-first {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.landing-themes .p-paginator .p-paginator-last {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.landing-themes .p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 3rem;
-}
-.landing-themes .p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.landing-themes .p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.landing-themes .p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 3rem;
-}
-.landing-themes .p-paginator .p-paginator-current {
-  background-color: transparent;
-  border: 0 none;
-  color: rgba(255, 255, 255, 0.6);
-  min-width: 3rem;
-  height: 3rem;
-  margin: 0.143rem;
-  padding: 0 0.5rem;
-}
-.landing-themes .p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: transparent;
-  border: 0 none;
-  color: rgba(255, 255, 255, 0.6);
-  min-width: 3rem;
-  height: 3rem;
-  margin: 0.143rem;
-  transition: box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: rgba(147, 197, 253, 0.16);
-  border-color: rgba(147, 197, 253, 0.16);
-  color: rgba(255, 255, 255, 0.87);
-}
-.landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: rgba(255, 255, 255, 0.03);
-  border-color: transparent;
-  color: rgba(255, 255, 255, 0.87);
-}
-
-.landing-themes .p-button-label {
-  font-weight: 700;
-}
-.landing-themes .p-accordion .p-accordion-header .p-accordion-header-link {
-  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-tabview .p-tabview-nav .p-tabview-ink-bar {
-  z-index: 1;
-  display: block;
-  position: absolute;
-  bottom: 0;
-  height: 2px;
-  background-color: #93C5FD;
-  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
-.landing-themes .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background-color: #93C5FD;
-}
-.landing-themes .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background-color: #93C5FD;
-}
-.landing-themes .p-button:focus {
-  box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-.landing-themes .p-button.p-button-secondary:enabled:focus {
-  box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-.landing-themes .p-button.p-button-success:enabled:focus {
-  box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-.landing-themes .p-button.p-button-info:enabled:focus {
-  box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-.landing-themes .p-button.p-button-warning:enabled:focus {
-  box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-.landing-themes .p-button.p-button-help:enabled:focus {
-  box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-.landing-themes .p-button.p-button-danger:enabled:focus {
-  box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 #93C5FD;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 #93C5FD;
-}
diff --git a/public/styles/landing/themes/lara-dark-teal/theme.css b/public/styles/landing/themes/lara-dark-teal/theme.css
new file mode 100644
index 0000000000..a5149ad11c
--- /dev/null
+++ b/public/styles/landing/themes/lara-dark-teal/theme.css
@@ -0,0 +1,1004 @@
+.landing-themes * {
+  box-sizing: border-box;
+}
+.landing-themes .p-component {
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: 1rem;
+  font-weight: normal;
+}
+.landing-themes .p-component-overlay {
+  background-color: rgba(0, 0, 0, 0.4);
+  transition-duration: 0.2s;
+}
+.landing-themes .p-disabled, .landing-themes .p-component:disabled {
+  opacity: 0.4;
+}
+.landing-themes .p-error {
+  color: #FCA5A5;
+}
+.landing-themes .p-text-secondary {
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .pi {
+  font-size: 1rem;
+}
+.landing-themes .p-icon {
+  width: 1rem;
+  height: 1rem;
+}
+.landing-themes .p-link {
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: 1rem;
+  border-radius: 6px;
+}
+.landing-themes .p-link:focus-visible {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem #ecfdf5;
+}
+.landing-themes .p-component-overlay-enter {
+  animation: p-component-overlay-enter-animation 150ms forwards;
+}
+.landing-themes .p-component-overlay-leave {
+  animation: p-component-overlay-leave-animation 150ms forwards;
+}
+@keyframes p-component-overlay-enter-animation {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--maskbg);
+  }
+}
+@keyframes p-component-overlay-leave-animation {
+  from {
+    background-color: var(--maskbg);
+  }
+  to {
+    background-color: transparent;
+  }
+}
+.landing-themes .p-inputtext {
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: #111827;
+  padding: 0.75rem 0.75rem;
+  border: 1px solid #424b57;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  appearance: none;
+  border-radius: 6px;
+}
+.landing-themes .p-inputtext:enabled:hover {
+  border-color: #10b981;
+}
+.landing-themes .p-inputtext:enabled:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem #ecfdf5;
+  border-color: #10b981;
+}
+.landing-themes .p-inputtext.p-invalid.p-component {
+  border-color: #FCA5A5;
+}
+.landing-themes .p-inputtext.p-inputtext-sm {
+  font-size: 0.875rem;
+  padding: 0.65625rem 0.65625rem;
+}
+.landing-themes .p-inputtext.p-inputtext-lg {
+  font-size: 1.25rem;
+  padding: 0.9375rem 0.9375rem;
+}
+.landing-themes .p-float-label > label {
+  left: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+  transition-duration: 0.2s;
+}
+.landing-themes .p-float-label > .p-invalid + label {
+  color: #FCA5A5;
+}
+.landing-themes .p-input-icon-left > svg:first-of-type,
+.landing-themes .p-input-icon-left > i:first-of-type {
+  left: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-input-icon-left > .p-inputtext {
+  padding-left: 2.5rem;
+}
+.landing-themes .p-input-icon-left.p-float-label > label {
+  left: 2.5rem;
+}
+.landing-themes .p-input-icon-right > svg:last-of-type,
+.landing-themes .p-input-icon-right > i:last-of-type {
+  right: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-input-icon-right > .p-inputtext {
+  padding-right: 2.5rem;
+}
+.landing-themes ::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes :-moz-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes ::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes :-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-input-filled .p-inputtext {
+  background-color: #424b57;
+}
+.landing-themes .p-input-filled .p-inputtext:enabled:hover {
+  background-color: #424b57;
+}
+.landing-themes .p-input-filled .p-inputtext:enabled:focus {
+  background-color: #424b57;
+}
+.landing-themes .p-inputtext-sm .p-inputtext {
+  font-size: 0.875rem;
+  padding: 0.65625rem 0.65625rem;
+}
+.landing-themes .p-inputtext-lg .p-inputtext {
+  font-size: 1.25rem;
+  padding: 0.9375rem 0.9375rem;
+}
+.landing-themes .p-button {
+  color: #ffffff;
+  background: #10b981;
+  border: 1px solid #10b981;
+  padding: 0.75rem 1.25rem;
+  font-size: 1rem;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border-radius: 6px;
+}
+.landing-themes .p-button:enabled:hover {
+  background: #059669;
+  color: #ffffff;
+  border-color: #059669;
+}
+.landing-themes .p-button:enabled:active {
+  background: #047857;
+  color: #ffffff;
+  border-color: #047857;
+}
+.landing-themes .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #10b981;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-outlined:enabled:hover {
+  background: rgba(16, 185, 129, 0.04);
+  color: #10b981;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-outlined:enabled:active {
+  background: rgba(16, 185, 129, 0.16);
+  color: #10b981;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-outlined.p-button-plain {
+  color: rgba(255, 255, 255, 0.6);
+  border-color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-button.p-button-text {
+  background-color: transparent;
+  color: #10b981;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-text:enabled:hover {
+  background: rgba(16, 185, 129, 0.04);
+  color: #10b981;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-text:enabled:active {
+  background: rgba(16, 185, 129, 0.16);
+  color: #10b981;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-text.p-button-plain {
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-button.p-button-text.p-button-plain:enabled:active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem #ecfdf5;
+}
+.landing-themes .p-button .p-button-label {
+  transition-duration: 0.2s;
+}
+.landing-themes .p-button .p-button-icon-left {
+  margin-right: 0.5rem;
+}
+.landing-themes .p-button .p-button-icon-right {
+  margin-left: 0.5rem;
+}
+.landing-themes .p-button .p-button-icon-bottom {
+  margin-top: 0.5rem;
+}
+.landing-themes .p-button .p-button-icon-top {
+  margin-bottom: 0.5rem;
+}
+.landing-themes .p-button .p-badge {
+  margin-left: 0.5rem;
+  min-width: 1rem;
+  height: 1rem;
+  line-height: 1rem;
+  color: #10b981;
+  background-color: #ffffff;
+}
+.landing-themes .p-button.p-button-raised {
+  box-shadow: 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);
+}
+.landing-themes .p-button.p-button-rounded {
+  border-radius: 2rem;
+}
+.landing-themes .p-button.p-button-icon-only {
+  width: 3rem;
+  padding: 0.75rem 0;
+}
+.landing-themes .p-button.p-button-icon-only .p-button-icon-left,
+.landing-themes .p-button.p-button-icon-only .p-button-icon-right {
+  margin: 0;
+}
+.landing-themes .p-button.p-button-icon-only.p-button-rounded {
+  border-radius: 50%;
+  height: 3rem;
+}
+.landing-themes .p-button.p-button-sm {
+  font-size: 0.875rem;
+  padding: 0.65625rem 1.09375rem;
+}
+.landing-themes .p-button.p-button-sm .p-button-icon {
+  font-size: 0.875rem;
+}
+.landing-themes .p-button.p-button-lg {
+  font-size: 1.25rem;
+  padding: 0.9375rem 1.5625rem;
+}
+.landing-themes .p-button.p-button-lg .p-button-icon {
+  font-size: 1.25rem;
+}
+.landing-themes .p-button.p-button-loading-label-only .p-button-label {
+  margin-left: 0.5rem;
+}
+.landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon {
+  margin-right: 0;
+}
+.landing-themes .p-fluid .p-button {
+  width: 100%;
+}
+.landing-themes .p-fluid .p-button-icon-only {
+  width: 3rem;
+}
+.landing-themes .p-fluid .p-buttonset {
+  display: flex;
+}
+.landing-themes .p-fluid .p-buttonset .p-button {
+  flex: 1;
+}
+.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button {
+  color: #1c2127;
+  background: #CBD5E1;
+  border: 1px solid #CBD5E1;
+}
+.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+  background: #b0bfd1;
+  color: #1c2127;
+  border-color: #b0bfd1;
+}
+.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #dbe2ea;
+}
+.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+  background: #95a9c2;
+  color: #1c2127;
+  border-color: #95a9c2;
+}
+.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #CBD5E1;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(203, 213, 225, 0.04);
+  color: #CBD5E1;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+  background: rgba(203, 213, 225, 0.16);
+  color: #CBD5E1;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+  background-color: transparent;
+  color: #CBD5E1;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+  background: rgba(203, 213, 225, 0.04);
+  border-color: transparent;
+  color: #CBD5E1;
+}
+.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+  background: rgba(203, 213, 225, 0.16);
+  border-color: transparent;
+  color: #CBD5E1;
+}
+.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button {
+  color: #1c2127;
+  background: #93C5FD;
+  border: 1px solid #93C5FD;
+}
+.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover {
+  background: #6cb0fc;
+  color: #1c2127;
+  border-color: #6cb0fc;
+}
+.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #b3d6fe;
+}
+.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active {
+  background: #449bfc;
+  color: #1c2127;
+  border-color: #449bfc;
+}
+.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #93C5FD;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(147, 197, 253, 0.04);
+  color: #93C5FD;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+  background: rgba(147, 197, 253, 0.16);
+  color: #93C5FD;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text {
+  background-color: transparent;
+  color: #93C5FD;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+  background: rgba(147, 197, 253, 0.04);
+  border-color: transparent;
+  color: #93C5FD;
+}
+.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+  background: rgba(147, 197, 253, 0.16);
+  border-color: transparent;
+  color: #93C5FD;
+}
+.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button {
+  color: #1c2127;
+  background: #86EFAC;
+  border: 1px solid #86EFAC;
+}
+.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover {
+  background: #65eb95;
+  color: #1c2127;
+  border-color: #65eb95;
+}
+.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #aaf4c5;
+}
+.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active {
+  background: #44e67f;
+  color: #1c2127;
+  border-color: #44e67f;
+}
+.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #86EFAC;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(134, 239, 172, 0.04);
+  color: #86EFAC;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+  background: rgba(134, 239, 172, 0.16);
+  color: #86EFAC;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text {
+  background-color: transparent;
+  color: #86EFAC;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+  background: rgba(134, 239, 172, 0.04);
+  border-color: transparent;
+  color: #86EFAC;
+}
+.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+  background: rgba(134, 239, 172, 0.16);
+  border-color: transparent;
+  color: #86EFAC;
+}
+.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button {
+  color: #1c2127;
+  background: #FCD34D;
+  border: 1px solid #FCD34D;
+}
+.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+  background: #fbcb2d;
+  color: #1c2127;
+  border-color: #fbcb2d;
+}
+.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #fde082;
+}
+.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active {
+  background: #fbc30c;
+  color: #1c2127;
+  border-color: #fbc30c;
+}
+.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #FCD34D;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(252, 211, 77, 0.04);
+  color: #FCD34D;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+  background: rgba(252, 211, 77, 0.16);
+  color: #FCD34D;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text {
+  background-color: transparent;
+  color: #FCD34D;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+  background: rgba(252, 211, 77, 0.04);
+  border-color: transparent;
+  color: #FCD34D;
+}
+.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+  background: rgba(252, 211, 77, 0.16);
+  border-color: transparent;
+  color: #FCD34D;
+}
+.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button {
+  color: #1c2127;
+  background: #D8B4FE;
+  border: 1px solid #D8B4FE;
+}
+.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover {
+  background: #c289fd;
+  color: #1c2127;
+  border-color: #c289fd;
+}
+.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #e4cbfe;
+}
+.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active {
+  background: #ab5efd;
+  color: #1c2127;
+  border-color: #ab5efd;
+}
+.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #D8B4FE;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(216, 180, 254, 0.04);
+  color: #D8B4FE;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+  background: rgba(216, 180, 254, 0.16);
+  color: #D8B4FE;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text {
+  background-color: transparent;
+  color: #D8B4FE;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+  background: rgba(216, 180, 254, 0.04);
+  border-color: transparent;
+  color: #D8B4FE;
+}
+.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+  background: rgba(216, 180, 254, 0.16);
+  border-color: transparent;
+  color: #D8B4FE;
+}
+.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button {
+  color: #1c2127;
+  background: #FCA5A5;
+  border: 1px solid #FCA5A5;
+}
+.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+  background: #fb7d7d;
+  color: #1c2127;
+  border-color: #fb7d7d;
+}
+.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #fdc0c0;
+}
+.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active {
+  background: #f95454;
+  color: #1c2127;
+  border-color: #f95454;
+}
+.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #FCA5A5;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(252, 165, 165, 0.04);
+  color: #FCA5A5;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+  background: rgba(252, 165, 165, 0.16);
+  color: #FCA5A5;
+  border: 1px solid;
+}
+.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text {
+  background-color: transparent;
+  color: #FCA5A5;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+  background: rgba(252, 165, 165, 0.04);
+  border-color: transparent;
+  color: #FCA5A5;
+}
+.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+  background: rgba(252, 165, 165, 0.16);
+  border-color: transparent;
+  color: #FCA5A5;
+}
+.landing-themes .p-button.p-button-link {
+  color: #10b981;
+  background: transparent;
+  border: transparent;
+}
+.landing-themes .p-button.p-button-link:enabled:hover {
+  background: transparent;
+  color: #10b981;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-link:enabled:hover .p-button-label {
+  text-decoration: underline;
+}
+.landing-themes .p-button.p-button-link:enabled:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px #ecfdf5;
+  border-color: transparent;
+}
+.landing-themes .p-button.p-button-link:enabled:active {
+  background: transparent;
+  color: #10b981;
+  border-color: transparent;
+}
+.landing-themes .p-badge {
+  background: #10b981;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+}
+.landing-themes .p-badge.p-badge-secondary {
+  background-color: #CBD5E1;
+  color: #1c2127;
+}
+.landing-themes .p-badge.p-badge-success {
+  background-color: #86EFAC;
+  color: #1c2127;
+}
+.landing-themes .p-badge.p-badge-info {
+  background-color: #93C5FD;
+  color: #1c2127;
+}
+.landing-themes .p-badge.p-badge-warning {
+  background-color: #FCD34D;
+  color: #1c2127;
+}
+.landing-themes .p-badge.p-badge-danger {
+  background-color: #FCA5A5;
+  color: #1c2127;
+}
+.landing-themes .p-badge.p-badge-lg {
+  font-size: 1.125rem;
+  min-width: 2.25rem;
+  height: 2.25rem;
+  line-height: 2.25rem;
+}
+.landing-themes .p-badge.p-badge-xl {
+  font-size: 1.5rem;
+  min-width: 3rem;
+  height: 3rem;
+  line-height: 3rem;
+}
+.landing-themes .p-progressbar {
+  border: 0 none;
+  height: 1.5rem;
+  background: #424b57;
+  border-radius: 6px;
+}
+.landing-themes .p-progressbar .p-progressbar-value {
+  border: 0 none;
+  margin: 0;
+  background: #10b981;
+}
+.landing-themes .p-progressbar .p-progressbar-label {
+  color: #ffffff;
+  line-height: 1.5rem;
+}
+.landing-themes .p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.landing-themes .p-datatable .p-paginator-bottom {
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+}
+.landing-themes .p-datatable .p-datatable-header {
+  background: #1f2937;
+  color: rgba(255, 255, 255, 0.6);
+  border: 1px solid #424b57;
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+}
+.landing-themes .p-datatable .p-datatable-footer {
+  background: #1f2937;
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid #424b57;
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+}
+.landing-themes .p-datatable .p-datatable-thead > tr > th {
+  text-align: left;
+  padding: 1rem 1rem;
+  border: 1px solid #424b57;
+  border-width: 0 0 1px 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.87);
+  background: #1f2937;
+  transition: box-shadow 0.2s;
+}
+.landing-themes .p-datatable .p-datatable-tfoot > tr > td {
+  text-align: left;
+  padding: 1rem 1rem;
+  border: 1px solid #424b57;
+  border-width: 0 0 1px 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.87);
+  background: #1f2937;
+}
+.landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-left: 0.5rem;
+}
+.landing-themes .p-datatable .p-sortable-column .p-sortable-column-badge {
+  border-radius: 50%;
+  height: 1.143rem;
+  min-width: 1.143rem;
+  line-height: 1.143rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(94, 234, 212, 0.16);
+  margin-left: 0.5rem;
+}
+.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-sortable-column.p-highlight {
+  background: rgba(94, 234, 212, 0.16);
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-sortable-column.p-highlight:hover {
+  background: rgba(94, 234, 212, 0.16);
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-sortable-column:focus-visible {
+  box-shadow: inset 0 0 0 0.15rem #ecfdf5;
+  outline: 0 none;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr {
+  background: #1f2937;
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr > td {
+  text-align: left;
+  border: 1px solid #424b57;
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem #ecfdf5;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+  margin-right: 0.5rem;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+  font-weight: 700;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr:focus-visible {
+  outline: 0.15rem solid #ecfdf5;
+  outline-offset: -0.15rem;
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: rgba(94, 234, 212, 0.16);
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+  box-shadow: inset 0 2px 0 0 rgba(94, 234, 212, 0.16);
+}
+.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+  box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16);
+}
+.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable .p-column-resizer-helper {
+  background: #10b981;
+}
+.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1f2937;
+}
+.landing-themes .p-datatable .p-datatable-loading-icon {
+  font-size: 2rem;
+}
+.landing-themes .p-datatable .p-datatable-loading-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header {
+  border-width: 1px 1px 0 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer {
+  border-width: 0 1px 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top {
+  border-width: 0 1px 0 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+  border-width: 1px 0 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+  border-width: 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+  border-width: 1px 0 0 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+  border-width: 1px 1px 0 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+  border-width: 1px 0 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
+  border-width: 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+  border-width: 1px 0 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+  border-width: 1px 1px 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  border-width: 0 0 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  border-width: 0 0 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  border-width: 0 0 0 1px;
+}
+.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  border-width: 0 1px 0 1px;
+}
+.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+  background: #1f2937;
+}
+.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+  background: rgba(94, 234, 212, 0.16);
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-datatable.p-datatable-sm .p-datatable-header {
+  padding: 0.5rem 0.5rem;
+}
+.landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+  padding: 0.5rem 0.5rem;
+}
+.landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+  padding: 0.5rem 0.5rem;
+}
+.landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+  padding: 0.5rem 0.5rem;
+}
+.landing-themes .p-datatable.p-datatable-sm .p-datatable-footer {
+  padding: 0.5rem 0.5rem;
+}
+.landing-themes .p-datatable.p-datatable-lg .p-datatable-header {
+  padding: 1.25rem 1.25rem;
+}
+.landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+  padding: 1.25rem 1.25rem;
+}
+.landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+  padding: 1.25rem 1.25rem;
+}
+.landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+  padding: 1.25rem 1.25rem;
+}
+.landing-themes .p-datatable.p-datatable-lg .p-datatable-footer {
+  padding: 1.25rem 1.25rem;
+}
+.landing-themes .p-paginator {
+  background: #1f2937;
+  color: rgba(255, 255, 255, 0.6);
+  border: solid #424b57;
+  border-width: 0;
+  padding: 0.5rem 1rem;
+  border-radius: 6px;
+}
+.landing-themes .p-paginator .p-paginator-first,
+.landing-themes .p-paginator .p-paginator-prev,
+.landing-themes .p-paginator .p-paginator-next,
+.landing-themes .p-paginator .p-paginator-last {
+  background-color: transparent;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+  min-width: 3rem;
+  height: 3rem;
+  margin: 0.143rem;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.landing-themes .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-paginator .p-paginator-first {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.landing-themes .p-paginator .p-paginator-last {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.landing-themes .p-paginator .p-dropdown {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  height: 3rem;
+}
+.landing-themes .p-paginator .p-dropdown .p-dropdown-label {
+  padding-right: 0;
+}
+.landing-themes .p-paginator .p-paginator-page-input {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.landing-themes .p-paginator .p-paginator-page-input .p-inputtext {
+  max-width: 3rem;
+}
+.landing-themes .p-paginator .p-paginator-current {
+  background-color: transparent;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+  min-width: 3rem;
+  height: 3rem;
+  margin: 0.143rem;
+  padding: 0 0.5rem;
+}
+.landing-themes .p-paginator .p-paginator-pages .p-paginator-page {
+  background-color: transparent;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+  min-width: 3rem;
+  height: 3rem;
+  margin: 0.143rem;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+  background: rgba(94, 234, 212, 0.16);
+  border-color: rgba(94, 234, 212, 0.16);
+  color: rgba(255, 255, 255, 0.87);
+}
+.landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  color: rgba(255, 255, 255, 0.87);
+}
\ No newline at end of file
diff --git a/public/styles/landing/themes/lara-light-blue/theme.css b/public/styles/landing/themes/lara-light-blue/theme.css
deleted file mode 100644
index 2c586f320b..0000000000
--- a/public/styles/landing/themes/lara-light-blue/theme.css
+++ /dev/null
@@ -1,1719 +0,0 @@
-.landing-themes * {
-  box-sizing: border-box;
-}
-.landing-themes .p-component {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 1rem;
-  font-weight: normal;
-}
-.landing-themes .p-component-overlay {
-  background-color: rgba(0, 0, 0, 0.4);
-  transition-duration: 0.2s;
-}
-.landing-themes .p-disabled, .landing-themes .p-component:disabled {
-  opacity: 0.6;
-}
-.landing-themes .p-error {
-  color: #e24c4c;
-}
-.landing-themes .p-text-secondary {
-  color: #6c757d;
-}
-.landing-themes .pi {
-  font-size: 1rem;
-}
-.landing-themes .p-link {
-  font-size: 1rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  border-radius: 6px;
-}
-.landing-themes .p-link:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-.landing-themes .p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-.landing-themes .p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: #e24c4c;
-}
-.landing-themes .p-datepicker {
-  padding: 0.5rem;
-  background: #ffffff;
-  color: #495057;
-  border: 1px solid #ced4da;
-  border-radius: 6px;
-}
-.landing-themes .p-datepicker:not(.p-datepicker-inline) {
-  background: #ffffff;
-  border: 0 none;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.landing-themes .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: #ffffff;
-}
-.landing-themes .p-datepicker .p-datepicker-header {
-  padding: 0.5rem;
-  color: #495057;
-  background: #ffffff;
-  font-weight: 600;
-  margin: 0;
-  border-bottom: 1px solid #dee2e6;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: #6c757d;
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: #343a40;
-  border-color: transparent;
-  background: #e9ecef;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select {
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-  border-color: #3B82F6;
-}
-.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-datepicker table {
-  font-size: 1rem;
-  margin: 0.5rem 0;
-}
-.landing-themes .p-datepicker table th {
-  padding: 0.5rem;
-}
-.landing-themes .p-datepicker table th > span {
-  width: 2.5rem;
-  height: 2.5rem;
-}
-.landing-themes .p-datepicker table td {
-  padding: 0.5rem;
-}
-.landing-themes .p-datepicker table td > span {
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: 50%;
-  transition: box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.landing-themes .p-datepicker table td > span.p-highlight {
-  color: #1D4ED8;
-  background: #EFF6FF;
-}
-.landing-themes .p-datepicker table td > span:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-datepicker table td.p-datepicker-today > span {
-  background: #ced4da;
-  color: #495057;
-  border-color: transparent;
-}
-.landing-themes .p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: #1D4ED8;
-  background: #EFF6FF;
-}
-.landing-themes .p-datepicker .p-datepicker-buttonbar {
-  padding: 1rem 0;
-  border-top: 1px solid #dee2e6;
-}
-.landing-themes .p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.landing-themes .p-datepicker .p-timepicker {
-  border-top: 1px solid #dee2e6;
-  padding: 0.5rem;
-}
-.landing-themes .p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: #6c757d;
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datepicker .p-timepicker button:enabled:hover {
-  color: #343a40;
-  border-color: transparent;
-  background: #e9ecef;
-}
-.landing-themes .p-datepicker .p-timepicker button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-datepicker .p-timepicker button:last-child {
-  margin-top: 0.2em;
-}
-.landing-themes .p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.landing-themes .p-datepicker .p-timepicker > div {
-  padding: 0 0.5rem;
-}
-.landing-themes .p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.landing-themes .p-datepicker .p-monthpicker {
-  margin: 0.5rem 0;
-}
-.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5rem;
-  transition: box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: #1D4ED8;
-  background: #EFF6FF;
-}
-.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-right: 1px solid #dee2e6;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-}
-.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-  border-right: 0 none;
-}
-.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  background: #e9ecef;
-}
-.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
-  background: #e9ecef;
-}
-.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-@media screen and (max-width: 769px) {
-  .landing-themes .p-datepicker table th, .landing-themes .p-datepicker table td {
-    padding: 0;
-  }
-}
-.landing-themes .p-checkbox {
-  width: 22px;
-  height: 22px;
-}
-.landing-themes .p-checkbox .p-checkbox-box {
-  border: 2px solid #ced4da;
-  background: #ffffff;
-  width: 22px;
-  height: 22px;
-  color: #495057;
-  border-radius: 6px;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: #ffffff;
-  font-size: 14px;
-}
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight {
-  border-color: #3B82F6;
-  background: #3B82F6;
-}
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
-  border-color: #1D4ED8;
-  background: #1D4ED8;
-  color: #ffffff;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border-color: #3B82F6;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-  border-color: #3B82F6;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  border-color: #1D4ED8;
-  background: #1D4ED8;
-  color: #ffffff;
-}
-.landing-themes .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #e24c4c;
-}
-.landing-themes .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
-  background: #3B82F6;
-}
-.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  background: #1D4ED8;
-}
-.landing-themes .p-dropdown {
-  background: #ffffff;
-  border: 1px solid #ced4da;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-dropdown:not(.p-disabled):hover {
-  border-color: #3B82F6;
-}
-.landing-themes .p-dropdown:not(.p-disabled).p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-  border-color: #3B82F6;
-}
-.landing-themes .p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.landing-themes .p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.landing-themes .p-dropdown .p-dropdown-label.p-placeholder {
-  color: #6c757d;
-}
-.landing-themes .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.landing-themes .p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: #6c757d;
-  width: 3rem;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.landing-themes .p-dropdown .p-dropdown-clear-icon {
-  color: #6c757d;
-  right: 3rem;
-}
-.landing-themes .p-dropdown.p-invalid.p-component {
-  border-color: #e24c4c;
-}
-.landing-themes .p-dropdown-panel {
-  background: #ffffff;
-  color: #495057;
-  border: 0 none;
-  border-radius: 6px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header {
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #dee2e6;
-  color: #343a40;
-  background: #f8f9fa;
-  margin: 0;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: #6c757d;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
-  padding-right: 3.5rem;
-  margin-right: -3.5rem;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
-  right: 2.5rem;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items {
-  padding: 0.75rem 0;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  border: 0 none;
-  color: #495057;
-  background: transparent;
-  transition: box-shadow 0.2s;
-  border-radius: 0;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
-  color: #1D4ED8;
-  background: #EFF6FF;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #495057;
-  background: #e9ecef;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  color: #343a40;
-  background: #ffffff;
-  font-weight: 700;
-}
-.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  padding: 0.75rem 1.25rem;
-  color: #495057;
-  background: transparent;
-}
-.landing-themes .p-input-filled .p-dropdown {
-  background: #e9ecef;
-}
-.landing-themes .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: #ffffff;
-}
-.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
-  background-color: transparent;
-}
-.landing-themes .p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: #e24c4c;
-}
-.landing-themes .p-inputtext {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 1rem;
-  color: #495057;
-  background: #ffffff;
-  padding: 0.75rem 0.75rem;
-  border: 1px solid #ced4da;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 6px;
-}
-.landing-themes .p-inputtext:enabled:hover {
-  border-color: #3B82F6;
-}
-.landing-themes .p-inputtext:enabled:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-  border-color: #3B82F6;
-}
-.landing-themes .p-inputtext.p-invalid.p-component {
-  border-color: #e24c4c;
-}
-.landing-themes .p-inputtext.p-inputtext-sm {
-  font-size: 0.875rem;
-  padding: 0.65625rem 0.65625rem;
-}
-.landing-themes .p-inputtext.p-inputtext-lg {
-  font-size: 1.25rem;
-  padding: 0.9375rem 0.9375rem;
-}
-.landing-themes .p-float-label > label {
-  left: 0.75rem;
-  color: #6c757d;
-  transition-duration: 0.2s;
-}
-.landing-themes .p-float-label > label.p-error {
-  color: #e24c4c;
-}
-.landing-themes .p-input-icon-left > i:first-of-type,
-.landing-themes .p-input-icon-left > svg:first-of-type,
-.landing-themes .p-input-icon-left > .p-input-prefix {
-  left: 0.75rem;
-  color: #6c757d;
-}
-.landing-themes .p-input-icon-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-.landing-themes .p-input-icon-left.p-float-label > label {
-  left: 2.5rem;
-}
-.landing-themes .p-input-icon-right > i:last-of-type,
-.landing-themes .p-input-icon-right > svg:last-of-type,
-.landing-themes .p-input-icon-right > .p-input-suffix {
-  right: 0.75rem;
-  color: #6c757d;
-}
-.landing-themes .p-input-icon-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-.landing-themes ::-webkit-input-placeholder {
-  color: #6c757d;
-}
-.landing-themes :-moz-placeholder {
-  color: #6c757d;
-}
-.landing-themes ::-moz-placeholder {
-  color: #6c757d;
-}
-.landing-themes :-ms-input-placeholder {
-  color: #6c757d;
-}
-.landing-themes .p-input-filled .p-inputtext {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-inputtext:enabled:hover {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-inputtext:enabled:focus {
-  background-color: #ffffff;
-}
-.landing-themes .p-inputtext-sm .p-inputtext {
-  font-size: 0.875rem;
-  padding: 0.65625rem 0.65625rem;
-}
-.landing-themes .p-inputtext-lg .p-inputtext {
-  font-size: 1.25rem;
-  padding: 0.9375rem 0.9375rem;
-}
-.landing-themes .p-multiselect {
-  background: #ffffff;
-  border: 1px solid #ced4da;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-multiselect:not(.p-disabled):hover {
-  border-color: #3B82F6;
-}
-.landing-themes .p-multiselect:not(.p-disabled).p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-  border-color: #3B82F6;
-}
-.landing-themes .p-multiselect.p-multiselect-clearable .p-multiselect-label {
-  padding-right: 1.75rem;
-}
-.landing-themes .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;
-}
-.landing-themes .p-multiselect .p-multiselect-label.p-placeholder {
-  color: #6c757d;
-}
-.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0.375rem 0.75rem;
-  margin-right: 0.5rem;
-  background: #EFF6FF;
-  color: #1D4ED8;
-  border-radius: 6px;
-}
-.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: #6c757d;
-  width: 3rem;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.landing-themes .p-multiselect .p-multiselect-clear-icon {
-  color: #6c757d;
-  right: 3rem;
-}
-.landing-themes .p-multiselect.p-invalid.p-component {
-  border-color: #e24c4c;
-}
-.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
-  padding: 0.375rem 0.75rem;
-}
-.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
-  padding: 0.75rem 0.75rem;
-}
-.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
-  padding-right: 1.75rem;
-}
-.landing-themes .p-multiselect-panel {
-  background: #ffffff;
-  color: #495057;
-  border: 0 none;
-  border-radius: 6px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header {
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #dee2e6;
-  color: #343a40;
-  background: #f8f9fa;
-  margin: 0;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
-  margin: 0 0.5rem;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: #6c757d;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2rem;
-  height: 2rem;
-  color: #6c757d;
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: #343a40;
-  border-color: transparent;
-  background: #e9ecef;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items {
-  padding: 0.75rem 0;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  border: 0 none;
-  color: #495057;
-  background: transparent;
-  transition: box-shadow 0.2s;
-  border-radius: 0;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
-  color: #1D4ED8;
-  background: #EFF6FF;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #495057;
-  background: #e9ecef;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem #BFDBFE;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  color: #343a40;
-  background: #ffffff;
-  font-weight: 700;
-}
-.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.75rem 1.25rem;
-  color: #495057;
-  background: transparent;
-}
-.landing-themes .p-input-filled .p-multiselect {
-  background: #e9ecef;
-}
-.landing-themes .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: #ffffff;
-}
-.landing-themes .p-radiobutton {
-  width: 22px;
-  height: 22px;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box {
-  border: 2px solid #ced4da;
-  background: #ffffff;
-  width: 22px;
-  height: 22px;
-  color: #495057;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border-color: #3B82F6;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-  border-color: #3B82F6;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  width: 12px;
-  height: 12px;
-  transition-duration: 0.2s;
-  background-color: #ffffff;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight {
-  border-color: #3B82F6;
-  background: #3B82F6;
-}
-.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-  border-color: #1D4ED8;
-  background: #1D4ED8;
-  color: #ffffff;
-}
-.landing-themes .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #e24c4c;
-}
-.landing-themes .p-radiobutton:focus {
-  outline: 0 none;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: #e9ecef;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
-  background: #3B82F6;
-}
-.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-  background: #1D4ED8;
-}
-.landing-themes .p-slider {
-  background: #dee2e6;
-  border: 0 none;
-  border-radius: 6px;
-}
-.landing-themes .p-slider.p-slider-horizontal {
-  height: 0.286rem;
-}
-.landing-themes .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.5715rem;
-  margin-left: -0.5715rem;
-}
-.landing-themes .p-slider.p-slider-vertical {
-  width: 0.286rem;
-}
-.landing-themes .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.5715rem;
-  margin-bottom: -0.5715rem;
-}
-.landing-themes .p-slider .p-slider-handle {
-  height: 1.143rem;
-  width: 1.143rem;
-  background: #ffffff;
-  border: 2px solid #3B82F6;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-slider .p-slider-handle:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-slider .p-slider-range {
-  background: #3B82F6;
-}
-.landing-themes .p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: #3B82F6;
-  border-color: #3B82F6;
-}
-.landing-themes .p-button {
-  color: #ffffff;
-  background: #3B82F6;
-  border: 1px solid #3B82F6;
-  padding: 0.75rem 1.25rem;
-  font-size: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 6px;
-}
-.landing-themes .p-button:enabled:hover, .landing-themes .p-button:not(button):not(a):not(.p-disabled):hover {
-  background: #2563eb;
-  color: #ffffff;
-  border-color: #2563eb;
-}
-.landing-themes .p-button:enabled:active, .landing-themes .p-button:not(button):not(a):not(.p-disabled):active {
-  background: #1D4ED8;
-  color: #ffffff;
-  border-color: #1D4ED8;
-}
-.landing-themes .p-button.p-button-outlined {
-  background-color: transparent;
-  color: #3B82F6;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(99, 102, 241, 0.04);
-  color: #3B82F6;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(99, 102, 241, 0.16);
-  color: #3B82F6;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-outlined.p-button-plain {
-  color: #6c757d;
-  border-color: #6c757d;
-}
-.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
-  background: #e9ecef;
-  color: #6c757d;
-}
-.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
-  background: #dee2e6;
-  color: #6c757d;
-}
-.landing-themes .p-button.p-button-text {
-  background-color: transparent;
-  color: #3B82F6;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-text:enabled:hover, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(99, 102, 241, 0.04);
-  color: #3B82F6;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-text:enabled:active, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(99, 102, 241, 0.16);
-  color: #3B82F6;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-text.p-button-plain {
-  color: #6c757d;
-}
-.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
-  background: #e9ecef;
-  color: #6c757d;
-}
-.landing-themes .p-button.p-button-text.p-button-plain:enabled:active, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
-  background: #dee2e6;
-  color: #6c757d;
-}
-.landing-themes .p-button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-button .p-button-icon-left {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-button .p-button-icon-right {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-button .p-button-icon-bottom {
-  margin-top: 0.5rem;
-}
-.landing-themes .p-button .p-button-icon-top {
-  margin-bottom: 0.5rem;
-}
-.landing-themes .p-button .p-badge {
-  margin-left: 0.5rem;
-  min-width: 1rem;
-  height: 1rem;
-  line-height: 1rem;
-  color: #3B82F6;
-  background-color: #ffffff;
-}
-.landing-themes .p-button.p-button-raised {
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-.landing-themes .p-button.p-button-rounded {
-  border-radius: 2rem;
-}
-.landing-themes .p-button.p-button-icon-only {
-  width: 3rem;
-  padding: 0.75rem 0;
-}
-.landing-themes .p-button.p-button-icon-only .p-button-icon-left,
-.landing-themes .p-button.p-button-icon-only .p-button-icon-right {
-  margin: 0;
-}
-.landing-themes .p-button.p-button-icon-only.p-button-rounded {
-  border-radius: 50%;
-  height: 3rem;
-}
-.landing-themes .p-button.p-button-sm {
-  font-size: 0.875rem;
-  padding: 0.65625rem 1.09375rem;
-}
-.landing-themes .p-button.p-button-sm .p-button-icon {
-  font-size: 0.875rem;
-}
-.landing-themes .p-button.p-button-lg {
-  font-size: 1.25rem;
-  padding: 0.9375rem 1.5625rem;
-}
-.landing-themes .p-button.p-button-lg .p-button-icon {
-  font-size: 1.25rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
-  margin-top: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
-  margin-bottom: 0.5rem;
-}
-.landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon {
-  margin: 0;
-}
-.landing-themes .p-fluid .p-button {
-  width: 100%;
-}
-.landing-themes .p-fluid .p-button-icon-only {
-  width: 3rem;
-}
-.landing-themes .p-fluid .p-buttonset {
-  display: flex;
-}
-.landing-themes .p-fluid .p-buttonset .p-button {
-  flex: 1;
-}
-.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button, .landing-themes .p-fileupload-choose.p-button-secondary {
-  color: #ffffff;
-  background: #64748B;
-  border: 1px solid #64748B;
-}
-.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
-  background: #475569;
-  color: #ffffff;
-  border-color: #475569;
-}
-.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:focus, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 0.2rem #E2E8F0;
-}
-.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
-  background: #334155;
-  color: #ffffff;
-  border-color: #334155;
-}
-.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined {
-  background-color: transparent;
-  color: #64748B;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(100, 116, 139, 0.04);
-  color: #64748B;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(100, 116, 139, 0.16);
-  color: #64748B;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text {
-  background-color: transparent;
-  color: #64748B;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(100, 116, 139, 0.04);
-  border-color: transparent;
-  color: #64748B;
-}
-.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(100, 116, 139, 0.16);
-  border-color: transparent;
-  color: #64748B;
-}
-.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button, .landing-themes .p-fileupload-choose.p-button-info {
-  color: #ffffff;
-  background: #3B82F6;
-  border: 1px solid #3B82F6;
-}
-.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
-  background: #2563EB;
-  color: #ffffff;
-  border-color: #2563EB;
-}
-.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-info:enabled:focus, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info:enabled:active, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
-  background: #1D4ED8;
-  color: #ffffff;
-  border-color: #1D4ED8;
-}
-.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined {
-  background-color: transparent;
-  color: #3B82F6;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(59, 130, 246, 0.04);
-  color: #3B82F6;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(59, 130, 246, 0.16);
-  color: #3B82F6;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-info.p-button-text {
-  background-color: transparent;
-  color: #3B82F6;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(59, 130, 246, 0.04);
-  border-color: transparent;
-  color: #3B82F6;
-}
-.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(59, 130, 246, 0.16);
-  border-color: transparent;
-  color: #3B82F6;
-}
-.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button, .landing-themes .p-fileupload-choose.p-button-success {
-  color: #ffffff;
-  background: #22C55E;
-  border: 1px solid #22C55E;
-}
-.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
-  background: #16A34A;
-  color: #ffffff;
-  border-color: #16A34A;
-}
-.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-success:enabled:focus, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 0.2rem #BBF7D0;
-}
-.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success:enabled:active, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
-  background: #15803D;
-  color: #ffffff;
-  border-color: #15803D;
-}
-.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined {
-  background-color: transparent;
-  color: #22C55E;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(34, 197, 94, 0.04);
-  color: #22C55E;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(34, 197, 94, 0.16);
-  color: #22C55E;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-success.p-button-text {
-  background-color: transparent;
-  color: #22C55E;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(34, 197, 94, 0.04);
-  border-color: transparent;
-  color: #22C55E;
-}
-.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(34, 197, 94, 0.16);
-  border-color: transparent;
-  color: #22C55E;
-}
-.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button, .landing-themes .p-fileupload-choose.p-button-warning {
-  color: #ffffff;
-  background: #F59E0B;
-  border: 1px solid #F59E0B;
-}
-.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
-  background: #D97706;
-  color: #ffffff;
-  border-color: #D97706;
-}
-.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-warning:enabled:focus, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 0.2rem #FDE68A;
-}
-.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
-  background: #B45309;
-  color: #ffffff;
-  border-color: #B45309;
-}
-.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined {
-  background-color: transparent;
-  color: #F59E0B;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(245, 158, 11, 0.04);
-  color: #F59E0B;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(245, 158, 11, 0.16);
-  color: #F59E0B;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text {
-  background-color: transparent;
-  color: #F59E0B;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(245, 158, 11, 0.04);
-  border-color: transparent;
-  color: #F59E0B;
-}
-.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(245, 158, 11, 0.16);
-  border-color: transparent;
-  color: #F59E0B;
-}
-.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button, .landing-themes .p-fileupload-choose.p-button-help {
-  color: #ffffff;
-  background: #A855F7;
-  border: 1px solid #A855F7;
-}
-.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
-  background: #9333EA;
-  color: #ffffff;
-  border-color: #9333EA;
-}
-.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-help:enabled:focus, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 0.2rem #E9D5FF;
-}
-.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help:enabled:active, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
-  background: #7E22CE;
-  color: #ffffff;
-  border-color: #7E22CE;
-}
-.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined {
-  background-color: transparent;
-  color: #A855F7;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(168, 85, 247, 0.04);
-  color: #A855F7;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(168, 85, 247, 0.16);
-  color: #A855F7;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-help.p-button-text {
-  background-color: transparent;
-  color: #A855F7;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(168, 85, 247, 0.04);
-  border-color: transparent;
-  color: #A855F7;
-}
-.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(168, 85, 247, 0.16);
-  border-color: transparent;
-  color: #A855F7;
-}
-.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button, .landing-themes .p-fileupload-choose.p-button-danger {
-  color: #ffffff;
-  background: #EF4444;
-  border: 1px solid #EF4444;
-}
-.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
-  background: #DC2626;
-  color: #ffffff;
-  border-color: #DC2626;
-}
-.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-danger:enabled:focus, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
-  box-shadow: 0 0 0 0.2rem #FECACA;
-}
-.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
-  background: #B91C1C;
-  color: #ffffff;
-  border-color: #B91C1C;
-}
-.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined {
-  background-color: transparent;
-  color: #EF4444;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(239, 68, 68, 0.04);
-  color: #EF4444;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: rgba(239, 68, 68, 0.16);
-  color: #EF4444;
-  border: 1px solid;
-}
-.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text {
-  background-color: transparent;
-  color: #EF4444;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
-  background: rgba(239, 68, 68, 0.04);
-  border-color: transparent;
-  color: #EF4444;
-}
-.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
-  background: rgba(239, 68, 68, 0.16);
-  border-color: transparent;
-  color: #EF4444;
-}
-.landing-themes .p-button.p-button-link {
-  color: #1D4ED8;
-  background: transparent;
-  border: transparent;
-}
-.landing-themes .p-button.p-button-link:enabled:hover, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
-  background: transparent;
-  color: #1D4ED8;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-link:enabled:hover .p-button-label, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
-  text-decoration: underline;
-}
-.landing-themes .p-button.p-button-link:enabled:focus, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
-  background: transparent;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-  border-color: transparent;
-}
-.landing-themes .p-button.p-button-link:enabled:active, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
-  background: transparent;
-  color: #1D4ED8;
-  border-color: transparent;
-}
-.landing-themes .p-datatable .p-paginator-top {
-  border-width: 0 0 1px 0;
-  border-radius: 0;
-}
-.landing-themes .p-datatable .p-paginator-bottom {
-  border-width: 0 0 1px 0;
-  border-radius: 0;
-}
-.landing-themes .p-datatable .p-datatable-header {
-  background: #f8f9fa;
-  color: #343a40;
-  border: 1px solid #dee2e6;
-  border-width: 1px 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 700;
-}
-.landing-themes .p-datatable .p-datatable-footer {
-  background: #f8f9fa;
-  color: #343a40;
-  border: 1px solid #dee2e6;
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 700;
-}
-.landing-themes .p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid #dee2e6;
-  border-width: 0 0 1px 0;
-  font-weight: 700;
-  color: #343a40;
-  background: #f8f9fa;
-  transition: box-shadow 0.2s;
-}
-.landing-themes .p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid #dee2e6;
-  border-width: 0 0 1px 0;
-  font-weight: 700;
-  color: #343a40;
-  background: #f8f9fa;
-}
-.landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon {
-  color: #343a40;
-  margin-left: 0.5rem;
-}
-.landing-themes .p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.143rem;
-  min-width: 1.143rem;
-  line-height: 1.143rem;
-  color: #1D4ED8;
-  background: #EFF6FF;
-  margin-left: 0.5rem;
-}
-.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: #e9ecef;
-  color: #343a40;
-}
-.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: #343a40;
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight {
-  background: #EFF6FF;
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
-  background: #EFF6FF;
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable .p-sortable-column:focus {
-  box-shadow: inset 0 0 0 0.15rem #BFDBFE;
-  outline: 0 none;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr {
-  background: #ffffff;
-  color: #495057;
-  transition: box-shadow 0.2s;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid #dee2e6;
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: #6c757d;
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: #343a40;
-  border-color: transparent;
-  background: #e9ecef;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 700;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: #EFF6FF;
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: #EFF6FF;
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 #EFF6FF;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 #EFF6FF;
-}
-.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: #e9ecef;
-  color: #495057;
-}
-.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
-  outline: 0.15rem solid #BFDBFE;
-  outline-offset: -0.15rem;
-}
-.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: #e9ecef;
-  color: #495057;
-}
-.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
-  outline: 0.15rem solid #BFDBFE;
-  outline-offset: -0.15rem;
-}
-.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: #e9ecef;
-  color: #495057;
-}
-.landing-themes .p-datatable .p-column-resizer-helper {
-  background: #3B82F6;
-}
-.landing-themes .p-datatable .p-datatable-scrollable-header,
-.landing-themes .p-datatable .p-datatable-scrollable-footer {
-  background: #f8f9fa;
-}
-.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
-  background-color: #f8f9fa;
-}
-.landing-themes .p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 1px 1px 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px;
-}
-.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px;
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
-  background: #fcfcfc;
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
-  background: #EFF6FF;
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
-  color: #1D4ED8;
-}
-.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
-  background: #fcfcfc;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-.landing-themes .p-datatable-drag-selection-helper {
-  background: rgba(99, 102, 241, 0.16);
-}
-.landing-themes .p-column-filter-row .p-column-filter-menu-button,
-.landing-themes .p-column-filter-row .p-column-filter-clear-button {
-  margin-left: 0.5rem;
-}
-.landing-themes .p-column-filter-menu-button {
-  width: 2rem;
-  height: 2rem;
-  color: #6c757d;
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-column-filter-menu-button:hover {
-  color: #343a40;
-  border-color: transparent;
-  background: #e9ecef;
-}
-.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
-  background: #e9ecef;
-  color: #343a40;
-}
-.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
-  background: #EFF6FF;
-  color: #1D4ED8;
-}
-.landing-themes .p-column-filter-menu-button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: #6c757d;
-  border: 0 none;
-  background: transparent;
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-column-filter-clear-button:hover {
-  color: #343a40;
-  border-color: transparent;
-  background: #e9ecef;
-}
-.landing-themes .p-column-filter-clear-button:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-.landing-themes .p-column-filter-overlay {
-  background: #ffffff;
-  color: #495057;
-  border: 0 none;
-  border-radius: 6px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  min-width: 12.5rem;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items {
-  padding: 0.75rem 0;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
-  margin: 0;
-  padding: 0.75rem 1.25rem;
-  border: 0 none;
-  color: #495057;
-  background: transparent;
-  transition: box-shadow 0.2s;
-  border-radius: 0;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
-  color: #1D4ED8;
-  background: #EFF6FF;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #495057;
-  background: #e9ecef;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem #BFDBFE;
-}
-.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-  border-top: 1px solid #dee2e6;
-  margin: 0.25rem 0;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-operator {
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #dee2e6;
-  color: #343a40;
-  background: #f8f9fa;
-  margin: 0;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint {
-  padding: 1.25rem;
-  border-bottom: 1px solid #dee2e6;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
-  margin-bottom: 0.5rem;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
-  margin-top: 0.5rem;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
-  border-bottom: 0 none;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-add-rule {
-  padding: 0.75rem 1.25rem;
-}
-.landing-themes .p-column-filter-overlay-menu .p-column-filter-buttonbar {
-  padding: 1.25rem;
-}
-.landing-themes .p-paginator {
-  background: #ffffff;
-  color: #6c757d;
-  border: solid #e9ecef;
-  border-width: 0;
-  padding: 0.5rem 1rem;
-  border-radius: 6px;
-}
-.landing-themes .p-paginator .p-paginator-first,
-.landing-themes .p-paginator .p-paginator-prev,
-.landing-themes .p-paginator .p-paginator-next,
-.landing-themes .p-paginator .p-paginator-last {
-  background-color: transparent;
-  border: 0 none;
-  color: #6c757d;
-  min-width: 3rem;
-  height: 3rem;
-  margin: 0.143rem;
-  transition: box-shadow 0.2s;
-  border-radius: 50%;
-}
-.landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.landing-themes .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: #e9ecef;
-  border-color: transparent;
-  color: #343a40;
-}
-.landing-themes .p-paginator .p-paginator-first {
-  border-top-left-radius: 50%;
-  border-bottom-left-radius: 50%;
-}
-.landing-themes .p-paginator .p-paginator-last {
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-.landing-themes .p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 3rem;
-}
-.landing-themes .p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.landing-themes .p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.landing-themes .p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 3rem;
-}
-.landing-themes .p-paginator .p-paginator-current {
-  background-color: transparent;
-  border: 0 none;
-  color: #6c757d;
-  min-width: 3rem;
-  height: 3rem;
-  margin: 0.143rem;
-  padding: 0 0.5rem;
-}
-.landing-themes .p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: transparent;
-  border: 0 none;
-  color: #6c757d;
-  min-width: 3rem;
-  height: 3rem;
-  margin: 0.143rem;
-  transition: box-shadow 0.2s;
-  border-radius: 50%;
-}
-.landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: #EFF6FF;
-  border-color: #EFF6FF;
-  color: #1D4ED8;
-}
-.landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: #e9ecef;
-  border-color: transparent;
-  color: #343a40;
-}
-
-.landing-themes .p-button-label {
-  font-weight: 700;
-}
-.landing-themes .p-accordion .p-accordion-header .p-accordion-header-link {
-  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.landing-themes .p-tabview .p-tabview-nav .p-tabview-ink-bar {
-  z-index: 1;
-  display: block;
-  position: absolute;
-  bottom: 0;
-  height: 2px;
-  background-color: #3B82F6;
-  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
-.landing-themes .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background-color: #3B82F6;
-}
-.landing-themes .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background-color: #3B82F6;
-}
-.landing-themes .p-button:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black;
-}
-.landing-themes .p-button.p-button-secondary:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
-}
-.landing-themes .p-button.p-button-success:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
-}
-.landing-themes .p-button.p-button-info:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
-}
-.landing-themes .p-button.p-button-warning:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
-}
-.landing-themes .p-button.p-button-help:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
-}
-.landing-themes .p-button.p-button-danger:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 #3B82F6;
-}
-.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 #3B82F6;
-}
diff --git a/public/styles/landing/themes/lara-light-teal/theme.css b/public/styles/landing/themes/lara-light-teal/theme.css
new file mode 100644
index 0000000000..cb7f8ff522
--- /dev/null
+++ b/public/styles/landing/themes/lara-light-teal/theme.css
@@ -0,0 +1,1004 @@
+.landing-themes * {
+    box-sizing: border-box;
+  }
+  .landing-themes .p-component {
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
+    font-weight: normal;
+  }
+  .landing-themes .p-component-overlay {
+    background-color: rgba(0, 0, 0, 0.4);
+    transition-duration: 0.2s;
+  }
+  .landing-themes .p-disabled, .landing-themes .p-component:disabled {
+    opacity: 0.6;
+  }
+  .landing-themes .p-error {
+    color: #e24c4c;
+  }
+  .landing-themes .p-text-secondary {
+    color: #6b7280;
+  }
+  .landing-themes .pi {
+    font-size: 1rem;
+  }
+  .landing-themes .p-icon {
+    width: 1rem;
+    height: 1rem;
+  }
+  .landing-themes .p-link {
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
+    border-radius: 6px;
+  }
+  .landing-themes .p-link:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+  }
+  .landing-themes .p-component-overlay-enter {
+    animation: p-component-overlay-enter-animation 150ms forwards;
+  }
+  .landing-themes .p-component-overlay-leave {
+    animation: p-component-overlay-leave-animation 150ms forwards;
+  }
+  @keyframes p-component-overlay-enter-animation {
+    from {
+      background-color: transparent;
+    }
+    to {
+      background-color: var(--maskbg);
+    }
+  }
+  @keyframes p-component-overlay-leave-animation {
+    from {
+      background-color: var(--maskbg);
+    }
+    to {
+      background-color: transparent;
+    }
+  }
+  .landing-themes .p-inputtext {
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
+    color: #4b5563;
+    background: #ffffff;
+    padding: 0.75rem 0.75rem;
+    border: 1px solid #d1d5db;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    appearance: none;
+    border-radius: 6px;
+  }
+  .landing-themes .p-inputtext:enabled:hover {
+    border-color: #10b981;
+  }
+  .landing-themes .p-inputtext:enabled:focus {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
+  }
+  .landing-themes .p-inputtext.p-invalid.p-component {
+    border-color: #e24c4c;
+  }
+  .landing-themes .p-inputtext.p-inputtext-sm {
+    font-size: 0.875rem;
+    padding: 0.65625rem 0.65625rem;
+  }
+  .landing-themes .p-inputtext.p-inputtext-lg {
+    font-size: 1.25rem;
+    padding: 0.9375rem 0.9375rem;
+  }
+  .landing-themes .p-float-label > label {
+    left: 0.75rem;
+    color: #6b7280;
+    transition-duration: 0.2s;
+  }
+  .landing-themes .p-float-label > .p-invalid + label {
+    color: #e24c4c;
+  }
+  .landing-themes .p-input-icon-left > svg:first-of-type,
+  .landing-themes .p-input-icon-left > i:first-of-type {
+    left: 0.75rem;
+    color: #6b7280;
+  }
+  .landing-themes .p-input-icon-left > .p-inputtext {
+    padding-left: 2.5rem;
+  }
+  .landing-themes .p-input-icon-left.p-float-label > label {
+    left: 2.5rem;
+  }
+  .landing-themes .p-input-icon-right > svg:last-of-type,
+  .landing-themes .p-input-icon-right > i:last-of-type {
+    right: 0.75rem;
+    color: #6b7280;
+  }
+  .landing-themes .p-input-icon-right > .p-inputtext {
+    padding-right: 2.5rem;
+  }
+  .landing-themes ::-webkit-input-placeholder {
+    color: #6b7280;
+  }
+  .landing-themes :-moz-placeholder {
+    color: #6b7280;
+  }
+  .landing-themes ::-moz-placeholder {
+    color: #6b7280;
+  }
+  .landing-themes :-ms-input-placeholder {
+    color: #6b7280;
+  }
+  .landing-themes .p-input-filled .p-inputtext {
+    background-color: #f3f4f6;
+  }
+  .landing-themes .p-input-filled .p-inputtext:enabled:hover {
+    background-color: #f3f4f6;
+  }
+  .landing-themes .p-input-filled .p-inputtext:enabled:focus {
+    background-color: #ffffff;
+  }
+  .landing-themes .p-inputtext-sm .p-inputtext {
+    font-size: 0.875rem;
+    padding: 0.65625rem 0.65625rem;
+  }
+  .landing-themes .p-inputtext-lg .p-inputtext {
+    font-size: 1.25rem;
+    padding: 0.9375rem 0.9375rem;
+  }
+  .landing-themes .p-button {
+    color: #ffffff;
+    background: #10b981;
+    border: 1px solid #10b981;
+    padding: 0.75rem 1.25rem;
+    font-size: 1rem;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    border-radius: 6px;
+  }
+  .landing-themes .p-button:enabled:hover {
+    background: #059669;
+    color: #ffffff;
+    border-color: #059669;
+  }
+  .landing-themes .p-button:enabled:active {
+    background: #047857;
+    color: #ffffff;
+    border-color: #047857;
+  }
+  .landing-themes .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #10b981;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-outlined:enabled:hover {
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-outlined:enabled:active {
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-outlined.p-button-plain {
+    color: #6b7280;
+    border-color: #6b7280;
+  }
+  .landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover {
+    background: #f3f4f6;
+    color: #6b7280;
+  }
+  .landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active {
+    background: #e5e7eb;
+    color: #6b7280;
+  }
+  .landing-themes .p-button.p-button-text {
+    background-color: transparent;
+    color: #10b981;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-text:enabled:hover {
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-text:enabled:active {
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-text.p-button-plain {
+    color: #6b7280;
+  }
+  .landing-themes .p-button.p-button-text.p-button-plain:enabled:hover {
+    background: #f3f4f6;
+    color: #6b7280;
+  }
+  .landing-themes .p-button.p-button-text.p-button-plain:enabled:active {
+    background: #e5e7eb;
+    color: #6b7280;
+  }
+  .landing-themes .p-button:focus {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+  }
+  .landing-themes .p-button .p-button-label {
+    transition-duration: 0.2s;
+  }
+  .landing-themes .p-button .p-button-icon-left {
+    margin-right: 0.5rem;
+  }
+  .landing-themes .p-button .p-button-icon-right {
+    margin-left: 0.5rem;
+  }
+  .landing-themes .p-button .p-button-icon-bottom {
+    margin-top: 0.5rem;
+  }
+  .landing-themes .p-button .p-button-icon-top {
+    margin-bottom: 0.5rem;
+  }
+  .landing-themes .p-button .p-badge {
+    margin-left: 0.5rem;
+    min-width: 1rem;
+    height: 1rem;
+    line-height: 1rem;
+    color: #10b981;
+    background-color: #ffffff;
+  }
+  .landing-themes .p-button.p-button-raised {
+    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  }
+  .landing-themes .p-button.p-button-rounded {
+    border-radius: 2rem;
+  }
+  .landing-themes .p-button.p-button-icon-only {
+    width: 3rem;
+    padding: 0.75rem 0;
+  }
+  .landing-themes .p-button.p-button-icon-only .p-button-icon-left,
+  .landing-themes .p-button.p-button-icon-only .p-button-icon-right {
+    margin: 0;
+  }
+  .landing-themes .p-button.p-button-icon-only.p-button-rounded {
+    border-radius: 50%;
+    height: 3rem;
+  }
+  .landing-themes .p-button.p-button-sm {
+    font-size: 0.875rem;
+    padding: 0.65625rem 1.09375rem;
+  }
+  .landing-themes .p-button.p-button-sm .p-button-icon {
+    font-size: 0.875rem;
+  }
+  .landing-themes .p-button.p-button-lg {
+    font-size: 1.25rem;
+    padding: 0.9375rem 1.5625rem;
+  }
+  .landing-themes .p-button.p-button-lg .p-button-icon {
+    font-size: 1.25rem;
+  }
+  .landing-themes .p-button.p-button-loading-label-only .p-button-label {
+    margin-left: 0.5rem;
+  }
+  .landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon {
+    margin-right: 0;
+  }
+  .landing-themes .p-fluid .p-button {
+    width: 100%;
+  }
+  .landing-themes .p-fluid .p-button-icon-only {
+    width: 3rem;
+  }
+  .landing-themes .p-fluid .p-buttonset {
+    display: flex;
+  }
+  .landing-themes .p-fluid .p-buttonset .p-button {
+    flex: 1;
+  }
+  .landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button {
+    color: #ffffff;
+    background: #64748B;
+    border: 1px solid #64748B;
+  }
+  .landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+    background: #475569;
+    color: #ffffff;
+    border-color: #475569;
+  }
+  .landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+    box-shadow: 0 0 0 0.2rem #E2E8F0;
+  }
+  .landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+    background: #334155;
+    color: #ffffff;
+    border-color: #334155;
+  }
+  .landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #64748B;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+    background: rgba(100, 116, 139, 0.04);
+    color: #64748B;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+    background: rgba(100, 116, 139, 0.16);
+    color: #64748B;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+    background-color: transparent;
+    color: #64748B;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+    background: rgba(100, 116, 139, 0.04);
+    border-color: transparent;
+    color: #64748B;
+  }
+  .landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+    background: rgba(100, 116, 139, 0.16);
+    border-color: transparent;
+    color: #64748B;
+  }
+  .landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button {
+    color: #ffffff;
+    background: #3B82F6;
+    border: 1px solid #3B82F6;
+  }
+  .landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover {
+    background: #2563EB;
+    color: #ffffff;
+    border-color: #2563EB;
+  }
+  .landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus {
+    box-shadow: 0 0 0 0.2rem #BFDBFE;
+  }
+  .landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active {
+    background: #1D4ED8;
+    color: #ffffff;
+    border-color: #1D4ED8;
+  }
+  .landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #3B82F6;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+    background: rgba(59, 130, 246, 0.04);
+    color: #3B82F6;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+    background: rgba(59, 130, 246, 0.16);
+    color: #3B82F6;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text {
+    background-color: transparent;
+    color: #3B82F6;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+    background: rgba(59, 130, 246, 0.04);
+    border-color: transparent;
+    color: #3B82F6;
+  }
+  .landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+    background: rgba(59, 130, 246, 0.16);
+    border-color: transparent;
+    color: #3B82F6;
+  }
+  .landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button {
+    color: #ffffff;
+    background: #22C55E;
+    border: 1px solid #22C55E;
+  }
+  .landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover {
+    background: #16A34A;
+    color: #ffffff;
+    border-color: #16A34A;
+  }
+  .landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus {
+    box-shadow: 0 0 0 0.2rem #BBF7D0;
+  }
+  .landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active {
+    background: #15803D;
+    color: #ffffff;
+    border-color: #15803D;
+  }
+  .landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #22C55E;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+    background: rgba(34, 197, 94, 0.04);
+    color: #22C55E;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+    background: rgba(34, 197, 94, 0.16);
+    color: #22C55E;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text {
+    background-color: transparent;
+    color: #22C55E;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+    background: rgba(34, 197, 94, 0.04);
+    border-color: transparent;
+    color: #22C55E;
+  }
+  .landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+    background: rgba(34, 197, 94, 0.16);
+    border-color: transparent;
+    color: #22C55E;
+  }
+  .landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button {
+    color: #ffffff;
+    background: #F59E0B;
+    border: 1px solid #F59E0B;
+  }
+  .landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+    background: #D97706;
+    color: #ffffff;
+    border-color: #D97706;
+  }
+  .landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+    box-shadow: 0 0 0 0.2rem #FDE68A;
+  }
+  .landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active {
+    background: #B45309;
+    color: #ffffff;
+    border-color: #B45309;
+  }
+  .landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #F59E0B;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+    background: rgba(245, 158, 11, 0.04);
+    color: #F59E0B;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+    background: rgba(245, 158, 11, 0.16);
+    color: #F59E0B;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text {
+    background-color: transparent;
+    color: #F59E0B;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+    background: rgba(245, 158, 11, 0.04);
+    border-color: transparent;
+    color: #F59E0B;
+  }
+  .landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+    background: rgba(245, 158, 11, 0.16);
+    border-color: transparent;
+    color: #F59E0B;
+  }
+  .landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button {
+    color: #ffffff;
+    background: #A855F7;
+    border: 1px solid #A855F7;
+  }
+  .landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover {
+    background: #9333EA;
+    color: #ffffff;
+    border-color: #9333EA;
+  }
+  .landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus {
+    box-shadow: 0 0 0 0.2rem #E9D5FF;
+  }
+  .landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active {
+    background: #7E22CE;
+    color: #ffffff;
+    border-color: #7E22CE;
+  }
+  .landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #A855F7;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+    background: rgba(168, 85, 247, 0.04);
+    color: #A855F7;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+    background: rgba(168, 85, 247, 0.16);
+    color: #A855F7;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text {
+    background-color: transparent;
+    color: #A855F7;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+    background: rgba(168, 85, 247, 0.04);
+    border-color: transparent;
+    color: #A855F7;
+  }
+  .landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+    background: rgba(168, 85, 247, 0.16);
+    border-color: transparent;
+    color: #A855F7;
+  }
+  .landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button {
+    color: #ffffff;
+    background: #EF4444;
+    border: 1px solid #EF4444;
+  }
+  .landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+    background: #DC2626;
+    color: #ffffff;
+    border-color: #DC2626;
+  }
+  .landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+    box-shadow: 0 0 0 0.2rem #FECACA;
+  }
+  .landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active {
+    background: #B91C1C;
+    color: #ffffff;
+    border-color: #B91C1C;
+  }
+  .landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #EF4444;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+    background: rgba(239, 68, 68, 0.04);
+    color: #EF4444;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+    background: rgba(239, 68, 68, 0.16);
+    color: #EF4444;
+    border: 1px solid;
+  }
+  .landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text {
+    background-color: transparent;
+    color: #EF4444;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+    background: rgba(239, 68, 68, 0.04);
+    border-color: transparent;
+    color: #EF4444;
+  }
+  .landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+    background: rgba(239, 68, 68, 0.16);
+    border-color: transparent;
+    color: #EF4444;
+  }
+  .landing-themes .p-button.p-button-link {
+    color: #047857;
+    background: transparent;
+    border: transparent;
+  }
+  .landing-themes .p-button.p-button-link:enabled:hover {
+    background: transparent;
+    color: #047857;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-link:enabled:hover .p-button-label {
+    text-decoration: underline;
+  }
+  .landing-themes .p-button.p-button-link:enabled:focus {
+    background: transparent;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: transparent;
+  }
+  .landing-themes .p-button.p-button-link:enabled:active {
+    background: transparent;
+    color: #047857;
+    border-color: transparent;
+  }
+  .landing-themes .p-badge {
+    background: #10b981;
+    color: #ffffff;
+    font-size: 0.75rem;
+    font-weight: 700;
+    min-width: 1.5rem;
+    height: 1.5rem;
+    line-height: 1.5rem;
+  }
+  .landing-themes .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .landing-themes .p-badge.p-badge-success {
+    background-color: #22C55E;
+    color: #ffffff;
+  }
+  .landing-themes .p-badge.p-badge-info {
+    background-color: #3B82F6;
+    color: #ffffff;
+  }
+  .landing-themes .p-badge.p-badge-warning {
+    background-color: #F59E0B;
+    color: #ffffff;
+  }
+  .landing-themes .p-badge.p-badge-danger {
+    background-color: #EF4444;
+    color: #ffffff;
+  }
+  .landing-themes .p-badge.p-badge-lg {
+    font-size: 1.125rem;
+    min-width: 2.25rem;
+    height: 2.25rem;
+    line-height: 2.25rem;
+  }
+  .landing-themes .p-badge.p-badge-xl {
+    font-size: 1.5rem;
+    min-width: 3rem;
+    height: 3rem;
+    line-height: 3rem;
+  }
+  .landing-themes .p-progressbar {
+    border: 0 none;
+    height: 1.5rem;
+    background: #e5e7eb;
+    border-radius: 6px;
+  }
+  .landing-themes .p-progressbar .p-progressbar-value {
+    border: 0 none;
+    margin: 0;
+    background: #10b981;
+  }
+  .landing-themes .p-progressbar .p-progressbar-label {
+    color: #ffffff;
+    line-height: 1.5rem;
+  }
+  .landing-themes .p-datatable .p-paginator-top {
+    border-width: 0 0 1px 0;
+    border-radius: 0;
+  }
+  .landing-themes .p-datatable .p-paginator-bottom {
+    border-width: 0 0 1px 0;
+    border-radius: 0;
+  }
+  .landing-themes .p-datatable .p-datatable-header {
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
+    border-width: 1px 0 1px 0;
+    padding: 1rem 1rem;
+    font-weight: 700;
+  }
+  .landing-themes .p-datatable .p-datatable-footer {
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
+    border-width: 0 0 1px 0;
+    padding: 1rem 1rem;
+    font-weight: 700;
+  }
+  .landing-themes .p-datatable .p-datatable-thead > tr > th {
+    text-align: left;
+    padding: 1rem 1rem;
+    border: 1px solid #e5e7eb;
+    border-width: 0 0 1px 0;
+    font-weight: 700;
+    color: #374151;
+    background: #f9fafb;
+    transition: box-shadow 0.2s;
+  }
+  .landing-themes .p-datatable .p-datatable-tfoot > tr > td {
+    text-align: left;
+    padding: 1rem 1rem;
+    border: 1px solid #e5e7eb;
+    border-width: 0 0 1px 0;
+    font-weight: 700;
+    color: #374151;
+    background: #f9fafb;
+  }
+  .landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon {
+    color: #374151;
+    margin-left: 0.5rem;
+  }
+  .landing-themes .p-datatable .p-sortable-column .p-sortable-column-badge {
+    border-radius: 50%;
+    height: 1.143rem;
+    min-width: 1.143rem;
+    line-height: 1.143rem;
+    color: #047857;
+    background: #F0FDFA;
+    margin-left: 0.5rem;
+  }
+  .landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover {
+    background: #f3f4f6;
+    color: #374151;
+  }
+  .landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+    color: #374151;
+  }
+  .landing-themes .p-datatable .p-sortable-column.p-highlight {
+    background: #F0FDFA;
+    color: #047857;
+  }
+  .landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+    color: #047857;
+  }
+  .landing-themes .p-datatable .p-sortable-column.p-highlight:hover {
+    background: #F0FDFA;
+    color: #047857;
+  }
+  .landing-themes .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+    color: #047857;
+  }
+  .landing-themes .p-datatable .p-sortable-column:focus-visible {
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
+    outline: 0 none;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr {
+    background: #ffffff;
+    color: #4b5563;
+    transition: box-shadow 0.2s;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td {
+    text-align: left;
+    border: 1px solid #e5e7eb;
+    border-width: 0 0 1px 0;
+    padding: 1rem 1rem;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+    width: 2rem;
+    height: 2rem;
+    color: #6b7280;
+    border: 0 none;
+    background: transparent;
+    border-radius: 50%;
+    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+    color: #374151;
+    border-color: transparent;
+    background: #f3f4f6;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+    margin-right: 0.5rem;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+    font-weight: 700;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr:focus-visible {
+    outline: 0.15rem solid #ecfdf5;
+    outline-offset: -0.15rem;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight {
+    background: #F0FDFA;
+    color: #047857;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+    box-shadow: inset 0 2px 0 0 #F0FDFA;
+  }
+  .landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+    box-shadow: inset 0 -2px 0 0 #F0FDFA;
+  }
+  .landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+    background: #f3f4f6;
+    color: #4b5563;
+  }
+  .landing-themes .p-datatable .p-column-resizer-helper {
+    background: #10b981;
+  }
+  .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+  .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+  .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
+    background-color: #f9fafb;
+  }
+  .landing-themes .p-datatable .p-datatable-loading-icon {
+    font-size: 2rem;
+  }
+  .landing-themes .p-datatable .p-datatable-loading-icon.p-icon {
+    width: 2rem;
+    height: 2rem;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header {
+    border-width: 1px 1px 0 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer {
+    border-width: 0 1px 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top {
+    border-width: 0 1px 0 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom {
+    border-width: 0 1px 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+    border-width: 1px 0 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+    border-width: 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+    border-width: 1px 0 0 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+    border-width: 1px 1px 0 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+    border-width: 1px 0 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
+    border-width: 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+    border-width: 1px 0 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+    border-width: 1px 1px 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+    border-width: 0 0 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+    border-width: 0 1px 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+    border-width: 0 0 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+    border-width: 0 1px 1px 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+    border-width: 0 0 0 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+    border-width: 0 1px 0 1px;
+  }
+  .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+    background: #fcfcfc;
+  }
+  .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+    background: #F0FDFA;
+    color: #047857;
+  }
+  .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+    color: #047857;
+  }
+  .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+    color: #047857;
+  }
+  .landing-themes .p-datatable.p-datatable-sm .p-datatable-header {
+    padding: 0.5rem 0.5rem;
+  }
+  .landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+    padding: 0.5rem 0.5rem;
+  }
+  .landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+    padding: 0.5rem 0.5rem;
+  }
+  .landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+    padding: 0.5rem 0.5rem;
+  }
+  .landing-themes .p-datatable.p-datatable-sm .p-datatable-footer {
+    padding: 0.5rem 0.5rem;
+  }
+  .landing-themes .p-datatable.p-datatable-lg .p-datatable-header {
+    padding: 1.25rem 1.25rem;
+  }
+  .landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+    padding: 1.25rem 1.25rem;
+  }
+  .landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+    padding: 1.25rem 1.25rem;
+  }
+  .landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+    padding: 1.25rem 1.25rem;
+  }
+  .landing-themes .p-datatable.p-datatable-lg .p-datatable-footer {
+    padding: 1.25rem 1.25rem;
+  }
+  .landing-themes .p-paginator {
+    background: #ffffff;
+    color: #6b7280;
+    border: solid #f3f4f6;
+    border-width: 0;
+    padding: 0.5rem 1rem;
+    border-radius: 6px;
+  }
+  .landing-themes .p-paginator .p-paginator-first,
+  .landing-themes .p-paginator .p-paginator-prev,
+  .landing-themes .p-paginator .p-paginator-next,
+  .landing-themes .p-paginator .p-paginator-last {
+    background-color: transparent;
+    border: 0 none;
+    color: #6b7280;
+    min-width: 3rem;
+    height: 3rem;
+    margin: 0.143rem;
+    transition: box-shadow 0.2s;
+    border-radius: 50%;
+  }
+  .landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+  .landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+  .landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+  .landing-themes .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+    background: #f3f4f6;
+    border-color: transparent;
+    color: #374151;
+  }
+  .landing-themes .p-paginator .p-paginator-first {
+    border-top-left-radius: 50%;
+    border-bottom-left-radius: 50%;
+  }
+  .landing-themes .p-paginator .p-paginator-last {
+    border-top-right-radius: 50%;
+    border-bottom-right-radius: 50%;
+  }
+  .landing-themes .p-paginator .p-dropdown {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+    height: 3rem;
+  }
+  .landing-themes .p-paginator .p-dropdown .p-dropdown-label {
+    padding-right: 0;
+  }
+  .landing-themes .p-paginator .p-paginator-page-input {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+  .landing-themes .p-paginator .p-paginator-page-input .p-inputtext {
+    max-width: 3rem;
+  }
+  .landing-themes .p-paginator .p-paginator-current {
+    background-color: transparent;
+    border: 0 none;
+    color: #6b7280;
+    min-width: 3rem;
+    height: 3rem;
+    margin: 0.143rem;
+    padding: 0 0.5rem;
+  }
+  .landing-themes .p-paginator .p-paginator-pages .p-paginator-page {
+    background-color: transparent;
+    border: 0 none;
+    color: #6b7280;
+    min-width: 3rem;
+    height: 3rem;
+    margin: 0.143rem;
+    transition: box-shadow 0.2s;
+    border-radius: 50%;
+  }
+  .landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+    background: #F0FDFA;
+    border-color: #F0FDFA;
+    color: #047857;
+  }
+  .landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+    background: #f3f4f6;
+    border-color: transparent;
+    color: #374151;
+  }
\ No newline at end of file
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index b5b72ee0bd..07d987ef20 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -4,45 +4,45 @@
   font-variation-settings: normal;
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
-  --surface-a:#071426;
-  --surface-b:#040d19;
+  --surface-a:#1f2937;
+  --surface-b:#111827;
   --surface-c:rgba(255, 255, 255, 0.03);
-  --surface-d:#0b213f;
-  --surface-e:#071426;
-  --surface-f:#071426;
+  --surface-d:#424b57;
+  --surface-e:#1f2937;
+  --surface-f:#1f2937;
   --text-color:rgba(255, 255, 255, 0.87);
   --text-color-secondary:rgba(255, 255, 255, 0.6);
   --primary-color:#93C5FD;
   --primary-color-text:#1c2127;
-  --surface-0: #040d19;
-  --surface-50: #1d2530;
-  --surface-100: #363d47;
-  --surface-200: #4f565e;
-  --surface-300: #686e75;
-  --surface-400: #82868c;
-  --surface-500: #9b9ea3;
-  --surface-600: #b4b6ba;
-  --surface-700: #cdcfd1;
-  --surface-800: #e6e7e8;
+  --surface-0: #111827;
+  --surface-50: #1f2937;
+  --surface-100: #374151;
+  --surface-200: #4b5563;
+  --surface-300: #6b7280;
+  --surface-400: #9ca3af;
+  --surface-500: #d1d5db;
+  --surface-600: #e5e7eb;
+  --surface-700: #f3f4f6;
+  --surface-800: #f9fafb;
   --surface-900: #ffffff;
-  --gray-50: #e6e7e8;
-  --gray-100: #cdcfd1;
-  --gray-200: #b4b6ba;
-  --gray-300: #9b9ea3;
-  --gray-400: #82868c;
-  --gray-500: #686e75;
-  --gray-600: #4f565e;
-  --gray-700: #363d47;
-  --gray-800: #1d2530;
-  --gray-900: #040d19;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#040d19;
-  --surface-section:#040d19;
-  --surface-card:#071426;
-  --surface-overlay:#071426;
-  --surface-border:#0b213f;
+  --surface-ground:#111827;
+  --surface-section:#111827;
+  --surface-card:#1f2937;
+  --surface-overlay:#1f2937;
+  --surface-border:#424b57;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
   --maskbg: rgba(0, 0, 0, 0.4);
@@ -396,7 +396,7 @@
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -404,7 +404,7 @@
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -412,9 +412,9 @@
   }
 
   .p-autocomplete-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -439,7 +439,7 @@
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -449,7 +449,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
 
@@ -465,26 +465,26 @@
 
   .p-datepicker {
     padding: 0.5rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-    background: #071426;
+    background: #1f2937;
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     margin: 0;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -568,13 +568,13 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
@@ -633,7 +633,7 @@
     background: rgba(147, 197, 253, 0.16);
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #0b213f;
+    border-left: 1px solid #424b57;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -677,8 +677,8 @@
     }
   }
   .p-cascadeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -715,9 +715,9 @@
   }
 
   .p-cascadeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -741,7 +741,7 @@
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -755,13 +755,13 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-checkbox {
@@ -769,8 +769,8 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -809,13 +809,13 @@
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
     background: #93C5FD;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
     background: #6cb0fc;
@@ -836,12 +836,12 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -868,8 +868,8 @@
   }
 
   .p-colorpicker-panel {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
   }
   .p-colorpicker-panel .p-colorpicker-color-handle,
 .p-colorpicker-panel .p-colorpicker-hue-handle {
@@ -881,8 +881,8 @@
   }
 
   .p-dropdown {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -925,17 +925,17 @@
   }
 
   .p-dropdown-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -969,7 +969,7 @@
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -979,7 +979,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -989,29 +989,29 @@
   }
 
   .p-input-filled .p-dropdown {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
     background-color: transparent;
   }
 
   .p-inputgroup-addon {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border-top: 1px solid #0b213f;
-    border-left: 1px solid #0b213f;
-    border-bottom: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
+    border-left: 1px solid #424b57;
+    border-bottom: 1px solid #424b57;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #0b213f;
+    border-right: 1px solid #424b57;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1080,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #233752;
+    background: #6b7280;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1102,7 +1102,7 @@
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
     background: #93C5FD;
@@ -1122,9 +1122,9 @@
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #040d19;
+    background: #111827;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
@@ -1201,13 +1201,13 @@
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-inputtext-sm .p-inputtext {
@@ -1221,17 +1221,17 @@
   }
 
   .p-listbox {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1263,7 +1263,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1276,7 +1276,7 @@
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1293,8 +1293,8 @@
   }
 
   .p-multiselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1317,7 +1317,7 @@
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1340,17 +1340,17 @@
   }
 
   .p-multiselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1406,7 +1406,7 @@
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1419,7 +1419,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1429,13 +1429,13 @@
   }
 
   .p-input-filled .p-multiselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-password.p-invalid.p-component > .p-inputtext {
@@ -1444,15 +1444,15 @@
 
   .p-password-panel {
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #eb9a9c;
@@ -1469,8 +1469,8 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -1509,10 +1509,10 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
     background: #93C5FD;
@@ -1553,8 +1553,8 @@
   }
 
   .p-selectbutton .p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1564,7 +1564,7 @@
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -1594,7 +1594,7 @@
   }
 
   .p-slider {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1615,7 +1615,7 @@
   .p-slider .p-slider-handle {
     height: 1.143rem;
     width: 1.143rem;
-    background: #0b213f;
+    background: #424b57;
     border: 2px solid #93C5FD;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1634,8 +1634,8 @@
   }
 
   .p-treeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1658,7 +1658,7 @@
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1678,9 +1678,9 @@
   }
 
   .p-treeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -1694,18 +1694,18 @@
   }
 
   .p-input-filled .p-treeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-togglebutton.p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1721,7 +1721,7 @@
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -2246,11 +2246,11 @@
     width: 3rem;
     height: 3rem;
     background: rgba(255, 255, 255, 0.87);
-    color: #040d19;
+    color: #111827;
   }
   .p-speeddial-action:hover {
     background: rgba(255, 255, 255, 0.6);
-    color: #040d19;
+    color: #111827;
   }
 
   .p-speeddial-direction-up .p-speeddial-item {
@@ -2588,7 +2588,7 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -2611,17 +2611,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,21 +2629,21 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.6);
@@ -2684,13 +2684,13 @@
     outline: 0 none;
   }
   .p-datatable .p-datatable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2752,7 +2752,7 @@
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2816,7 +2816,7 @@
     border-width: 0 1px 0 1px;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-    background: #0d1a2c;
+    background: #1f2937;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
     background: rgba(147, 197, 253, 0.16);
@@ -2868,27 +2868,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2950,9 +2950,9 @@
   }
 
   .p-column-filter-overlay {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     min-width: 12.5rem;
@@ -2983,22 +2983,22 @@
     box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +3023,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,8 +3033,8 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3055,7 +3055,7 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3083,19 +3083,19 @@
     color: rgba(22, 130, 251, 0.16);
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-right: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-top: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
   }
@@ -3111,9 +3111,9 @@
   }
 
   .p-paginator {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 1px;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3199,9 +3199,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,8 +3209,8 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3231,7 +3231,7 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3255,7 +3255,7 @@
     background-color: #1c2127;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,8 +3273,8 @@
   }
 
   .p-tree {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
     border-radius: 6px;
@@ -3370,17 +3370,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,21 +3388,21 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-sortable-column {
     outline-color: rgba(147, 197, 253, 0.5);
@@ -3435,13 +3435,13 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-treetable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -3497,7 +3497,7 @@
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3560,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3577,25 +3577,25 @@
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -3608,7 +3608,7 @@
   }
 
   .p-card {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
@@ -3634,16 +3634,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3670,7 +3670,7 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-fieldset .p-fieldset-content {
@@ -3678,14 +3678,14 @@
   }
 
   .p-divider .p-divider-content {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-divider.p-divider-horizontal {
     margin: 1.25rem 0;
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #0b213f;
+    border-top: 1px #424b57;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,16 +3695,16 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #0b213f;
+    border-left: 1px #424b57;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3736,8 +3736,8 @@
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0 none;
   }
@@ -3747,8 +3747,8 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3756,7 +3756,7 @@
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -3767,8 +3767,8 @@
   }
 
   .p-splitter {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     border-radius: 6px;
     color: rgba(255, 255, 255, 0.87);
   }
@@ -3777,7 +3777,7 @@
     background: rgba(255, 255, 255, 0.03);
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #0b213f;
+    background: #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -3786,22 +3786,22 @@
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #0b213f;
+    background: #424b57;
   }
 
   .p-tabview .p-tabview-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -3816,17 +3816,17 @@
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #93C5FD;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #93C5FD;
     color: #93C5FD;
   }
   .p-tabview .p-tabview-nav-btn.p-link {
-    background: #071426;
+    background: #1f2937;
     color: #93C5FD;
     width: 3rem;
     box-shadow: 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);
@@ -3838,7 +3838,7 @@
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
   }
   .p-tabview .p-tabview-panels {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
@@ -3847,8 +3847,8 @@
   }
 
   .p-toolbar {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3858,9 +3858,9 @@
   }
 
   .p-confirm-popup {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -3880,19 +3880,19 @@
   }
   .p-confirm-popup:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-confirm-popup:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0b213f;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #424b57;
   }
   .p-confirm-popup.p-confirm-popup-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-confirm-popup.p-confirm-popup-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-confirm-popup .p-confirm-popup-icon {
     font-size: 1.5rem;
@@ -3908,11 +3908,11 @@
   .p-dialog {
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
   }
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.5rem;
     border-top-right-radius: 6px;
@@ -3946,7 +3946,7 @@
     margin-right: 0;
   }
   .p-dialog .p-dialog-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 2rem 1.5rem;
   }
@@ -3956,7 +3956,7 @@
   }
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
@@ -3975,9 +3975,9 @@
   }
 
   .p-overlaypanel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -4001,25 +4001,25 @@
   }
   .p-overlaypanel:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-overlaypanel:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0a1f3c;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #3f4753;
   }
   .p-overlaypanel.p-overlaypanel-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-overlaypanel.p-overlaypanel-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
 
   .p-sidebar {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
   .p-sidebar .p-sidebar-header {
@@ -4055,29 +4055,29 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #0b213f;
+    border-right-color: #424b57;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #0b213f;
+    border-left-color: #424b57;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #0b213f;
+    border-bottom-color: #424b57;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom: 0 none;
     border-top-right-radius: 6px;
@@ -4090,9 +4090,9 @@
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
   }
   .p-fileupload .p-fileupload-content {
-    background: #071426;
+    background: #1f2937;
     padding: 2rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -4103,7 +4103,7 @@
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4139,8 +4139,8 @@
   }
 
   .p-breadcrumb {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4172,9 +4172,9 @@
 
   .p-contextmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
     width: 12.5rem;
@@ -4184,8 +4184,8 @@
   }
   .p-contextmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -4224,7 +4224,7 @@
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4243,7 +4243,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4325,9 +4325,9 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
@@ -4368,7 +4368,7 @@
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4387,16 +4387,16 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-megamenu-panel {
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4406,7 +4406,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4446,9 +4446,9 @@
 
   .p-menu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4487,7 +4487,7 @@
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4506,29 +4506,29 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menu.p-menu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
@@ -4599,7 +4599,7 @@
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4619,13 +4619,13 @@
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4657,13 +4657,13 @@
       position: absolute;
       display: none;
       padding: 0.25rem 0;
-      background: #091a32;
-      border: 1px solid #0b213f;
+      background: #374151;
+      border: 1px solid #424b57;
       box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #0b213f;
+      border-top: 1px solid #424b57;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,9 +4724,9 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -4748,26 +4748,26 @@
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -4813,7 +4813,7 @@
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4835,7 +4835,7 @@
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4881,7 +4881,7 @@
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,17 +4892,17 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -4920,27 +4920,27 @@
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #93C5FD;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #93C5FD;
     color: #93C5FD;
   }
 
   .p-tieredmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-tieredmenu.p-tieredmenu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-tieredmenu-root-list {
@@ -4948,8 +4948,8 @@
   }
   .p-tieredmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
@@ -4987,7 +4987,7 @@
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -5006,7 +5006,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5286,7 +5286,7 @@
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5394,7 +5394,7 @@
   }
 
   .p-avatar {
-    background-color: #0b213f;
+    background-color: #424b57;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5415,7 +5415,7 @@
   }
 
   .p-avatar-group .p-avatar {
-    border: 2px solid #071426;
+    border: 2px solid #1f2937;
   }
 
   .p-badge {
@@ -5461,7 +5461,7 @@
   }
 
   .p-chip {
-    background-color: #0b213f;
+    background-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
     padding: 0 0.75rem;
@@ -5512,7 +5512,7 @@
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #0b213f;
+    background: #424b57;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
@@ -5634,9 +5634,9 @@
   }
 
   .p-terminal {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 2a0d1cce36..6c6597ed46 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -4,45 +4,45 @@
   font-variation-settings: normal;
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
-  --surface-a:#071426;
-  --surface-b:#040d19;
+  --surface-a:#1f2937;
+  --surface-b:#111827;
   --surface-c:rgba(255, 255, 255, 0.03);
-  --surface-d:#0b213f;
-  --surface-e:#071426;
-  --surface-f:#071426;
+  --surface-d:#424b57;
+  --surface-e:#1f2937;
+  --surface-f:#1f2937;
   --text-color:rgba(255, 255, 255, 0.87);
   --text-color-secondary:rgba(255, 255, 255, 0.6);
   --primary-color:#A5B4FC;
   --primary-color-text:#1c2127;
-  --surface-0: #040d19;
-  --surface-50: #1d2530;
-  --surface-100: #363d47;
-  --surface-200: #4f565e;
-  --surface-300: #686e75;
-  --surface-400: #82868c;
-  --surface-500: #9b9ea3;
-  --surface-600: #b4b6ba;
-  --surface-700: #cdcfd1;
-  --surface-800: #e6e7e8;
+  --surface-0: #111827;
+  --surface-50: #1f2937;
+  --surface-100: #374151;
+  --surface-200: #4b5563;
+  --surface-300: #6b7280;
+  --surface-400: #9ca3af;
+  --surface-500: #d1d5db;
+  --surface-600: #e5e7eb;
+  --surface-700: #f3f4f6;
+  --surface-800: #f9fafb;
   --surface-900: #ffffff;
-  --gray-50: #e6e7e8;
-  --gray-100: #cdcfd1;
-  --gray-200: #b4b6ba;
-  --gray-300: #9b9ea3;
-  --gray-400: #82868c;
-  --gray-500: #686e75;
-  --gray-600: #4f565e;
-  --gray-700: #363d47;
-  --gray-800: #1d2530;
-  --gray-900: #040d19;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#040d19;
-  --surface-section:#040d19;
-  --surface-card:#071426;
-  --surface-overlay:#071426;
-  --surface-border:#0b213f;
+  --surface-ground:#111827;
+  --surface-section:#111827;
+  --surface-card:#1f2937;
+  --surface-overlay:#1f2937;
+  --surface-border:#424b57;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
   --maskbg: rgba(0, 0, 0, 0.4);
@@ -396,7 +396,7 @@
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -404,7 +404,7 @@
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -412,9 +412,9 @@
   }
 
   .p-autocomplete-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -439,7 +439,7 @@
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -449,7 +449,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
 
@@ -465,26 +465,26 @@
 
   .p-datepicker {
     padding: 0.5rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-    background: #071426;
+    background: #1f2937;
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     margin: 0;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -568,13 +568,13 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
@@ -633,7 +633,7 @@
     background: rgba(165, 180, 252, 0.16);
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #0b213f;
+    border-left: 1px solid #424b57;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -677,8 +677,8 @@
     }
   }
   .p-cascadeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -715,9 +715,9 @@
   }
 
   .p-cascadeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -741,7 +741,7 @@
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -755,13 +755,13 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-checkbox {
@@ -769,8 +769,8 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -809,13 +809,13 @@
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
     background: #A5B4FC;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
     background: #7d92fb;
@@ -836,12 +836,12 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -868,8 +868,8 @@
   }
 
   .p-colorpicker-panel {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
   }
   .p-colorpicker-panel .p-colorpicker-color-handle,
 .p-colorpicker-panel .p-colorpicker-hue-handle {
@@ -881,8 +881,8 @@
   }
 
   .p-dropdown {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -925,17 +925,17 @@
   }
 
   .p-dropdown-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -969,7 +969,7 @@
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -979,7 +979,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -989,29 +989,29 @@
   }
 
   .p-input-filled .p-dropdown {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
     background-color: transparent;
   }
 
   .p-inputgroup-addon {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border-top: 1px solid #0b213f;
-    border-left: 1px solid #0b213f;
-    border-bottom: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
+    border-left: 1px solid #424b57;
+    border-bottom: 1px solid #424b57;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #0b213f;
+    border-right: 1px solid #424b57;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1080,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #233752;
+    background: #6b7280;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1102,7 +1102,7 @@
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
     background: #A5B4FC;
@@ -1122,9 +1122,9 @@
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #040d19;
+    background: #111827;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
@@ -1201,13 +1201,13 @@
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-inputtext-sm .p-inputtext {
@@ -1221,17 +1221,17 @@
   }
 
   .p-listbox {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1263,7 +1263,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1276,7 +1276,7 @@
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1293,8 +1293,8 @@
   }
 
   .p-multiselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1317,7 +1317,7 @@
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1340,17 +1340,17 @@
   }
 
   .p-multiselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1406,7 +1406,7 @@
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1419,7 +1419,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1429,13 +1429,13 @@
   }
 
   .p-input-filled .p-multiselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-password.p-invalid.p-component > .p-inputtext {
@@ -1444,15 +1444,15 @@
 
   .p-password-panel {
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #eb9a9c;
@@ -1469,8 +1469,8 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -1509,10 +1509,10 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
     background: #A5B4FC;
@@ -1553,8 +1553,8 @@
   }
 
   .p-selectbutton .p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1564,7 +1564,7 @@
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -1594,7 +1594,7 @@
   }
 
   .p-slider {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1615,7 +1615,7 @@
   .p-slider .p-slider-handle {
     height: 1.143rem;
     width: 1.143rem;
-    background: #0b213f;
+    background: #424b57;
     border: 2px solid #A5B4FC;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1634,8 +1634,8 @@
   }
 
   .p-treeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1658,7 +1658,7 @@
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1678,9 +1678,9 @@
   }
 
   .p-treeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -1694,18 +1694,18 @@
   }
 
   .p-input-filled .p-treeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-togglebutton.p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1721,7 +1721,7 @@
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -2246,11 +2246,11 @@
     width: 3rem;
     height: 3rem;
     background: rgba(255, 255, 255, 0.87);
-    color: #040d19;
+    color: #111827;
   }
   .p-speeddial-action:hover {
     background: rgba(255, 255, 255, 0.6);
-    color: #040d19;
+    color: #111827;
   }
 
   .p-speeddial-direction-up .p-speeddial-item {
@@ -2588,7 +2588,7 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -2611,17 +2611,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,21 +2629,21 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.6);
@@ -2684,13 +2684,13 @@
     outline: 0 none;
   }
   .p-datatable .p-datatable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2752,7 +2752,7 @@
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2816,7 +2816,7 @@
     border-width: 0 1px 0 1px;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-    background: #0d1a2c;
+    background: #1f2937;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
     background: rgba(165, 180, 252, 0.16);
@@ -2868,27 +2868,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2950,9 +2950,9 @@
   }
 
   .p-column-filter-overlay {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     min-width: 12.5rem;
@@ -2983,22 +2983,22 @@
     box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +3023,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,8 +3033,8 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3055,7 +3055,7 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3083,19 +3083,19 @@
     color: rgba(42, 77, 248, 0.16);
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-right: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-top: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
   }
@@ -3111,9 +3111,9 @@
   }
 
   .p-paginator {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 1px;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3199,9 +3199,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,8 +3209,8 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3231,7 +3231,7 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3255,7 +3255,7 @@
     background-color: #1c2127;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,8 +3273,8 @@
   }
 
   .p-tree {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
     border-radius: 6px;
@@ -3370,17 +3370,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,21 +3388,21 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-sortable-column {
     outline-color: rgba(165, 180, 252, 0.5);
@@ -3435,13 +3435,13 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-treetable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -3497,7 +3497,7 @@
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3560,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3577,25 +3577,25 @@
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -3608,7 +3608,7 @@
   }
 
   .p-card {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
@@ -3634,16 +3634,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3670,7 +3670,7 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-fieldset .p-fieldset-content {
@@ -3678,14 +3678,14 @@
   }
 
   .p-divider .p-divider-content {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-divider.p-divider-horizontal {
     margin: 1.25rem 0;
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #0b213f;
+    border-top: 1px #424b57;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,16 +3695,16 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #0b213f;
+    border-left: 1px #424b57;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3736,8 +3736,8 @@
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0 none;
   }
@@ -3747,8 +3747,8 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3756,7 +3756,7 @@
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -3767,8 +3767,8 @@
   }
 
   .p-splitter {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     border-radius: 6px;
     color: rgba(255, 255, 255, 0.87);
   }
@@ -3777,7 +3777,7 @@
     background: rgba(255, 255, 255, 0.03);
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #0b213f;
+    background: #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -3786,22 +3786,22 @@
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #0b213f;
+    background: #424b57;
   }
 
   .p-tabview .p-tabview-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -3816,17 +3816,17 @@
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #A5B4FC;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #A5B4FC;
     color: #A5B4FC;
   }
   .p-tabview .p-tabview-nav-btn.p-link {
-    background: #071426;
+    background: #1f2937;
     color: #A5B4FC;
     width: 3rem;
     box-shadow: 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);
@@ -3838,7 +3838,7 @@
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
   }
   .p-tabview .p-tabview-panels {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
@@ -3847,8 +3847,8 @@
   }
 
   .p-toolbar {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3858,9 +3858,9 @@
   }
 
   .p-confirm-popup {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -3880,19 +3880,19 @@
   }
   .p-confirm-popup:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-confirm-popup:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0b213f;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #424b57;
   }
   .p-confirm-popup.p-confirm-popup-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-confirm-popup.p-confirm-popup-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-confirm-popup .p-confirm-popup-icon {
     font-size: 1.5rem;
@@ -3908,11 +3908,11 @@
   .p-dialog {
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
   }
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.5rem;
     border-top-right-radius: 6px;
@@ -3946,7 +3946,7 @@
     margin-right: 0;
   }
   .p-dialog .p-dialog-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 2rem 1.5rem;
   }
@@ -3956,7 +3956,7 @@
   }
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
@@ -3975,9 +3975,9 @@
   }
 
   .p-overlaypanel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -4001,25 +4001,25 @@
   }
   .p-overlaypanel:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-overlaypanel:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0a1f3c;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #3f4753;
   }
   .p-overlaypanel.p-overlaypanel-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-overlaypanel.p-overlaypanel-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
 
   .p-sidebar {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
   .p-sidebar .p-sidebar-header {
@@ -4055,29 +4055,29 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #0b213f;
+    border-right-color: #424b57;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #0b213f;
+    border-left-color: #424b57;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #0b213f;
+    border-bottom-color: #424b57;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom: 0 none;
     border-top-right-radius: 6px;
@@ -4090,9 +4090,9 @@
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
   }
   .p-fileupload .p-fileupload-content {
-    background: #071426;
+    background: #1f2937;
     padding: 2rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -4103,7 +4103,7 @@
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4139,8 +4139,8 @@
   }
 
   .p-breadcrumb {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4172,9 +4172,9 @@
 
   .p-contextmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
     width: 12.5rem;
@@ -4184,8 +4184,8 @@
   }
   .p-contextmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -4224,7 +4224,7 @@
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4243,7 +4243,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4325,9 +4325,9 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
@@ -4368,7 +4368,7 @@
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4387,16 +4387,16 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-megamenu-panel {
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4406,7 +4406,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4446,9 +4446,9 @@
 
   .p-menu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4487,7 +4487,7 @@
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4506,29 +4506,29 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menu.p-menu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
@@ -4599,7 +4599,7 @@
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4619,13 +4619,13 @@
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4657,13 +4657,13 @@
       position: absolute;
       display: none;
       padding: 0.25rem 0;
-      background: #091a32;
-      border: 1px solid #0b213f;
+      background: #374151;
+      border: 1px solid #424b57;
       box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #0b213f;
+      border-top: 1px solid #424b57;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,9 +4724,9 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -4748,26 +4748,26 @@
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -4813,7 +4813,7 @@
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4835,7 +4835,7 @@
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4881,7 +4881,7 @@
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,17 +4892,17 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -4920,27 +4920,27 @@
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #A5B4FC;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #A5B4FC;
     color: #A5B4FC;
   }
 
   .p-tieredmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-tieredmenu.p-tieredmenu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-tieredmenu-root-list {
@@ -4948,8 +4948,8 @@
   }
   .p-tieredmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
@@ -4987,7 +4987,7 @@
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -5006,7 +5006,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5286,7 +5286,7 @@
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5394,7 +5394,7 @@
   }
 
   .p-avatar {
-    background-color: #0b213f;
+    background-color: #424b57;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5415,7 +5415,7 @@
   }
 
   .p-avatar-group .p-avatar {
-    border: 2px solid #071426;
+    border: 2px solid #1f2937;
   }
 
   .p-badge {
@@ -5461,7 +5461,7 @@
   }
 
   .p-chip {
-    background-color: #0b213f;
+    background-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
     padding: 0 0.75rem;
@@ -5512,7 +5512,7 @@
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #0b213f;
+    background: #424b57;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
@@ -5634,9 +5634,9 @@
   }
 
   .p-terminal {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index ed43ef1c55..e9387f836b 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -4,45 +4,45 @@
   font-variation-settings: normal;
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
-  --surface-a:#071426;
-  --surface-b:#040d19;
+  --surface-a:#1f2937;
+  --surface-b:#111827;
   --surface-c:rgba(255, 255, 255, 0.03);
-  --surface-d:#0b213f;
-  --surface-e:#071426;
-  --surface-f:#071426;
+  --surface-d:#424b57;
+  --surface-e:#1f2937;
+  --surface-f:#1f2937;
   --text-color:rgba(255, 255, 255, 0.87);
   --text-color-secondary:rgba(255, 255, 255, 0.6);
   --primary-color:#C4B5FD;
   --primary-color-text:#1c2127;
-  --surface-0: #040d19;
-  --surface-50: #1d2530;
-  --surface-100: #363d47;
-  --surface-200: #4f565e;
-  --surface-300: #686e75;
-  --surface-400: #82868c;
-  --surface-500: #9b9ea3;
-  --surface-600: #b4b6ba;
-  --surface-700: #cdcfd1;
-  --surface-800: #e6e7e8;
+  --surface-0: #111827;
+  --surface-50: #1f2937;
+  --surface-100: #374151;
+  --surface-200: #4b5563;
+  --surface-300: #6b7280;
+  --surface-400: #9ca3af;
+  --surface-500: #d1d5db;
+  --surface-600: #e5e7eb;
+  --surface-700: #f3f4f6;
+  --surface-800: #f9fafb;
   --surface-900: #ffffff;
-  --gray-50: #e6e7e8;
-  --gray-100: #cdcfd1;
-  --gray-200: #b4b6ba;
-  --gray-300: #9b9ea3;
-  --gray-400: #82868c;
-  --gray-500: #686e75;
-  --gray-600: #4f565e;
-  --gray-700: #363d47;
-  --gray-800: #1d2530;
-  --gray-900: #040d19;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#040d19;
-  --surface-section:#040d19;
-  --surface-card:#071426;
-  --surface-overlay:#071426;
-  --surface-border:#0b213f;
+  --surface-ground:#111827;
+  --surface-section:#111827;
+  --surface-card:#1f2937;
+  --surface-overlay:#1f2937;
+  --surface-border:#424b57;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
   --maskbg: rgba(0, 0, 0, 0.4);
@@ -248,6 +248,9 @@
   border-bottom-left-radius: 6px;
 }
 .p-editor-container .p-editor-content.ql-snow {
+  border: 1px solid #424b57;
+}
+.p-editor-container .p-editor-content .ql-editor {
   border: 1px solid #0b213f;
 }
 .p-editor-container .p-editor-content .ql-editor {
@@ -396,7 +399,7 @@
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -404,7 +407,7 @@
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -412,9 +415,9 @@
   }
 
   .p-autocomplete-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -439,7 +442,7 @@
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -449,7 +452,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
 
@@ -465,26 +468,26 @@
 
   .p-datepicker {
     padding: 0.5rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-    background: #071426;
+    background: #1f2937;
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     margin: 0;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -568,13 +571,13 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
@@ -633,7 +636,7 @@
     background: rgba(196, 181, 253, 0.16);
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #0b213f;
+    border-left: 1px solid #424b57;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -677,8 +680,8 @@
     }
   }
   .p-cascadeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -715,9 +718,9 @@
   }
 
   .p-cascadeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -741,7 +744,7 @@
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -755,13 +758,13 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-checkbox {
@@ -769,8 +772,8 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -809,13 +812,13 @@
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
     background: #C4B5FD;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
     background: #a28bfc;
@@ -836,12 +839,12 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -868,8 +871,8 @@
   }
 
   .p-colorpicker-panel {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
   }
   .p-colorpicker-panel .p-colorpicker-color-handle,
 .p-colorpicker-panel .p-colorpicker-hue-handle {
@@ -881,8 +884,8 @@
   }
 
   .p-dropdown {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -925,17 +928,17 @@
   }
 
   .p-dropdown-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -969,7 +972,7 @@
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -979,7 +982,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -989,29 +992,29 @@
   }
 
   .p-input-filled .p-dropdown {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
     background-color: transparent;
   }
 
   .p-inputgroup-addon {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border-top: 1px solid #0b213f;
-    border-left: 1px solid #0b213f;
-    border-bottom: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
+    border-left: 1px solid #424b57;
+    border-bottom: 1px solid #424b57;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #0b213f;
+    border-right: 1px solid #424b57;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1083,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #233752;
+    background: #6b7280;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1102,7 +1105,7 @@
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
     background: #C4B5FD;
@@ -1122,9 +1125,9 @@
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #040d19;
+    background: #111827;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
@@ -1201,13 +1204,13 @@
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-inputtext-sm .p-inputtext {
@@ -1221,17 +1224,17 @@
   }
 
   .p-listbox {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1263,7 +1266,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1276,7 +1279,7 @@
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1293,8 +1296,8 @@
   }
 
   .p-multiselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1317,7 +1320,7 @@
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1340,17 +1343,17 @@
   }
 
   .p-multiselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1406,7 +1409,7 @@
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1419,7 +1422,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1429,13 +1432,13 @@
   }
 
   .p-input-filled .p-multiselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-password.p-invalid.p-component > .p-inputtext {
@@ -1444,15 +1447,15 @@
 
   .p-password-panel {
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #eb9a9c;
@@ -1469,8 +1472,8 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -1509,10 +1512,10 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
     background: #C4B5FD;
@@ -1553,8 +1556,8 @@
   }
 
   .p-selectbutton .p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1564,7 +1567,7 @@
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -1594,7 +1597,7 @@
   }
 
   .p-slider {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1615,7 +1618,7 @@
   .p-slider .p-slider-handle {
     height: 1.143rem;
     width: 1.143rem;
-    background: #0b213f;
+    background: #424b57;
     border: 2px solid #C4B5FD;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1634,8 +1637,8 @@
   }
 
   .p-treeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1658,7 +1661,7 @@
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1678,9 +1681,9 @@
   }
 
   .p-treeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -1694,18 +1697,18 @@
   }
 
   .p-input-filled .p-treeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-togglebutton.p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1721,7 +1724,7 @@
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -2246,11 +2249,11 @@
     width: 3rem;
     height: 3rem;
     background: rgba(255, 255, 255, 0.87);
-    color: #040d19;
+    color: #111827;
   }
   .p-speeddial-action:hover {
     background: rgba(255, 255, 255, 0.6);
-    color: #040d19;
+    color: #111827;
   }
 
   .p-speeddial-direction-up .p-speeddial-item {
@@ -2588,7 +2591,7 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -2611,17 +2614,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,21 +2632,21 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.6);
@@ -2684,13 +2687,13 @@
     outline: 0 none;
   }
   .p-datatable .p-datatable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2752,7 +2755,7 @@
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2816,7 +2819,7 @@
     border-width: 0 1px 0 1px;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-    background: #0d1a2c;
+    background: #1f2937;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
     background: rgba(196, 181, 253, 0.16);
@@ -2868,27 +2871,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2950,9 +2953,9 @@
   }
 
   .p-column-filter-overlay {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     min-width: 12.5rem;
@@ -2983,22 +2986,22 @@
     box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +3026,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,8 +3036,8 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3055,7 +3058,7 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3083,19 +3086,19 @@
     color: rgba(97, 57, 250, 0.16);
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-right: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-top: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
   }
@@ -3111,9 +3114,9 @@
   }
 
   .p-paginator {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 1px;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3199,9 +3202,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,8 +3212,8 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3231,7 +3234,7 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3255,7 +3258,7 @@
     background-color: #1c2127;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,8 +3276,8 @@
   }
 
   .p-tree {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
     border-radius: 6px;
@@ -3370,17 +3373,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,21 +3391,21 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-sortable-column {
     outline-color: rgba(196, 181, 253, 0.5);
@@ -3435,13 +3438,13 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-treetable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -3497,7 +3500,7 @@
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3563,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3577,25 +3580,25 @@
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -3608,7 +3611,7 @@
   }
 
   .p-card {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
@@ -3634,16 +3637,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3670,7 +3673,7 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-fieldset .p-fieldset-content {
@@ -3678,14 +3681,14 @@
   }
 
   .p-divider .p-divider-content {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-divider.p-divider-horizontal {
     margin: 1.25rem 0;
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #0b213f;
+    border-top: 1px #424b57;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,16 +3698,16 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #0b213f;
+    border-left: 1px #424b57;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3736,8 +3739,8 @@
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0 none;
   }
@@ -3747,8 +3750,8 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3756,7 +3759,7 @@
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -3767,8 +3770,8 @@
   }
 
   .p-splitter {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     border-radius: 6px;
     color: rgba(255, 255, 255, 0.87);
   }
@@ -3777,7 +3780,7 @@
     background: rgba(255, 255, 255, 0.03);
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #0b213f;
+    background: #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -3786,22 +3789,22 @@
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #0b213f;
+    background: #424b57;
   }
 
   .p-tabview .p-tabview-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -3816,17 +3819,17 @@
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #C4B5FD;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #C4B5FD;
     color: #C4B5FD;
   }
   .p-tabview .p-tabview-nav-btn.p-link {
-    background: #071426;
+    background: #1f2937;
     color: #C4B5FD;
     width: 3rem;
     box-shadow: 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);
@@ -3838,7 +3841,7 @@
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
   }
   .p-tabview .p-tabview-panels {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
@@ -3847,8 +3850,8 @@
   }
 
   .p-toolbar {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3858,9 +3861,9 @@
   }
 
   .p-confirm-popup {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -3880,19 +3883,19 @@
   }
   .p-confirm-popup:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-confirm-popup:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0b213f;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #424b57;
   }
   .p-confirm-popup.p-confirm-popup-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-confirm-popup.p-confirm-popup-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-confirm-popup .p-confirm-popup-icon {
     font-size: 1.5rem;
@@ -3908,11 +3911,11 @@
   .p-dialog {
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
   }
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.5rem;
     border-top-right-radius: 6px;
@@ -3946,7 +3949,7 @@
     margin-right: 0;
   }
   .p-dialog .p-dialog-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 2rem 1.5rem;
   }
@@ -3956,7 +3959,7 @@
   }
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
@@ -3975,9 +3978,9 @@
   }
 
   .p-overlaypanel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -4001,25 +4004,25 @@
   }
   .p-overlaypanel:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-overlaypanel:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0a1f3c;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #3f4753;
   }
   .p-overlaypanel.p-overlaypanel-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-overlaypanel.p-overlaypanel-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
 
   .p-sidebar {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
   .p-sidebar .p-sidebar-header {
@@ -4055,29 +4058,29 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #0b213f;
+    border-right-color: #424b57;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #0b213f;
+    border-left-color: #424b57;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #0b213f;
+    border-bottom-color: #424b57;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom: 0 none;
     border-top-right-radius: 6px;
@@ -4090,9 +4093,9 @@
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
   }
   .p-fileupload .p-fileupload-content {
-    background: #071426;
+    background: #1f2937;
     padding: 2rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -4103,7 +4106,7 @@
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4139,8 +4142,8 @@
   }
 
   .p-breadcrumb {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4172,9 +4175,9 @@
 
   .p-contextmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
     width: 12.5rem;
@@ -4184,8 +4187,8 @@
   }
   .p-contextmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -4224,7 +4227,7 @@
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4243,7 +4246,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4325,9 +4328,9 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
@@ -4368,7 +4371,7 @@
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4387,16 +4390,16 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-megamenu-panel {
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4406,7 +4409,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4446,9 +4449,9 @@
 
   .p-menu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4487,7 +4490,7 @@
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4506,29 +4509,29 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menu.p-menu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
@@ -4599,7 +4602,7 @@
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4619,13 +4622,13 @@
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4657,13 +4660,13 @@
       position: absolute;
       display: none;
       padding: 0.25rem 0;
-      background: #091a32;
-      border: 1px solid #0b213f;
+      background: #374151;
+      border: 1px solid #424b57;
       box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #0b213f;
+      border-top: 1px solid #424b57;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,9 +4727,9 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -4748,26 +4751,26 @@
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -4813,7 +4816,7 @@
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4835,7 +4838,7 @@
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4881,7 +4884,7 @@
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,17 +4895,17 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -4920,27 +4923,27 @@
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #C4B5FD;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-    background: #071426;
+    background: #1f2937;
     border-color: #C4B5FD;
     color: #C4B5FD;
   }
 
   .p-tieredmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-tieredmenu.p-tieredmenu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-tieredmenu-root-list {
@@ -4948,8 +4951,8 @@
   }
   .p-tieredmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
@@ -4987,7 +4990,7 @@
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -5006,7 +5009,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5286,7 +5289,7 @@
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5394,7 +5397,7 @@
   }
 
   .p-avatar {
-    background-color: #0b213f;
+    background-color: #424b57;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5415,7 +5418,7 @@
   }
 
   .p-avatar-group .p-avatar {
-    border: 2px solid #071426;
+    border: 2px solid #1f2937;
   }
 
   .p-badge {
@@ -5461,7 +5464,7 @@
   }
 
   .p-chip {
-    background-color: #0b213f;
+    background-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
     padding: 0 0.75rem;
@@ -5512,7 +5515,7 @@
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #0b213f;
+    background: #424b57;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
@@ -5634,9 +5637,9 @@
   }
 
   .p-terminal {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index 1a7d8dc02c..c27fa40724 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -4,47 +4,47 @@
   font-variation-settings: normal;
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
-  --surface-a:#071426;
-  --surface-b:#040d19;
+  --surface-a:#1f2937;
+  --surface-b:#111827;
   --surface-c:rgba(255, 255, 255, 0.03);
-  --surface-d:#0b213f;
-  --surface-e:#071426;
-  --surface-f:#071426;
+  --surface-d:#424b57;
+  --surface-e:#1f2937;
+  --surface-f:#1f2937;
   --text-color:rgba(255, 255, 255, 0.87);
   --text-color-secondary:rgba(255, 255, 255, 0.6);
-  --primary-color:#5EEAD4;
-  --primary-color-text:#1c2127;
-  --surface-0: #040d19;
-  --surface-50: #1d2530;
-  --surface-100: #363d47;
-  --surface-200: #4f565e;
-  --surface-300: #686e75;
-  --surface-400: #82868c;
-  --surface-500: #9b9ea3;
-  --surface-600: #b4b6ba;
-  --surface-700: #cdcfd1;
-  --surface-800: #e6e7e8;
+  --primary-color:#10b981;
+  --primary-color-text:#ffffff;
+  --surface-0: #111827;
+  --surface-50: #1f2937;
+  --surface-100: #374151;
+  --surface-200: #4b5563;
+  --surface-300: #6b7280;
+  --surface-400: #9ca3af;
+  --surface-500: #d1d5db;
+  --surface-600: #e5e7eb;
+  --surface-700: #f3f4f6;
+  --surface-800: #f9fafb;
   --surface-900: #ffffff;
-  --gray-50: #e6e7e8;
-  --gray-100: #cdcfd1;
-  --gray-200: #b4b6ba;
-  --gray-300: #9b9ea3;
-  --gray-400: #82868c;
-  --gray-500: #686e75;
-  --gray-600: #4f565e;
-  --gray-700: #363d47;
-  --gray-800: #1d2530;
-  --gray-900: #040d19;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#040d19;
-  --surface-section:#040d19;
-  --surface-card:#071426;
-  --surface-overlay:#071426;
-  --surface-border:#0b213f;
+  --surface-ground:#111827;
+  --surface-section:#111827;
+  --surface-card:#1f2937;
+  --surface-overlay:#1f2937;
+  --surface-border:#424b57;
   --surface-hover:rgba(255,255,255,.03);
-  --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+  --focus-ring: 0 0 0 0.2rem #ecfdf5;
   --maskbg: rgba(0, 0, 0, 0.4);
   --highlight-bg: rgba(94, 234, 212, 0.16);
   --highlight-text-color: rgba(255, 255, 255, 0.87);
@@ -178,16 +178,115 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
-  --primary-50:#f7fefd;
-  --primary-100:#d8faf5;
-  --primary-200:#baf6ed;
-  --primary-300:#9bf2e4;
-  --primary-400:#7deedc;
-  --primary-500:#5eead4;
-  --primary-600:#50c7b4;
-  --primary-700:#42a494;
-  --primary-800:#348175;
-  --primary-900:#265e55;
+  --primary-50:#f3fcf9;
+  --primary-100:#c6eee1;
+  --primary-200:#98e1c9;
+  --primary-300:#6bd4b1;
+  --primary-400:#3dc699;
+  --primary-500:#10b981;
+  --primary-600:#0e9d6e;
+  --primary-700:#0b825a;
+  --primary-800:#096647;
+  --primary-900:#064a34;
+}
+
+.p-editor-container .p-editor-toolbar {
+  background: #1f2937;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+  border: 1px solid #424b57;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+  fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  background: #1f2937;
+  border: 1px solid #424b57;
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  padding: 0.75rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+  padding: 0.75rem 1.25rem;
+}
+.p-editor-container .p-editor-content {
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+  border: 1px solid #424b57;
+}
+.p-editor-container .p-editor-content .ql-editor {
+  background: #111827;
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
+  color: #10b981;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+  stroke: #10b981;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+  fill: #10b981;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+  color: #10b981;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -336,7 +435,7 @@
   .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-component-overlay-enter {
@@ -371,13 +470,13 @@
     right: 3.75rem;
   }
   .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-autocomplete .p-autocomplete-multiple-container {
     padding: 0.375rem 0.75rem;
@@ -396,7 +495,7 @@
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -404,7 +503,7 @@
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -412,9 +511,9 @@
   }
 
   .p-autocomplete-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -435,11 +534,11 @@
     background: rgba(94, 234, 212, 0.16);
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -449,7 +548,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
 
@@ -459,32 +558,32 @@
   .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
 
   .p-datepicker {
     padding: 0.5rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-    background: #071426;
+    background: #1f2937;
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     margin: 0;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -508,7 +607,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title {
     line-height: 2rem;
@@ -522,7 +621,7 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-    color: #5EEAD4;
+    color: #10b981;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
     margin-right: 0.5rem;
@@ -555,11 +654,11 @@
   .p-datepicker table td > span:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker table td.p-datepicker-today > span {
     background: transparent;
-    color: #5EEAD4;
+    color: #10b981;
     border-color: transparent;
   }
   .p-datepicker table td.p-datepicker-today > span.p-highlight {
@@ -568,13 +667,13 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
@@ -594,7 +693,7 @@
   .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker .p-timepicker button:last-child {
     margin-top: 0.2em;
@@ -633,7 +732,7 @@
     background: rgba(94, 234, 212, 0.16);
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #0b213f;
+    border-left: 1px solid #424b57;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -652,7 +751,7 @@
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -660,7 +759,7 @@
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -668,7 +767,7 @@
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   @media screen and (max-width: 769px) {
@@ -677,19 +776,19 @@
     }
   }
   .p-cascadeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-cascadeselect:not(.p-disabled):hover {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-cascadeselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
@@ -715,9 +814,9 @@
   }
 
   .p-cascadeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -737,11 +836,11 @@
     background: rgba(94, 234, 212, 0.16);
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -755,13 +854,13 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-checkbox {
@@ -769,8 +868,8 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -779,7 +878,7 @@
   }
   .p-checkbox .p-checkbox-box .p-checkbox-icon {
     transition-duration: 0.2s;
-    color: #1c2127;
+    color: #ffffff;
     font-size: 14px;
   }
   .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
@@ -787,48 +886,48 @@
     height: 14px;
   }
   .p-checkbox .p-checkbox-box.p-highlight {
-    border-color: #5EEAD4;
-    background: #5EEAD4;
+    border-color: #10b981;
+    background: #10b981;
   }
   .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-    border-color: #41e6cc;
-    background: #41e6cc;
-    color: #1c2127;
+    border-color: #047857;
+    background: #047857;
+    color: #ffffff;
   }
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #FCA5A5;
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
-    background: #5EEAD4;
+    background: #10b981;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-    background: #41e6cc;
+    background: #047857;
   }
 
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
@@ -836,12 +935,12 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #233752;
+    background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -868,8 +967,8 @@
   }
 
   .p-colorpicker-panel {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
   }
   .p-colorpicker-panel .p-colorpicker-color-handle,
 .p-colorpicker-panel .p-colorpicker-hue-handle {
@@ -881,19 +980,19 @@
   }
 
   .p-dropdown {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-dropdown:not(.p-disabled):hover {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-dropdown:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
@@ -925,17 +1024,17 @@
   }
 
   .p-dropdown-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -965,11 +1064,11 @@
     background: rgba(94, 234, 212, 0.16);
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -979,7 +1078,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -989,29 +1088,29 @@
   }
 
   .p-input-filled .p-dropdown {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
     background-color: transparent;
   }
 
   .p-inputgroup-addon {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border-top: 1px solid #0b213f;
-    border-left: 1px solid #0b213f;
-    border-bottom: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
+    border-left: 1px solid #424b57;
+    border-bottom: 1px solid #424b57;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #0b213f;
+    border-right: 1px solid #424b57;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1179,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #233752;
+    background: #6b7280;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1099,19 +1198,19 @@
   .p-inputswitch.p-focus .p-inputswitch-slider {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-    background: #5EEAD4;
+    background: #10b981;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
     background: rgba(255, 255, 255, 0.87);
   }
   .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #4fe8d0;
+    background: #059669;
   }
   .p-inputswitch.p-invalid .p-inputswitch-slider {
     border-color: #FCA5A5;
@@ -1122,21 +1221,21 @@
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #040d19;
+    background: #111827;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
   }
   .p-inputtext:enabled:hover {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-inputtext:enabled:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-inputtext.p-invalid.p-component {
     border-color: #FCA5A5;
@@ -1201,13 +1300,13 @@
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-inputtext:enabled:focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-inputtext-sm .p-inputtext {
@@ -1221,17 +1320,17 @@
   }
 
   .p-listbox {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1263,7 +1362,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1272,11 +1371,11 @@
     background: transparent;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1285,27 +1384,27 @@
   .p-listbox.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-listbox.p-invalid {
     border-color: #FCA5A5;
   }
 
   .p-multiselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-multiselect:not(.p-disabled):hover {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-multiselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
@@ -1317,7 +1416,7 @@
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1340,17 +1439,17 @@
   }
 
   .p-multiselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1383,7 +1482,7 @@
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-multiselect-panel .p-multiselect-items {
     padding: 0.75rem 0;
@@ -1402,11 +1501,11 @@
     background: rgba(94, 234, 212, 0.16);
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
@@ -1419,7 +1518,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1429,13 +1528,13 @@
   }
 
   .p-input-filled .p-multiselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-password.p-invalid.p-component > .p-inputtext {
@@ -1444,15 +1543,15 @@
 
   .p-password-panel {
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #eb9a9c;
@@ -1469,8 +1568,8 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #0b213f;
-    background: #040d19;
+    border: 2px solid #424b57;
+    background: #111827;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
@@ -1478,28 +1577,28 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
     width: 12px;
     height: 12px;
     transition-duration: 0.2s;
-    background-color: #1c2127;
+    background-color: #ffffff;
   }
   .p-radiobutton .p-radiobutton-box.p-highlight {
-    border-color: #5EEAD4;
-    background: #5EEAD4;
+    border-color: #10b981;
+    background: #10b981;
   }
   .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-    border-color: #41e6cc;
-    background: #41e6cc;
-    color: #1c2127;
+    border-color: #047857;
+    background: #047857;
+    color: #ffffff;
   }
   .p-radiobutton.p-invalid > .p-radiobutton-box {
     border-color: #FCA5A5;
@@ -1509,16 +1608,16 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
-    background: #5EEAD4;
+    background: #10b981;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-    background: #41e6cc;
+    background: #047857;
   }
 
   .p-rating {
@@ -1539,22 +1638,22 @@
   .p-rating .p-rating-item.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-    color: #5EEAD4;
+    color: #10b981;
   }
   .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-    color: #5EEAD4;
+    color: #10b981;
   }
   .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
     color: #F48FB1;
   }
 
   .p-selectbutton .p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1564,7 +1663,7 @@
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -1572,29 +1671,29 @@
     color: rgba(255, 255, 255, 0.6);
   }
   .p-selectbutton .p-button.p-highlight {
-    background: #5EEAD4;
-    border-color: #5EEAD4;
-    color: #1c2127;
+    background: #10b981;
+    border-color: #10b981;
+    color: #ffffff;
   }
   .p-selectbutton .p-button.p-highlight .p-button-icon-left,
 .p-selectbutton .p-button.p-highlight .p-button-icon-right {
-    color: #1c2127;
+    color: #ffffff;
   }
   .p-selectbutton .p-button.p-highlight:hover {
-    background: #4fe8d0;
-    border-color: #4fe8d0;
-    color: #1c2127;
+    background: #059669;
+    border-color: #059669;
+    color: #ffffff;
   }
   .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
-    color: #1c2127;
+    color: #ffffff;
   }
   .p-selectbutton.p-invalid > .p-button {
     border-color: #FCA5A5;
   }
 
   .p-slider {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1615,38 +1714,38 @@
   .p-slider .p-slider-handle {
     height: 1.143rem;
     width: 1.143rem;
-    background: #0b213f;
-    border: 2px solid #5EEAD4;
+    background: #424b57;
+    border: 2px solid #10b981;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-slider .p-slider-handle:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-slider .p-slider-range {
-    background: #5EEAD4;
+    background: #10b981;
   }
   .p-slider:not(.p-disabled) .p-slider-handle:hover {
-    background: #5EEAD4;
-    border-color: #5EEAD4;
+    background: #10b981;
+    border-color: #10b981;
   }
 
   .p-treeselect {
-    background: #040d19;
-    border: 1px solid #0b213f;
+    background: #111827;
+    border: 1px solid #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-treeselect:not(.p-disabled):hover {
-    border-color: #5EEAD4;
+    border-color: #10b981;
   }
   .p-treeselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
@@ -1658,7 +1757,7 @@
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1678,9 +1777,9 @@
   }
 
   .p-treeselect-panel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
@@ -1694,18 +1793,18 @@
   }
 
   .p-input-filled .p-treeselect {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
 
   .p-togglebutton.p-button {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1716,12 +1815,12 @@
   .p-togglebutton.p-button:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-    border-color: #5EEAD4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -1729,59 +1828,59 @@
     color: rgba(255, 255, 255, 0.6);
   }
   .p-togglebutton.p-button.p-highlight {
-    background: #5EEAD4;
-    border-color: #5EEAD4;
-    color: #1c2127;
+    background: #10b981;
+    border-color: #10b981;
+    color: #ffffff;
   }
   .p-togglebutton.p-button.p-highlight .p-button-icon-left,
 .p-togglebutton.p-button.p-highlight .p-button-icon-right {
-    color: #1c2127;
+    color: #ffffff;
   }
   .p-togglebutton.p-button.p-highlight:hover {
-    background: #4fe8d0;
-    border-color: #4fe8d0;
-    color: #1c2127;
+    background: #059669;
+    border-color: #059669;
+    color: #ffffff;
   }
   .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
-    color: #1c2127;
+    color: #ffffff;
   }
   .p-togglebutton.p-button.p-invalid > .p-button {
     border-color: #FCA5A5;
   }
 
   .p-button {
-    color: #1c2127;
-    background: #5EEAD4;
-    border: 1px solid #5EEAD4;
+    color: #ffffff;
+    background: #10b981;
+    border: 1px solid #10b981;
     padding: 0.75rem 1.25rem;
     font-size: 1rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-button:enabled:hover {
-    background: #4fe8d0;
-    color: #1c2127;
-    border-color: #4fe8d0;
+    background: #059669;
+    color: #ffffff;
+    border-color: #059669;
   }
   .p-button:enabled:active {
-    background: #41e6cc;
-    color: #1c2127;
-    border-color: #41e6cc;
+    background: #047857;
+    color: #ffffff;
+    border-color: #047857;
   }
   .p-button.p-button-outlined {
     background-color: transparent;
-    color: #5EEAD4;
+    color: #10b981;
     border: 1px solid;
   }
   .p-button.p-button-outlined:enabled:hover {
-    background: rgba(94, 234, 212, 0.04);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
     border: 1px solid;
   }
   .p-button.p-button-outlined:enabled:active {
-    background: rgba(94, 234, 212, 0.16);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
     border: 1px solid;
   }
   .p-button.p-button-outlined.p-button-plain {
@@ -1798,17 +1897,17 @@
   }
   .p-button.p-button-text {
     background-color: transparent;
-    color: #5EEAD4;
+    color: #10b981;
     border-color: transparent;
   }
   .p-button.p-button-text:enabled:hover {
-    background: rgba(94, 234, 212, 0.04);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
     border-color: transparent;
   }
   .p-button.p-button-text:enabled:active {
-    background: rgba(94, 234, 212, 0.16);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
     border-color: transparent;
   }
   .p-button.p-button-text.p-button-plain {
@@ -1825,7 +1924,7 @@
   .p-button:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-button .p-button-label {
     transition-duration: 0.2s;
@@ -1847,8 +1946,8 @@
     min-width: 1rem;
     height: 1rem;
     line-height: 1rem;
-    color: #5EEAD4;
-    background-color: #1c2127;
+    color: #10b981;
+    background-color: #ffffff;
   }
   .p-button.p-button-raised {
     box-shadow: 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);
@@ -2197,13 +2296,13 @@
   }
 
   .p-button.p-button-link {
-    color: #5EEAD4;
+    color: #10b981;
     background: transparent;
     border: transparent;
   }
   .p-button.p-button-link:enabled:hover {
     background: transparent;
-    color: #5EEAD4;
+    color: #10b981;
     border-color: transparent;
   }
   .p-button.p-button-link:enabled:hover .p-button-label {
@@ -2211,12 +2310,12 @@
   }
   .p-button.p-button-link:enabled:focus {
     background: transparent;
-    box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 1px #ecfdf5;
     border-color: transparent;
   }
   .p-button.p-button-link:enabled:active {
     background: transparent;
-    color: #5EEAD4;
+    color: #10b981;
     border-color: transparent;
   }
 
@@ -2239,18 +2338,18 @@
   .p-speeddial-item.p-focus > .p-speeddial-action {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-speeddial-action {
     width: 3rem;
     height: 3rem;
     background: rgba(255, 255, 255, 0.87);
-    color: #040d19;
+    color: #111827;
   }
   .p-speeddial-action:hover {
     background: rgba(255, 255, 255, 0.6);
-    color: #040d19;
+    color: #111827;
   }
 
   .p-speeddial-direction-up .p-speeddial-item {
@@ -2303,16 +2402,16 @@
   }
   .p-splitbutton.p-button-outlined > .p-button {
     background-color: transparent;
-    color: #5EEAD4;
+    color: #10b981;
     border: 1px solid;
   }
   .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: rgba(94, 234, 212, 0.04);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
   }
   .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: rgba(94, 234, 212, 0.16);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
     color: rgba(255, 255, 255, 0.6);
@@ -2328,17 +2427,17 @@
   }
   .p-splitbutton.p-button-text > .p-button {
     background-color: transparent;
-    color: #5EEAD4;
+    color: #10b981;
     border-color: transparent;
   }
   .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: rgba(94, 234, 212, 0.04);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
     border-color: transparent;
   }
   .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: rgba(94, 234, 212, 0.16);
-    color: #5EEAD4;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
     border-color: transparent;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button {
@@ -2578,7 +2677,7 @@
 .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-carousel .p-carousel-indicators {
     padding: 1rem;
@@ -2588,7 +2687,7 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -2611,17 +2710,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,21 +2728,21 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.6);
@@ -2680,17 +2779,17 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-datatable .p-sortable-column:focus-visible {
-    box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
     outline: 0 none;
   }
   .p-datatable .p-datatable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2720,7 +2819,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
@@ -2729,7 +2828,7 @@
     font-weight: 700;
   }
   .p-datatable .p-datatable-tbody > tr:focus-visible {
-    outline: 0.15rem solid rgba(94, 234, 212, 0.5);
+    outline: 0.15rem solid #ecfdf5;
     outline-offset: -0.15rem;
   }
   .p-datatable .p-datatable-tbody > tr.p-highlight {
@@ -2747,12 +2846,12 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-datatable .p-column-resizer-helper {
-    background: #5EEAD4;
+    background: #10b981;
   }
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2816,7 +2915,7 @@
     border-width: 0 1px 0 1px;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-    background: #0d1a2c;
+    background: #1f2937;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
     background: rgba(94, 234, 212, 0.16);
@@ -2868,27 +2967,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2926,7 +3025,7 @@
   .p-column-filter-menu-button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-column-filter-clear-button {
@@ -2946,13 +3045,13 @@
   .p-column-filter-clear-button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-column-filter-overlay {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     min-width: 12.5rem;
@@ -2980,25 +3079,25 @@
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #0b213f;
+    border-bottom: 1px solid #424b57;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +3122,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,8 +3132,8 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3055,14 +3154,14 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(94, 234, 212, 0.16);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
     background: rgba(255, 255, 255, 0.01);
@@ -3083,19 +3182,19 @@
     color: rgba(23, 177, 153, 0.16);
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #0b213f;
+    background: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-right: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #0b213f;
-    border-color: #0b213f;
+    border-top: 1px solid #424b57;
+    border-color: #424b57;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
   }
@@ -3107,13 +3206,13 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-paginator {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 1px;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3199,9 +3298,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,8 +3308,8 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
@@ -3231,14 +3330,14 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(94, 234, 212, 0.16);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
     background: rgba(255, 255, 255, 0.01);
@@ -3248,14 +3347,14 @@
   }
 
   .p-timeline .p-timeline-event-marker {
-    border: 2px solid #5EEAD4;
+    border: 2px solid #10b981;
     border-radius: 50%;
     width: 1rem;
     height: 1rem;
-    background-color: #1c2127;
+    background-color: #ffffff;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #0b213f;
+    background-color: #424b57;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,8 +3372,8 @@
   }
 
   .p-tree {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
     border-radius: 6px;
@@ -3286,7 +3385,7 @@
   .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3311,7 +3410,7 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
     margin-right: 0.5rem;
@@ -3370,17 +3469,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,24 +3487,24 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-sortable-column {
-    outline-color: rgba(94, 234, 212, 0.5);
+    outline-color: #ecfdf5;
   }
   .p-treetable .p-sortable-column .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.6);
@@ -3435,13 +3534,13 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-treetable-tbody > tr {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -3463,7 +3562,7 @@
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
     margin-right: 0.5rem;
@@ -3472,7 +3571,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
-    outline: 0.15rem solid rgba(94, 234, 212, 0.5);
+    outline: 0.15rem solid #ecfdf5;
     outline-offset: -0.15rem;
   }
   .p-treetable .p-treetable-tbody > tr.p-highlight {
@@ -3493,11 +3592,11 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-column-resizer-helper {
-    background: #5EEAD4;
+    background: #10b981;
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #071426;
+    background: #1f2937;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3659,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3573,29 +3672,29 @@
   .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -3608,7 +3707,7 @@
   }
 
   .p-card {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
@@ -3634,16 +3733,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3663,14 +3762,14 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-fieldset .p-fieldset-content {
@@ -3678,14 +3777,14 @@
   }
 
   .p-divider .p-divider-content {
-    background-color: #071426;
+    background-color: #1f2937;
   }
   .p-divider.p-divider-horizontal {
     margin: 1.25rem 0;
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #0b213f;
+    border-top: 1px #424b57;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,16 +3794,16 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #0b213f;
+    border-left: 1px #424b57;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3729,15 +3828,15 @@
   .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-panel.p-panel-toggleable .p-panel-header {
     padding: 0.75rem 1.25rem;
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0 none;
   }
@@ -3747,8 +3846,8 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3756,19 +3855,19 @@
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #0b213f;
+    background: #424b57;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-scrollpanel .p-scrollpanel-bar:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-splitter {
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     border-radius: 6px;
     color: rgba(255, 255, 255, 0.87);
   }
@@ -3777,31 +3876,31 @@
     background: rgba(255, 255, 255, 0.03);
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #0b213f;
+    background: #424b57;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #0b213f;
+    background: #424b57;
   }
 
   .p-tabview .p-tabview-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -3813,21 +3912,21 @@
   .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-    background: #071426;
-    border-color: #5EEAD4;
+    background: #1f2937;
+    border-color: #10b981;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-    background: #071426;
-    border-color: #5EEAD4;
-    color: #5EEAD4;
+    background: #1f2937;
+    border-color: #10b981;
+    color: #10b981;
   }
   .p-tabview .p-tabview-nav-btn.p-link {
-    background: #071426;
-    color: #5EEAD4;
+    background: #1f2937;
+    color: #10b981;
     width: 3rem;
     box-shadow: 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);
     border-radius: 0;
@@ -3835,10 +3934,10 @@
   .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-tabview .p-tabview-panels {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
@@ -3847,8 +3946,8 @@
   }
 
   .p-toolbar {
-    background: #071426;
-    border: 1px solid #0b213f;
+    background: #1f2937;
+    border: 1px solid #424b57;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3858,9 +3957,9 @@
   }
 
   .p-confirm-popup {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -3880,19 +3979,19 @@
   }
   .p-confirm-popup:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-confirm-popup:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0b213f;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #424b57;
   }
   .p-confirm-popup.p-confirm-popup-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-confirm-popup.p-confirm-popup-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-confirm-popup .p-confirm-popup-icon {
     font-size: 1.5rem;
@@ -3908,11 +4007,11 @@
   .p-dialog {
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
   }
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 1.5rem;
     border-top-right-radius: 6px;
@@ -3940,13 +4039,13 @@
   .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
     margin-right: 0;
   }
   .p-dialog .p-dialog-content {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 2rem 1.5rem;
   }
@@ -3956,7 +4055,7 @@
   }
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
@@ -3975,9 +4074,9 @@
   }
 
   .p-overlaypanel {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
@@ -3985,8 +4084,8 @@
     padding: 1.25rem;
   }
   .p-overlaypanel .p-overlaypanel-close {
-    background: #5EEAD4;
-    color: #1c2127;
+    background: #10b981;
+    color: #ffffff;
     width: 2rem;
     height: 2rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -3996,30 +4095,30 @@
     right: -1rem;
   }
   .p-overlaypanel .p-overlaypanel-close:enabled:hover {
-    background: #4fe8d0;
-    color: #1c2127;
+    background: #059669;
+    color: #ffffff;
   }
   .p-overlaypanel:after {
     border: solid transparent;
-    border-color: rgba(7, 20, 38, 0);
-    border-bottom-color: #071426;
+    border-color: rgba(31, 41, 55, 0);
+    border-bottom-color: #1f2937;
   }
   .p-overlaypanel:before {
     border: solid transparent;
-    border-color: rgba(11, 33, 63, 0);
-    border-bottom-color: #0a1f3c;
+    border-color: rgba(66, 75, 87, 0);
+    border-bottom-color: #3f4753;
   }
   .p-overlaypanel.p-overlaypanel-flipped:after {
-    border-top-color: #071426;
+    border-top-color: #1f2937;
   }
   .p-overlaypanel.p-overlaypanel-flipped:before {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
 
   .p-sidebar {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   }
   .p-sidebar .p-sidebar-header {
@@ -4045,7 +4144,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-sidebar .p-sidebar-header + .p-sidebar-content {
     padding-top: 0;
@@ -4055,29 +4154,29 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #0b213f;
+    background: #424b57;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #0b213f;
+    border-right-color: #424b57;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #0b213f;
+    border-left-color: #424b57;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #0b213f;
+    border-top-color: #424b57;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #0b213f;
+    border-bottom-color: #424b57;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #071426;
+    background: #1f2937;
     padding: 1.25rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom: 0 none;
     border-top-right-radius: 6px;
@@ -4087,23 +4186,23 @@
   .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-fileupload .p-fileupload-content {
-    background: #071426;
+    background: #1f2937;
     padding: 2rem 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
   .p-fileupload .p-fileupload-content.p-fileupload-highlight {
-    border: 1px dashed #5EEAD4;
+    border: 1px dashed #10b981;
     background-color: rgba(94, 234, 212, 0.16);
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4128,19 +4227,19 @@
   }
 
   .p-fileupload-choose:not(.p-disabled):hover {
-    background: #4fe8d0;
-    color: #1c2127;
-    border-color: #4fe8d0;
+    background: #059669;
+    color: #ffffff;
+    border-color: #059669;
   }
   .p-fileupload-choose:not(.p-disabled):active {
-    background: #41e6cc;
-    color: #1c2127;
-    border-color: #41e6cc;
+    background: #047857;
+    color: #ffffff;
+    border-color: #047857;
   }
 
   .p-breadcrumb {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4151,7 +4250,7 @@
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4172,9 +4271,9 @@
 
   .p-contextmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
     width: 12.5rem;
@@ -4184,8 +4283,8 @@
   }
   .p-contextmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -4220,11 +4319,11 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4243,7 +4342,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4270,7 +4369,7 @@
   .p-dock .p-dock-item.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
   }
   .p-dock .p-dock-link {
     width: 4rem;
@@ -4325,9 +4424,9 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
@@ -4364,11 +4463,11 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4387,16 +4486,16 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-megamenu-panel {
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4406,7 +4505,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4446,9 +4545,9 @@
 
   .p-menu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4483,11 +4582,11 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4506,29 +4605,29 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menu.p-menu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
     color: rgba(255, 255, 255, 0.87);
-    background: #091a32;
+    background: #374151;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
@@ -4595,11 +4694,11 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4619,13 +4718,13 @@
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4651,19 +4750,19 @@
     .p-menubar .p-menubar-button:focus {
       outline: 0 none;
       outline-offset: 0;
-      box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+      box-shadow: 0 0 0 0.2rem #ecfdf5;
     }
     .p-menubar .p-menubar-root-list {
       position: absolute;
       display: none;
       padding: 0.25rem 0;
-      background: #091a32;
-      border: 1px solid #0b213f;
+      background: #374151;
+      border: 1px solid #424b57;
       box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #0b213f;
+      border-top: 1px solid #424b57;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,9 +4823,9 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     color: rgba(255, 255, 255, 0.87);
-    background: #071426;
+    background: #1f2937;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -4744,30 +4843,30 @@
   .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
     background: rgba(255, 255, 255, 0.03);
-    border-color: #0b213f;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #071426;
-    border-color: #0b213f;
+    background: #1f2937;
+    border-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #0b213f;
+    border-color: #424b57;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #0b213f;
-    background: #071426;
+    border: 1px solid #424b57;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
     border-top: 0;
     border-top-right-radius: 0;
@@ -4809,11 +4908,11 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -4835,7 +4934,7 @@
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4869,7 +4968,7 @@
   .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-steps .p-steps-item.p-highlight .p-steps-number {
     background: rgba(94, 234, 212, 0.16);
@@ -4881,7 +4980,7 @@
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,17 +4991,17 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: transparent;
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #0b213f;
+    border: solid #424b57;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #0b213f transparent;
-    background: #071426;
+    border-color: transparent transparent #424b57 transparent;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
     padding: 1.25rem;
     font-weight: 700;
@@ -4917,30 +5016,30 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-    background: #071426;
-    border-color: #5EEAD4;
+    background: #1f2937;
+    border-color: #10b981;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-    background: #071426;
-    border-color: #5EEAD4;
-    color: #5EEAD4;
+    background: #1f2937;
+    border-color: #10b981;
+    color: #10b981;
   }
 
   .p-tieredmenu {
     padding: 0.25rem 0;
-    background: #091a32;
+    background: #374151;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-tieredmenu.p-tieredmenu-overlay {
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-tieredmenu-root-list {
@@ -4948,8 +5047,8 @@
   }
   .p-tieredmenu .p-submenu-list {
     padding: 0.25rem 0;
-    background: #091a32;
-    border: 1px solid #0b213f;
+    background: #374151;
+    border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
@@ -4983,11 +5082,11 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(94, 234, 212, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
-    background: #0b213f;
+    background: #424b57;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
@@ -5006,7 +5105,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #0b213f;
+    border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5089,7 +5188,7 @@
   .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-message.p-message-info {
     background: #e9e9ff;
@@ -5193,7 +5292,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-toast .p-toast-message.p-toast-message-info {
     background: #e9e9ff;
@@ -5286,7 +5385,7 @@
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #0b213f;
+    background-color: #424b57;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5340,7 +5439,7 @@
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-galleria-mask {
@@ -5394,7 +5493,7 @@
   }
 
   .p-avatar {
-    background-color: #0b213f;
+    background-color: #424b57;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5415,12 +5514,12 @@
   }
 
   .p-avatar-group .p-avatar {
-    border: 2px solid #071426;
+    border: 2px solid #1f2937;
   }
 
   .p-badge {
-    background: #5EEAD4;
-    color: #1c2127;
+    background: #10b981;
+    color: #ffffff;
     font-size: 0.75rem;
     font-weight: 700;
     min-width: 1.5rem;
@@ -5461,7 +5560,7 @@
   }
 
   .p-chip {
-    background-color: #0b213f;
+    background-color: #424b57;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
     padding: 0 0.75rem;
@@ -5488,7 +5587,7 @@
   .p-chip .p-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-chip .p-chip-remove-icon:focus {
     outline: 0 none;
@@ -5506,22 +5605,22 @@
   .p-inplace .p-inplace-display:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #0b213f;
+    background: #424b57;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
     border: 0 none;
     margin: 0;
-    background: #5EEAD4;
+    background: #10b981;
   }
   .p-progressbar .p-progressbar-label {
-    color: #1c2127;
+    color: #ffffff;
     line-height: 1.5rem;
   }
 
@@ -5601,8 +5700,8 @@
   }
 
   .p-tag {
-    background: #5EEAD4;
-    color: #1c2127;
+    background: #10b981;
+    color: #ffffff;
     font-size: 0.75rem;
     font-weight: 700;
     padding: 0.25rem 0.4rem;
@@ -5634,9 +5733,9 @@
   }
 
   .p-terminal {
-    background: #071426;
+    background: #1f2937;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid #0b213f;
+    border: 1px solid #424b57;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
@@ -5659,15 +5758,15 @@
   }
 
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-    background-color: #5EEAD4;
+    background-color: #10b981;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-    background-color: #5EEAD4;
+    background-color: #10b981;
   }
 
   .p-button:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(94, 234, 212, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(16, 185, 129, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-button.p-button-secondary:enabled:focus {
     box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
@@ -5689,13 +5788,13 @@
   }
 
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-    box-shadow: inset 0 2px 0 0 #5EEAD4;
+    box-shadow: inset 0 2px 0 0 #10b981;
   }
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-    box-shadow: inset 0 -2px 0 0 #5EEAD4;
+    box-shadow: inset 0 -2px 0 0 #10b981;
   }
 
   .p-speeddial-item.p-focus > .p-speeddial-action {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(94, 234, 212, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(16, 185, 129, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
   }
 }
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index e667448ab8..9f6fac156c 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -5,40 +5,40 @@
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
   --surface-a:#ffffff;
-  --surface-b:#f8f9fa;
-  --surface-c:#e9ecef;
-  --surface-d:#dee2e6;
+  --surface-b:#f9fafb;
+  --surface-c:#f3f4f6;
+  --surface-d:#e5e7eb;
   --surface-e:#ffffff;
   --surface-f:#ffffff;
-  --text-color:#495057;
-  --text-color-secondary:#6c757d;
+  --text-color:#4b5563;
+  --text-color-secondary:#6b7280;
   --primary-color:#3B82F6;
   --primary-color-text:#ffffff;
   --surface-0: #ffffff;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #EEEEEE;
-  --surface-300: #E0E0E0;
-  --surface-400: #BDBDBD;
-  --surface-500: #9E9E9E;
-  --surface-600: #757575;
-  --surface-700: #616161;
-  --surface-800: #424242;
-  --surface-900: #212121;
-  --gray-50: #FAFAFA;
-  --gray-100: #F5F5F5;
-  --gray-200: #EEEEEE;
-  --gray-300: #E0E0E0;
-  --gray-400: #BDBDBD;
-  --gray-500: #9E9E9E;
-  --gray-600: #757575;
-  --gray-700: #616161;
-  --gray-800: #424242;
-  --gray-900: #212121;
+  --surface-50: #f9fafb;
+  --surface-100: #f3f4f6;
+  --surface-200: #e5e7eb;
+  --surface-300: #d1d5db;
+  --surface-400: #9ca3af;
+  --surface-500: #6b7280;
+  --surface-600: #4b5563;
+  --surface-700: #374151;
+  --surface-800: #1f2937;
+  --surface-900: #111827;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#eff3f8;
+  --surface-ground:#f9fafb;
   --surface-section:#ffffff;
   --surface-card:#ffffff;
   --surface-overlay:#ffffff;
@@ -191,40 +191,12 @@
 }
 
 .p-editor-container .p-editor-toolbar {
+
   background: #f8f9fa;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
 .p-editor-container .p-editor-toolbar.ql-snow {
-  border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
-  stroke: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
-  fill: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
-  border: 0 none;
-  color: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
-  fill: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
-  fill: #495057;
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
   background: #ffffff;
@@ -233,12 +205,6 @@
   border-radius: 6px;
   padding: 0.75rem 0;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
-  color: #495057;
-  background: #e9ecef;
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
   padding: 0.75rem 1.25rem;
@@ -247,27 +213,8 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
-.p-editor-container .p-editor-content.ql-snow {
-  border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-content .ql-editor {
-  background: #ffffff;
-  color: #495057;
-  border-bottom-right-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
 .p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
-  color: #495057;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
-  fill: #495057;
-}
+.p-editor-container .ql-snow.ql-toolbar button:focus,
 .p-editor-container .ql-snow.ql-toolbar button.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
@@ -315,7 +262,7 @@
   }
 
   .p-text-secondary {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .pi {
@@ -390,22 +337,22 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
@@ -413,7 +360,7 @@
 
   .p-autocomplete-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -425,7 +372,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -438,17 +385,17 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
@@ -466,8 +413,8 @@
   .p-datepicker {
     padding: 0.5rem;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
@@ -480,11 +427,11 @@
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     font-weight: 600;
     margin: 0;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -492,7 +439,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -500,9 +447,9 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
 .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
 .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
@@ -515,7 +462,7 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     font-weight: 600;
     padding: 0.5rem;
@@ -558,8 +505,8 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
   .p-datepicker table td.p-datepicker-today > span {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
     border-color: transparent;
   }
   .p-datepicker table td.p-datepicker-today > span.p-highlight {
@@ -568,28 +515,28 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-datepicker .p-timepicker button:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
@@ -633,7 +580,7 @@
     background: #EFF6FF;
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #dee2e6;
+    border-left: 1px solid #e5e7eb;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -647,7 +594,7 @@
     padding-right: 0;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
     outline: 0 none;
@@ -655,7 +602,7 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
     outline: 0 none;
@@ -663,7 +610,7 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
     outline: 0 none;
@@ -678,7 +625,7 @@
   }
   .p-cascadeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -697,7 +644,7 @@
     padding: 0.75rem 0.75rem;
   }
   .p-cascadeselect .p-cascadeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-cascadeselect .p-cascadeselect-label:enabled:focus {
     outline: 0 none;
@@ -705,7 +652,7 @@
   }
   .p-cascadeselect .p-cascadeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -716,7 +663,7 @@
 
   .p-cascadeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -727,7 +674,7 @@
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -740,12 +687,12 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
     padding: 0.75rem 1.25rem;
@@ -755,10 +702,10 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -769,11 +716,11 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -809,13 +756,13 @@
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
     background: #3B82F6;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
     background: #1D4ED8;
@@ -836,13 +783,13 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
     margin-left: 0.5rem;
@@ -854,7 +801,7 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
@@ -882,7 +829,7 @@
 
   .p-dropdown {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -903,7 +850,7 @@
     border: 0 none;
   }
   .p-dropdown .p-dropdown-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
     outline: 0 none;
@@ -911,13 +858,13 @@
   }
   .p-dropdown .p-dropdown-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
   .p-dropdown .p-dropdown-clear-icon {
-    color: #6c757d;
+    color: #6b7280;
     right: 3rem;
   }
   .p-dropdown.p-invalid.p-component {
@@ -926,16 +873,16 @@
 
   .p-dropdown-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -946,7 +893,7 @@
   }
   .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown-panel .p-dropdown-items {
     padding: 0.75rem 0;
@@ -955,7 +902,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -968,31 +915,31 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-dropdown {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1002,16 +949,16 @@
   }
 
   .p-inputgroup-addon {
-    background: #e9ecef;
-    color: #6c757d;
-    border-top: 1px solid #ced4da;
-    border-left: 1px solid #ced4da;
-    border-bottom: 1px solid #ced4da;
+    background: #f3f4f6;
+    color: #6b7280;
+    border-top: 1px solid #d1d5db;
+    border-left: 1px solid #d1d5db;
+    border-bottom: 1px solid #d1d5db;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #ced4da;
+    border-right: 1px solid #d1d5db;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1027,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #ced4da;
+    background: #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1102,7 +1049,7 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #b6bfc8;
+    background: #b9bfc8;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
     background: #3B82F6;
@@ -1121,10 +1068,10 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
@@ -1152,7 +1099,7 @@
 
   .p-float-label > label {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
     transition-duration: 0.2s;
   }
 
@@ -1163,7 +1110,7 @@
   .p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-left > .p-inputtext {
@@ -1177,7 +1124,7 @@
   .p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-right > .p-inputtext {
@@ -1185,26 +1132,26 @@
   }
 
   ::-webkit-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   ::-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-ms-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:focus {
     background-color: #ffffff;
@@ -1222,16 +1169,16 @@
 
   .p-listbox {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1241,7 +1188,7 @@
   }
   .p-listbox .p-listbox-header .p-listbox-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-listbox .p-listbox-list {
     padding: 0.75rem 0;
@@ -1251,7 +1198,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
@@ -1262,25 +1209,25 @@
   .p-listbox .p-listbox-list .p-listbox-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
     background: rgba(59, 130, 246, 0.24);
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-listbox.p-focus {
     outline: 0 none;
@@ -1294,7 +1241,7 @@
 
   .p-multiselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1312,13 +1259,13 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-multiselect .p-multiselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
@@ -1326,7 +1273,7 @@
   }
   .p-multiselect .p-multiselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1341,16 +1288,16 @@
 
   .p-multiselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1360,7 +1307,7 @@
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect-panel .p-multiselect-header .p-checkbox {
     margin-right: 0.5rem;
@@ -1369,16 +1316,16 @@
     margin-left: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
@@ -1392,7 +1339,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -1405,12 +1352,12 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
     margin-right: 0.5rem;
@@ -1418,21 +1365,21 @@
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-multiselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1445,14 +1392,14 @@
   .p-password-panel {
     padding: 1.25rem;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #ea5455;
@@ -1469,11 +1416,11 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1509,10 +1456,10 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
     background: #3B82F6;
@@ -1525,7 +1472,7 @@
     gap: 0.5rem;
   }
   .p-rating .p-rating-item .p-rating-icon {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     font-size: 1.143rem;
   }
@@ -1554,22 +1501,22 @@
 
   .p-selectbutton .p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-selectbutton .p-button .p-button-icon-left,
 .p-selectbutton .p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-selectbutton .p-button.p-highlight {
     background: #3B82F6;
@@ -1594,7 +1541,7 @@
   }
 
   .p-slider {
-    background: #dee2e6;
+    background: #e5e7eb;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1635,7 +1582,7 @@
 
   .p-treeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1653,18 +1600,18 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-treeselect .p-treeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-treeselect .p-treeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1679,7 +1626,7 @@
 
   .p-treeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -1689,15 +1636,15 @@
   }
   .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-treeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1705,13 +1652,13 @@
 
   .p-togglebutton.p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-togglebutton.p-button .p-button-icon-left,
 .p-togglebutton.p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-togglebutton.p-button:not(.p-disabled).p-focus {
     outline: 0 none;
@@ -1720,13 +1667,13 @@
     border-color: #3B82F6;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-togglebutton.p-button.p-highlight {
     background: #3B82F6;
@@ -1785,16 +1732,16 @@
     border: 1px solid;
   }
   .p-button.p-button-outlined.p-button-plain {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button.p-button-text {
     background-color: transparent;
@@ -1812,15 +1759,15 @@
     border-color: transparent;
   }
   .p-button.p-button-text.p-button-plain {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button:focus {
     outline: 0 none;
@@ -2245,7 +2192,7 @@
   .p-speeddial-action {
     width: 3rem;
     height: 3rem;
-    background: #495057;
+    background: #4b5563;
     color: #fff;
   }
   .p-speeddial-action:hover {
@@ -2315,16 +2262,16 @@
     color: #3B82F6;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text > .p-button {
     background-color: transparent;
@@ -2342,15 +2289,15 @@
     border-color: transparent;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-raised {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -2561,7 +2508,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2570,9 +2517,9 @@
   }
   .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
 .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
 .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
@@ -2588,14 +2535,14 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 0;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background: #EFF6FF;
@@ -2611,17 +2558,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,24 +2576,24 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column .p-sortable-column-badge {
@@ -2659,11 +2606,11 @@
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-datatable .p-sortable-column.p-highlight {
     background: #EFF6FF;
@@ -2685,12 +2632,12 @@
   }
   .p-datatable .p-datatable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2700,7 +2647,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2710,9 +2657,9 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
@@ -2743,8 +2690,8 @@
     box-shadow: inset 0 -2px 0 0 #EFF6FF;
   }
   .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-datatable .p-column-resizer-helper {
     background: #3B82F6;
@@ -2752,7 +2699,7 @@
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #f8f9fa;
+    background-color: #f9fafb;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2868,27 +2815,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2904,20 +2851,20 @@
   .p-column-filter-menu-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-menu-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
     background: #EFF6FF;
@@ -2932,16 +2879,16 @@
   .p-column-filter-clear-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-clear-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-clear-button:focus-visible {
     outline: 0 none;
@@ -2951,7 +2898,7 @@
 
   .p-column-filter-overlay {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -2964,7 +2911,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -2974,8 +2921,8 @@
     background: #EFF6FF;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
     outline: 0 none;
@@ -2983,22 +2930,22 @@
     box-shadow: inset 0 0 0 0.15rem #BFDBFE;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +2970,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,9 +2980,9 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3045,17 +2992,17 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #1D4ED8;
@@ -3068,12 +3015,12 @@
     background: #fcfcfc;
   }
   .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-organizationchart .p-organizationchart-node-content.p-highlight {
     background: #EFF6FF;
@@ -3083,20 +3030,20 @@
     color: #70aeff;
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-right: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-top: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
   }
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
@@ -3112,8 +3059,8 @@
 
   .p-paginator {
     background: #ffffff;
-    color: #6c757d;
-    border: solid #e9ecef;
+    color: #6b7280;
+    border: solid #f3f4f6;
     border-width: 0;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3124,7 +3071,7 @@
 .p-paginator .p-paginator-last {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3135,9 +3082,9 @@
 .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
   .p-paginator .p-paginator-first {
     border-top-left-radius: 50%;
@@ -3165,7 +3112,7 @@
   .p-paginator .p-paginator-current {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3174,7 +3121,7 @@
   .p-paginator .p-paginator-pages .p-paginator-page {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3187,9 +3134,9 @@
     color: #1D4ED8;
   }
   .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
 
   .p-picklist .p-picklist-buttons {
@@ -3199,9 +3146,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,9 +3156,9 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3221,17 +3168,17 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #1D4ED8;
@@ -3244,7 +3191,7 @@
     background: #fcfcfc;
   }
   .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-timeline .p-timeline-event-marker {
@@ -3255,7 +3202,7 @@
     background-color: #ffffff;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,9 +3220,9 @@
   }
 
   .p-tree {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
     border-radius: 6px;
   }
@@ -3297,16 +3244,16 @@
     margin-right: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
@@ -3315,13 +3262,13 @@
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
     margin-right: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
     margin-right: 0.5rem;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #EFF6FF;
@@ -3336,8 +3283,8 @@
     color: #1D4ED8;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-tree .p-tree-filter-container {
     margin-bottom: 0.5rem;
@@ -3348,7 +3295,7 @@
   }
   .p-tree .p-tree-filter-container .p-tree-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-treenode-children {
     padding: 0 0 0 1rem;
@@ -3370,17 +3317,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,27 +3335,27 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-treetable .p-sortable-column {
     outline-color: #BFDBFE;
   }
   .p-treetable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column .p-sortable-column-badge {
@@ -3421,11 +3368,11 @@
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-treetable .p-sortable-column.p-highlight {
     background: #EFF6FF;
@@ -3436,19 +3383,19 @@
   }
   .p-treetable .p-treetable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3456,9 +3403,9 @@
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
@@ -3469,7 +3416,7 @@
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #BFDBFE;
@@ -3486,18 +3433,18 @@
     color: #1D4ED8;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-column-resizer-helper {
     background: #3B82F6;
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3507,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3576,27 +3523,27 @@
     box-shadow: inset 0 0 0 0.2rem #BFDBFE;
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -3609,7 +3556,7 @@
 
   .p-card {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -3624,7 +3571,7 @@
   .p-card .p-card-subtitle {
     font-weight: 400;
     margin-bottom: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-card .p-card-content {
     padding: 1.25rem 0;
@@ -3634,16 +3581,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3653,7 +3600,7 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
     padding: 1.25rem;
-    color: #343a40;
+    color: #374151;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -3666,12 +3613,12 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
-    color: #343a40;
+    color: #374151;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-fieldset .p-fieldset-content {
     padding: 1.25rem;
@@ -3685,7 +3632,7 @@
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #dee2e6;
+    border-top: 1px #e5e7eb;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,17 +3642,17 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #dee2e6;
+    border-left: 1px #e5e7eb;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
-    background: #f8f9fa;
-    color: #343a40;
+    background: #f9fafb;
+    color: #374151;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -3715,16 +3662,16 @@
   .p-panel .p-panel-header .p-panel-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
@@ -3736,9 +3683,9 @@
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0 none;
   }
   .p-panel .p-panel-content:last-child {
@@ -3747,16 +3694,16 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #f8f9fa;
+    background: #f9fafb;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -3767,17 +3714,17 @@
   }
 
   .p-splitter {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
     border-radius: 6px;
-    color: #495057;
+    color: #4b5563;
   }
   .p-splitter .p-splitter-gutter {
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #dee2e6;
+    background: #e5e7eb;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -3786,23 +3733,23 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
 
   .p-tabview .p-tabview-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -3817,8 +3764,8 @@
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
     background: #ffffff;
@@ -3841,14 +3788,14 @@
     background: #ffffff;
     padding: 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
 
   .p-toolbar {
-    background: #f8f9fa;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3859,7 +3806,7 @@
 
   .p-confirm-popup {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -3913,7 +3860,7 @@
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
     background: #ffffff;
-    color: #343a40;
+    color: #374151;
     padding: 1.5rem;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3925,7 +3872,7 @@
   .p-dialog .p-dialog-header .p-dialog-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3933,9 +3880,9 @@
     margin-right: 0.5rem;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
@@ -3947,7 +3894,7 @@
   }
   .p-dialog .p-dialog-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 2rem 1.5rem;
   }
   .p-dialog .p-dialog-content:last-of-type {
@@ -3957,7 +3904,7 @@
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
     border-bottom-right-radius: 6px;
@@ -3976,7 +3923,7 @@
 
   .p-overlaypanel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -4018,7 +3965,7 @@
 
   .p-sidebar {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   }
@@ -4029,7 +3976,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -4037,9 +3984,9 @@
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
@@ -4055,30 +4002,30 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #495057;
+    background: #4b5563;
     color: #ffffff;
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #495057;
+    border-right-color: #4b5563;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #495057;
+    border-left-color: #4b5563;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #495057;
+    border-top-color: #4b5563;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #495057;
+    border-bottom-color: #4b5563;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #f8f9fa;
+    background: #f9fafb;
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
+    border: 1px solid #e5e7eb;
+    color: #374151;
     border-bottom: 0 none;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4092,8 +4039,8 @@
   .p-fileupload .p-fileupload-content {
     background: #ffffff;
     padding: 2rem 1rem;
-    border: 1px solid #dee2e6;
-    color: #495057;
+    border: 1px solid #e5e7eb;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
@@ -4103,7 +4050,7 @@
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4140,7 +4087,7 @@
 
   .p-breadcrumb {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4154,26 +4101,26 @@
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
     margin: 0 0.5rem 0 0.5rem;
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-contextmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
@@ -4190,24 +4137,24 @@
     border-radius: 6px;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #1D4ED8;
@@ -4223,27 +4170,27 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4325,33 +4272,33 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
     outline: 0 none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #1D4ED8;
@@ -4367,35 +4314,35 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-megamenu-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4406,7 +4353,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4414,7 +4361,7 @@
     padding: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4423,54 +4370,54 @@
     user-select: none;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-menu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #1D4ED8;
@@ -4486,24 +4433,24 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu.p-menu-overlay {
     background: #ffffff;
@@ -4513,29 +4460,29 @@
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
     outline: 0 none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4544,45 +4491,45 @@
     user-select: none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
     color: #1D4ED8;
@@ -4598,24 +4545,24 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
@@ -4625,7 +4572,7 @@
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4640,13 +4587,13 @@
       display: flex;
       width: 2rem;
       height: 2rem;
-      color: #6c757d;
+      color: #6b7280;
       border-radius: 50%;
       transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     }
     .p-menubar .p-menubar-button:hover {
-      color: #6c757d;
-      background: #e9ecef;
+      color: #6b7280;
+      background: #f3f4f6;
     }
     .p-menubar .p-menubar-button:focus {
       outline: 0 none;
@@ -4663,7 +4610,7 @@
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #dee2e6;
+      border-top: 1px solid #e5e7eb;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,14 +4671,14 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
   }
@@ -4747,28 +4694,28 @@
     box-shadow: inset 0 0 0 0.2rem #BFDBFE;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -4779,24 +4726,24 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
     color: #1D4ED8;
@@ -4812,30 +4759,30 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4852,8 +4799,8 @@
     background: #ffffff;
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-    color: #495057;
-    border: 1px solid #e9ecef;
+    color: #4b5563;
+    border: 1px solid #f3f4f6;
     background: #ffffff;
     min-width: 2rem;
     height: 2rem;
@@ -4864,7 +4811,7 @@
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
     margin-top: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
@@ -4877,11 +4824,11 @@
   }
   .p-steps .p-steps-item.p-highlight .p-steps-title {
     font-weight: 700;
-    color: #495057;
+    color: #4b5563;
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,18 +4839,18 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4921,8 +4868,8 @@
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
     background: #ffffff;
@@ -4933,8 +4880,8 @@
   .p-tieredmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4953,24 +4900,24 @@
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #1D4ED8;
@@ -4986,27 +4933,27 @@
     background: rgba(59, 130, 246, 0.24);
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5239,7 +5186,7 @@
   .p-galleria .p-galleria-close {
     margin: 0.5rem;
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5254,11 +5201,11 @@
   }
   .p-galleria .p-galleria-close:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-item-nav {
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5275,25 +5222,25 @@
   }
   .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-caption {
     background: rgba(0, 0, 0, 0.5);
-    color: #f8f9fa;
+    color: #f9fafb;
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators {
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
     background: #EFF6FF;
@@ -5326,7 +5273,7 @@
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
     margin: 0.5rem;
     background-color: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 2rem;
     height: 2rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5335,7 +5282,7 @@
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
     outline: 0 none;
@@ -5394,7 +5341,7 @@
   }
 
   .p-avatar {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5461,8 +5408,8 @@
   }
 
   .p-chip {
-    background-color: #dee2e6;
-    color: #495057;
+    background-color: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
     padding: 0 0.75rem;
   }
@@ -5500,8 +5447,8 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-inplace .p-inplace-display:not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-inplace .p-inplace-display:focus {
     outline: 0 none;
@@ -5512,7 +5459,7 @@
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
@@ -5585,7 +5532,7 @@
   }
   .p-scrolltop .p-scrolltop-icon {
     font-size: 1.5rem;
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-scrolltop .p-scrolltop-icon.p-icon {
     width: 1.5rem;
@@ -5593,7 +5540,7 @@
   }
 
   .p-skeleton {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-skeleton:after {
@@ -5635,8 +5582,8 @@
 
   .p-terminal {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index 54c53fb454..6ccdb395f9 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -5,40 +5,40 @@
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
   --surface-a:#ffffff;
-  --surface-b:#f8f9fa;
-  --surface-c:#e9ecef;
-  --surface-d:#dee2e6;
+  --surface-b:#f9fafb;
+  --surface-c:#f3f4f6;
+  --surface-d:#e5e7eb;
   --surface-e:#ffffff;
   --surface-f:#ffffff;
-  --text-color:#495057;
-  --text-color-secondary:#6c757d;
+  --text-color:#4b5563;
+  --text-color-secondary:#6b7280;
   --primary-color:#6366F1;
   --primary-color-text:#ffffff;
   --surface-0: #ffffff;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #EEEEEE;
-  --surface-300: #E0E0E0;
-  --surface-400: #BDBDBD;
-  --surface-500: #9E9E9E;
-  --surface-600: #757575;
-  --surface-700: #616161;
-  --surface-800: #424242;
-  --surface-900: #212121;
-  --gray-50: #FAFAFA;
-  --gray-100: #F5F5F5;
-  --gray-200: #EEEEEE;
-  --gray-300: #E0E0E0;
-  --gray-400: #BDBDBD;
-  --gray-500: #9E9E9E;
-  --gray-600: #757575;
-  --gray-700: #616161;
-  --gray-800: #424242;
-  --gray-900: #212121;
+  --surface-50: #f9fafb;
+  --surface-100: #f3f4f6;
+  --surface-200: #e5e7eb;
+  --surface-300: #d1d5db;
+  --surface-400: #9ca3af;
+  --surface-500: #6b7280;
+  --surface-600: #4b5563;
+  --surface-700: #374151;
+  --surface-800: #1f2937;
+  --surface-900: #111827;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#eff3f8;
+  --surface-ground:#f9fafb;
   --surface-section:#ffffff;
   --surface-card:#ffffff;
   --surface-overlay:#ffffff;
@@ -190,56 +190,6 @@
   --primary-900:#282960;
 }
 
-.p-editor-container .p-editor-toolbar {
-  background: #f8f9fa;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
-  border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
-  stroke: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
-  fill: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
-  border: 0 none;
-  color: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
-  fill: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
-  fill: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
-  background: #ffffff;
-  border: 0 none;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 6px;
-  padding: 0.75rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
-  color: #495057;
-  background: #e9ecef;
-}
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
   padding: 0.75rem 1.25rem;
 }
@@ -247,27 +197,6 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
-.p-editor-container .p-editor-content.ql-snow {
-  border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-content .ql-editor {
-  background: #ffffff;
-  color: #495057;
-  border-bottom-right-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
-  color: #495057;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
-  fill: #495057;
-}
 .p-editor-container .ql-snow.ql-toolbar button.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
@@ -315,7 +244,7 @@
   }
 
   .p-text-secondary {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .pi {
@@ -390,22 +319,22 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
@@ -413,7 +342,7 @@
 
   .p-autocomplete-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -425,7 +354,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -438,17 +367,17 @@
     background: #E0E7FF;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
@@ -466,8 +395,8 @@
   .p-datepicker {
     padding: 0.5rem;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
@@ -480,11 +409,11 @@
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     font-weight: 600;
     margin: 0;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -492,7 +421,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -500,9 +429,9 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
 .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
 .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
@@ -515,7 +444,7 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     font-weight: 600;
     padding: 0.5rem;
@@ -558,8 +487,8 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
   .p-datepicker table td.p-datepicker-today > span {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
     border-color: transparent;
   }
   .p-datepicker table td.p-datepicker-today > span.p-highlight {
@@ -568,28 +497,28 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-datepicker .p-timepicker button:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
@@ -633,7 +562,7 @@
     background: #EEF2FF;
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #dee2e6;
+    border-left: 1px solid #e5e7eb;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -647,7 +576,7 @@
     padding-right: 0;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
     outline: 0 none;
@@ -655,7 +584,7 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
     outline: 0 none;
@@ -663,7 +592,7 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
     outline: 0 none;
@@ -678,7 +607,7 @@
   }
   .p-cascadeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -697,7 +626,7 @@
     padding: 0.75rem 0.75rem;
   }
   .p-cascadeselect .p-cascadeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-cascadeselect .p-cascadeselect-label:enabled:focus {
     outline: 0 none;
@@ -705,7 +634,7 @@
   }
   .p-cascadeselect .p-cascadeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -716,7 +645,7 @@
 
   .p-cascadeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -727,7 +656,7 @@
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -740,12 +669,12 @@
     background: #E0E7FF;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
     padding: 0.75rem 1.25rem;
@@ -755,10 +684,10 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -769,11 +698,11 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -809,13 +738,13 @@
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
     background: #6366F1;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
     background: #4338CA;
@@ -836,13 +765,13 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
     margin-left: 0.5rem;
@@ -854,7 +783,7 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
@@ -882,7 +811,7 @@
 
   .p-dropdown {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -903,7 +832,7 @@
     border: 0 none;
   }
   .p-dropdown .p-dropdown-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
     outline: 0 none;
@@ -911,13 +840,13 @@
   }
   .p-dropdown .p-dropdown-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
   .p-dropdown .p-dropdown-clear-icon {
-    color: #6c757d;
+    color: #6b7280;
     right: 3rem;
   }
   .p-dropdown.p-invalid.p-component {
@@ -926,16 +855,16 @@
 
   .p-dropdown-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -946,7 +875,7 @@
   }
   .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown-panel .p-dropdown-items {
     padding: 0.75rem 0;
@@ -955,7 +884,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -968,31 +897,31 @@
     background: #E0E7FF;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-dropdown {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1002,16 +931,16 @@
   }
 
   .p-inputgroup-addon {
-    background: #e9ecef;
-    color: #6c757d;
-    border-top: 1px solid #ced4da;
-    border-left: 1px solid #ced4da;
-    border-bottom: 1px solid #ced4da;
+    background: #f3f4f6;
+    color: #6b7280;
+    border-top: 1px solid #d1d5db;
+    border-left: 1px solid #d1d5db;
+    border-bottom: 1px solid #d1d5db;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #ced4da;
+    border-right: 1px solid #d1d5db;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1009,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #ced4da;
+    background: #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1102,7 +1031,7 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #b6bfc8;
+    background: #b9bfc8;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
     background: #6366F1;
@@ -1121,10 +1050,10 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
@@ -1152,7 +1081,7 @@
 
   .p-float-label > label {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
     transition-duration: 0.2s;
   }
 
@@ -1163,7 +1092,7 @@
   .p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-left > .p-inputtext {
@@ -1177,7 +1106,7 @@
   .p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-right > .p-inputtext {
@@ -1185,26 +1114,26 @@
   }
 
   ::-webkit-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   ::-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-ms-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:focus {
     background-color: #ffffff;
@@ -1222,16 +1151,16 @@
 
   .p-listbox {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1241,7 +1170,7 @@
   }
   .p-listbox .p-listbox-header .p-listbox-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-listbox .p-listbox-list {
     padding: 0.75rem 0;
@@ -1251,7 +1180,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
@@ -1262,25 +1191,25 @@
   .p-listbox .p-listbox-list .p-listbox-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
     background: #E0E7FF;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-listbox.p-focus {
     outline: 0 none;
@@ -1294,7 +1223,7 @@
 
   .p-multiselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1312,13 +1241,13 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-multiselect .p-multiselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
@@ -1326,7 +1255,7 @@
   }
   .p-multiselect .p-multiselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1341,16 +1270,16 @@
 
   .p-multiselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1360,7 +1289,7 @@
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect-panel .p-multiselect-header .p-checkbox {
     margin-right: 0.5rem;
@@ -1369,16 +1298,16 @@
     margin-left: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
@@ -1392,7 +1321,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -1405,12 +1334,12 @@
     background: #E0E7FF;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
     margin-right: 0.5rem;
@@ -1418,21 +1347,21 @@
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-multiselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1445,14 +1374,14 @@
   .p-password-panel {
     padding: 1.25rem;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #ea5455;
@@ -1469,11 +1398,11 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1509,10 +1438,10 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
     background: #6366F1;
@@ -1525,7 +1454,7 @@
     gap: 0.5rem;
   }
   .p-rating .p-rating-item .p-rating-icon {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     font-size: 1.143rem;
   }
@@ -1554,22 +1483,22 @@
 
   .p-selectbutton .p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-selectbutton .p-button .p-button-icon-left,
 .p-selectbutton .p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-selectbutton .p-button.p-highlight {
     background: #6366F1;
@@ -1594,7 +1523,7 @@
   }
 
   .p-slider {
-    background: #dee2e6;
+    background: #e5e7eb;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1635,7 +1564,7 @@
 
   .p-treeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1653,18 +1582,18 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-treeselect .p-treeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-treeselect .p-treeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1679,7 +1608,7 @@
 
   .p-treeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -1689,15 +1618,15 @@
   }
   .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-treeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1705,13 +1634,13 @@
 
   .p-togglebutton.p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-togglebutton.p-button .p-button-icon-left,
 .p-togglebutton.p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-togglebutton.p-button:not(.p-disabled).p-focus {
     outline: 0 none;
@@ -1720,13 +1649,13 @@
     border-color: #6366F1;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-togglebutton.p-button.p-highlight {
     background: #6366F1;
@@ -1785,16 +1714,16 @@
     border: 1px solid;
   }
   .p-button.p-button-outlined.p-button-plain {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button.p-button-text {
     background-color: transparent;
@@ -1812,15 +1741,15 @@
     border-color: transparent;
   }
   .p-button.p-button-text.p-button-plain {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button:focus {
     outline: 0 none;
@@ -2245,7 +2174,7 @@
   .p-speeddial-action {
     width: 3rem;
     height: 3rem;
-    background: #495057;
+    background: #4b5563;
     color: #fff;
   }
   .p-speeddial-action:hover {
@@ -2315,16 +2244,16 @@
     color: #6366F1;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text > .p-button {
     background-color: transparent;
@@ -2342,15 +2271,15 @@
     border-color: transparent;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-raised {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -2561,7 +2490,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2570,9 +2499,9 @@
   }
   .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
 .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
 .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
@@ -2588,14 +2517,14 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 0;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background: #EEF2FF;
@@ -2611,17 +2540,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,24 +2558,24 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column .p-sortable-column-badge {
@@ -2659,11 +2588,11 @@
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-datatable .p-sortable-column.p-highlight {
     background: #EEF2FF;
@@ -2685,12 +2614,12 @@
   }
   .p-datatable .p-datatable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2700,7 +2629,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2710,9 +2639,9 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
@@ -2743,8 +2672,8 @@
     box-shadow: inset 0 -2px 0 0 #EEF2FF;
   }
   .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-datatable .p-column-resizer-helper {
     background: #6366F1;
@@ -2752,7 +2681,7 @@
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #f8f9fa;
+    background-color: #f9fafb;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2868,27 +2797,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2904,20 +2833,20 @@
   .p-column-filter-menu-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-menu-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
     background: #EEF2FF;
@@ -2932,16 +2861,16 @@
   .p-column-filter-clear-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-clear-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-clear-button:focus-visible {
     outline: 0 none;
@@ -2951,7 +2880,7 @@
 
   .p-column-filter-overlay {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -2964,7 +2893,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -2974,8 +2903,8 @@
     background: #EEF2FF;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
     outline: 0 none;
@@ -2983,22 +2912,22 @@
     box-shadow: inset 0 0 0 0.15rem #C7D2FE;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +2952,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,9 +2962,9 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3045,17 +2974,17 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #4338CA;
@@ -3068,12 +2997,12 @@
     background: #fcfcfc;
   }
   .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-organizationchart .p-organizationchart-node-content.p-highlight {
     background: #EEF2FF;
@@ -3083,20 +3012,20 @@
     color: #6f91ff;
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-right: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-top: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
   }
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
@@ -3112,8 +3041,8 @@
 
   .p-paginator {
     background: #ffffff;
-    color: #6c757d;
-    border: solid #e9ecef;
+    color: #6b7280;
+    border: solid #f3f4f6;
     border-width: 0;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3124,7 +3053,7 @@
 .p-paginator .p-paginator-last {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3135,9 +3064,9 @@
 .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
   .p-paginator .p-paginator-first {
     border-top-left-radius: 50%;
@@ -3165,7 +3094,7 @@
   .p-paginator .p-paginator-current {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3174,7 +3103,7 @@
   .p-paginator .p-paginator-pages .p-paginator-page {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3187,9 +3116,9 @@
     color: #4338CA;
   }
   .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
 
   .p-picklist .p-picklist-buttons {
@@ -3199,9 +3128,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,9 +3138,9 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3221,17 +3150,17 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #4338CA;
@@ -3244,7 +3173,7 @@
     background: #fcfcfc;
   }
   .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-timeline .p-timeline-event-marker {
@@ -3255,7 +3184,7 @@
     background-color: #ffffff;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,9 +3202,9 @@
   }
 
   .p-tree {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
     border-radius: 6px;
   }
@@ -3297,16 +3226,16 @@
     margin-right: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
@@ -3315,13 +3244,13 @@
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
     margin-right: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
     margin-right: 0.5rem;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #EEF2FF;
@@ -3336,8 +3265,8 @@
     color: #4338CA;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-tree .p-tree-filter-container {
     margin-bottom: 0.5rem;
@@ -3348,7 +3277,7 @@
   }
   .p-tree .p-tree-filter-container .p-tree-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-treenode-children {
     padding: 0 0 0 1rem;
@@ -3370,17 +3299,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,27 +3317,27 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-treetable .p-sortable-column {
     outline-color: #C7D2FE;
   }
   .p-treetable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column .p-sortable-column-badge {
@@ -3421,11 +3350,11 @@
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-treetable .p-sortable-column.p-highlight {
     background: #EEF2FF;
@@ -3436,19 +3365,19 @@
   }
   .p-treetable .p-treetable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3456,9 +3385,9 @@
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
@@ -3469,7 +3398,7 @@
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #C7D2FE;
@@ -3486,18 +3415,18 @@
     color: #4338CA;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-column-resizer-helper {
     background: #6366F1;
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3489,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3576,27 +3505,27 @@
     box-shadow: inset 0 0 0 0.2rem #C7D2FE;
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -3609,7 +3538,7 @@
 
   .p-card {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -3624,7 +3553,7 @@
   .p-card .p-card-subtitle {
     font-weight: 400;
     margin-bottom: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-card .p-card-content {
     padding: 1.25rem 0;
@@ -3634,16 +3563,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3653,7 +3582,7 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
     padding: 1.25rem;
-    color: #343a40;
+    color: #374151;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -3666,12 +3595,12 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
-    color: #343a40;
+    color: #374151;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-fieldset .p-fieldset-content {
     padding: 1.25rem;
@@ -3685,7 +3614,7 @@
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #dee2e6;
+    border-top: 1px #e5e7eb;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,17 +3624,17 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #dee2e6;
+    border-left: 1px #e5e7eb;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
-    background: #f8f9fa;
-    color: #343a40;
+    background: #f9fafb;
+    color: #374151;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -3715,16 +3644,16 @@
   .p-panel .p-panel-header .p-panel-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
@@ -3736,9 +3665,9 @@
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0 none;
   }
   .p-panel .p-panel-content:last-child {
@@ -3747,16 +3676,16 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #f8f9fa;
+    background: #f9fafb;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -3767,17 +3696,17 @@
   }
 
   .p-splitter {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
     border-radius: 6px;
-    color: #495057;
+    color: #4b5563;
   }
   .p-splitter .p-splitter-gutter {
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #dee2e6;
+    background: #e5e7eb;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -3786,23 +3715,23 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
 
   .p-tabview .p-tabview-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -3817,8 +3746,8 @@
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
     background: #ffffff;
@@ -3841,14 +3770,14 @@
     background: #ffffff;
     padding: 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
 
   .p-toolbar {
-    background: #f8f9fa;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3859,7 +3788,7 @@
 
   .p-confirm-popup {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -3913,7 +3842,7 @@
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
     background: #ffffff;
-    color: #343a40;
+    color: #374151;
     padding: 1.5rem;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3925,7 +3854,7 @@
   .p-dialog .p-dialog-header .p-dialog-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3933,9 +3862,9 @@
     margin-right: 0.5rem;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
@@ -3947,7 +3876,7 @@
   }
   .p-dialog .p-dialog-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 2rem 1.5rem;
   }
   .p-dialog .p-dialog-content:last-of-type {
@@ -3957,7 +3886,7 @@
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
     border-bottom-right-radius: 6px;
@@ -3976,7 +3905,7 @@
 
   .p-overlaypanel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -4018,7 +3947,7 @@
 
   .p-sidebar {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   }
@@ -4029,7 +3958,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -4037,9 +3966,9 @@
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
@@ -4055,30 +3984,30 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #495057;
+    background: #4b5563;
     color: #ffffff;
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #495057;
+    border-right-color: #4b5563;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #495057;
+    border-left-color: #4b5563;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #495057;
+    border-top-color: #4b5563;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #495057;
+    border-bottom-color: #4b5563;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #f8f9fa;
+    background: #f9fafb;
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
+    border: 1px solid #e5e7eb;
+    color: #374151;
     border-bottom: 0 none;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4092,8 +4021,8 @@
   .p-fileupload .p-fileupload-content {
     background: #ffffff;
     padding: 2rem 1rem;
-    border: 1px solid #dee2e6;
-    color: #495057;
+    border: 1px solid #e5e7eb;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
@@ -4103,7 +4032,7 @@
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4140,7 +4069,7 @@
 
   .p-breadcrumb {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4154,26 +4083,26 @@
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
     margin: 0 0.5rem 0 0.5rem;
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-contextmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
@@ -4190,24 +4119,24 @@
     border-radius: 6px;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #4338CA;
@@ -4223,27 +4152,27 @@
     background: #E0E7FF;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4325,33 +4254,33 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
     outline: 0 none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #4338CA;
@@ -4367,35 +4296,35 @@
     background: #E0E7FF;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-megamenu-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4406,7 +4335,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4414,7 +4343,7 @@
     padding: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4423,54 +4352,54 @@
     user-select: none;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-menu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #4338CA;
@@ -4486,24 +4415,24 @@
     background: #E0E7FF;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu.p-menu-overlay {
     background: #ffffff;
@@ -4513,29 +4442,29 @@
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
     outline: 0 none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4544,45 +4473,45 @@
     user-select: none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
     color: #4338CA;
@@ -4598,24 +4527,24 @@
     background: #E0E7FF;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
@@ -4625,7 +4554,7 @@
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4640,13 +4569,13 @@
       display: flex;
       width: 2rem;
       height: 2rem;
-      color: #6c757d;
+      color: #6b7280;
       border-radius: 50%;
       transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     }
     .p-menubar .p-menubar-button:hover {
-      color: #6c757d;
-      background: #e9ecef;
+      color: #6b7280;
+      background: #f3f4f6;
     }
     .p-menubar .p-menubar-button:focus {
       outline: 0 none;
@@ -4663,7 +4592,7 @@
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #dee2e6;
+      border-top: 1px solid #e5e7eb;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,14 +4653,14 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
   }
@@ -4747,28 +4676,28 @@
     box-shadow: inset 0 0 0 0.2rem #C7D2FE;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -4779,24 +4708,24 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
     color: #4338CA;
@@ -4812,30 +4741,30 @@
     background: #E0E7FF;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4852,8 +4781,8 @@
     background: #ffffff;
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-    color: #495057;
-    border: 1px solid #e9ecef;
+    color: #4b5563;
+    border: 1px solid #f3f4f6;
     background: #ffffff;
     min-width: 2rem;
     height: 2rem;
@@ -4864,7 +4793,7 @@
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
     margin-top: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
@@ -4877,11 +4806,11 @@
   }
   .p-steps .p-steps-item.p-highlight .p-steps-title {
     font-weight: 700;
-    color: #495057;
+    color: #4b5563;
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,18 +4821,18 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4921,8 +4850,8 @@
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
     background: #ffffff;
@@ -4933,8 +4862,8 @@
   .p-tieredmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4953,24 +4882,24 @@
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #4338CA;
@@ -4986,27 +4915,27 @@
     background: #E0E7FF;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5239,7 +5168,7 @@
   .p-galleria .p-galleria-close {
     margin: 0.5rem;
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5254,11 +5183,11 @@
   }
   .p-galleria .p-galleria-close:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-item-nav {
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5275,25 +5204,25 @@
   }
   .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-caption {
     background: rgba(0, 0, 0, 0.5);
-    color: #f8f9fa;
+    color: #f9fafb;
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators {
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
     background: #EEF2FF;
@@ -5326,7 +5255,7 @@
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
     margin: 0.5rem;
     background-color: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 2rem;
     height: 2rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5335,7 +5264,7 @@
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
     outline: 0 none;
@@ -5394,7 +5323,7 @@
   }
 
   .p-avatar {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5461,8 +5390,8 @@
   }
 
   .p-chip {
-    background-color: #dee2e6;
-    color: #495057;
+    background-color: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
     padding: 0 0.75rem;
   }
@@ -5500,8 +5429,8 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-inplace .p-inplace-display:not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-inplace .p-inplace-display:focus {
     outline: 0 none;
@@ -5512,7 +5441,7 @@
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
@@ -5585,7 +5514,7 @@
   }
   .p-scrolltop .p-scrolltop-icon {
     font-size: 1.5rem;
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-scrolltop .p-scrolltop-icon.p-icon {
     width: 1.5rem;
@@ -5593,7 +5522,7 @@
   }
 
   .p-skeleton {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-skeleton:after {
@@ -5635,8 +5564,8 @@
 
   .p-terminal {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index 9b6de8cb3b..1eb0454d65 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -5,40 +5,40 @@
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
   --surface-a:#ffffff;
-  --surface-b:#f8f9fa;
-  --surface-c:#e9ecef;
-  --surface-d:#dee2e6;
+  --surface-b:#f9fafb;
+  --surface-c:#f3f4f6;
+  --surface-d:#e5e7eb;
   --surface-e:#ffffff;
   --surface-f:#ffffff;
-  --text-color:#495057;
-  --text-color-secondary:#6c757d;
+  --text-color:#4b5563;
+  --text-color-secondary:#6b7280;
   --primary-color:#8B5CF6;
   --primary-color-text:#ffffff;
   --surface-0: #ffffff;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #EEEEEE;
-  --surface-300: #E0E0E0;
-  --surface-400: #BDBDBD;
-  --surface-500: #9E9E9E;
-  --surface-600: #757575;
-  --surface-700: #616161;
-  --surface-800: #424242;
-  --surface-900: #212121;
-  --gray-50: #FAFAFA;
-  --gray-100: #F5F5F5;
-  --gray-200: #EEEEEE;
-  --gray-300: #E0E0E0;
-  --gray-400: #BDBDBD;
-  --gray-500: #9E9E9E;
-  --gray-600: #757575;
-  --gray-700: #616161;
-  --gray-800: #424242;
-  --gray-900: #212121;
+  --surface-50: #f9fafb;
+  --surface-100: #f3f4f6;
+  --surface-200: #e5e7eb;
+  --surface-300: #d1d5db;
+  --surface-400: #9ca3af;
+  --surface-500: #6b7280;
+  --surface-600: #4b5563;
+  --surface-700: #374151;
+  --surface-800: #1f2937;
+  --surface-900: #111827;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#eff3f8;
+  --surface-ground:#f9fafb;
   --surface-section:#ffffff;
   --surface-card:#ffffff;
   --surface-overlay:#ffffff;
@@ -190,42 +190,6 @@
   --primary-900:#382562;
 }
 
-.p-editor-container .p-editor-toolbar {
-  background: #f8f9fa;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
-  border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
-  stroke: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
-  fill: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
-  border: 0 none;
-  color: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
-  fill: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
-  fill: #495057;
-}
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
   background: #ffffff;
   border: 0 none;
@@ -233,13 +197,7 @@
   border-radius: 6px;
   padding: 0.75rem 0;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
-  color: #495057;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
-  color: #495057;
-  background: #e9ecef;
-}
+
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
   padding: 0.75rem 1.25rem;
 }
@@ -247,27 +205,7 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
-.p-editor-container .p-editor-content.ql-snow {
-  border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-content .ql-editor {
-  background: #ffffff;
-  color: #495057;
-  border-bottom-right-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
-  color: #495057;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
-  stroke: #495057;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
-  fill: #495057;
-}
+
 .p-editor-container .ql-snow.ql-toolbar button.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
@@ -315,7 +253,7 @@
   }
 
   .p-text-secondary {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .pi {
@@ -390,22 +328,22 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
@@ -413,7 +351,7 @@
 
   .p-autocomplete-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -425,7 +363,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -438,17 +376,17 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
@@ -466,8 +404,8 @@
   .p-datepicker {
     padding: 0.5rem;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
@@ -480,11 +418,11 @@
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     font-weight: 600;
     margin: 0;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -492,7 +430,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -500,9 +438,9 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
 .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
 .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
@@ -515,7 +453,7 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     font-weight: 600;
     padding: 0.5rem;
@@ -558,8 +496,8 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
   .p-datepicker table td.p-datepicker-today > span {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
     border-color: transparent;
   }
   .p-datepicker table td.p-datepicker-today > span.p-highlight {
@@ -568,28 +506,28 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-datepicker .p-timepicker button:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
@@ -633,7 +571,7 @@
     background: #F5F3FF;
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #dee2e6;
+    border-left: 1px solid #e5e7eb;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -647,7 +585,7 @@
     padding-right: 0;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
     outline: 0 none;
@@ -655,7 +593,7 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
     outline: 0 none;
@@ -663,7 +601,7 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
     outline: 0 none;
@@ -678,7 +616,7 @@
   }
   .p-cascadeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -697,7 +635,7 @@
     padding: 0.75rem 0.75rem;
   }
   .p-cascadeselect .p-cascadeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-cascadeselect .p-cascadeselect-label:enabled:focus {
     outline: 0 none;
@@ -705,7 +643,7 @@
   }
   .p-cascadeselect .p-cascadeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -716,7 +654,7 @@
 
   .p-cascadeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -727,7 +665,7 @@
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -740,12 +678,12 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
     padding: 0.75rem 1.25rem;
@@ -755,10 +693,10 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -769,11 +707,11 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -809,13 +747,13 @@
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
     background: #8B5CF6;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
     background: #6D28D9;
@@ -836,13 +774,13 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
     margin-left: 0.5rem;
@@ -854,7 +792,7 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
@@ -882,7 +820,7 @@
 
   .p-dropdown {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -903,7 +841,7 @@
     border: 0 none;
   }
   .p-dropdown .p-dropdown-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
     outline: 0 none;
@@ -911,13 +849,13 @@
   }
   .p-dropdown .p-dropdown-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
   .p-dropdown .p-dropdown-clear-icon {
-    color: #6c757d;
+    color: #6b7280;
     right: 3rem;
   }
   .p-dropdown.p-invalid.p-component {
@@ -926,16 +864,16 @@
 
   .p-dropdown-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -946,7 +884,7 @@
   }
   .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown-panel .p-dropdown-items {
     padding: 0.75rem 0;
@@ -955,7 +893,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -968,31 +906,31 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-dropdown {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1002,16 +940,16 @@
   }
 
   .p-inputgroup-addon {
-    background: #e9ecef;
-    color: #6c757d;
-    border-top: 1px solid #ced4da;
-    border-left: 1px solid #ced4da;
-    border-bottom: 1px solid #ced4da;
+    background: #f3f4f6;
+    color: #6b7280;
+    border-top: 1px solid #d1d5db;
+    border-left: 1px solid #d1d5db;
+    border-bottom: 1px solid #d1d5db;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #ced4da;
+    border-right: 1px solid #d1d5db;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1018,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #ced4da;
+    background: #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1102,7 +1040,7 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #b6bfc8;
+    background: #b9bfc8;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
     background: #8B5CF6;
@@ -1121,10 +1059,10 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
@@ -1152,7 +1090,7 @@
 
   .p-float-label > label {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
     transition-duration: 0.2s;
   }
 
@@ -1163,7 +1101,7 @@
   .p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-left > .p-inputtext {
@@ -1177,7 +1115,7 @@
   .p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-right > .p-inputtext {
@@ -1185,26 +1123,26 @@
   }
 
   ::-webkit-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   ::-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-ms-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:focus {
     background-color: #ffffff;
@@ -1222,16 +1160,16 @@
 
   .p-listbox {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1241,7 +1179,7 @@
   }
   .p-listbox .p-listbox-header .p-listbox-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-listbox .p-listbox-list {
     padding: 0.75rem 0;
@@ -1251,7 +1189,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
@@ -1262,25 +1200,25 @@
   .p-listbox .p-listbox-list .p-listbox-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
     background: rgba(139, 92, 246, 0.24);
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-listbox.p-focus {
     outline: 0 none;
@@ -1294,7 +1232,7 @@
 
   .p-multiselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1312,13 +1250,13 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-multiselect .p-multiselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
@@ -1326,7 +1264,7 @@
   }
   .p-multiselect .p-multiselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1341,16 +1279,16 @@
 
   .p-multiselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1360,7 +1298,7 @@
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect-panel .p-multiselect-header .p-checkbox {
     margin-right: 0.5rem;
@@ -1369,16 +1307,16 @@
     margin-left: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
@@ -1392,7 +1330,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -1405,12 +1343,12 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
     margin-right: 0.5rem;
@@ -1418,21 +1356,21 @@
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-multiselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1445,14 +1383,14 @@
   .p-password-panel {
     padding: 1.25rem;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #ea5455;
@@ -1469,11 +1407,11 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -1509,10 +1447,10 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
     background: #8B5CF6;
@@ -1525,7 +1463,7 @@
     gap: 0.5rem;
   }
   .p-rating .p-rating-item .p-rating-icon {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     font-size: 1.143rem;
   }
@@ -1554,22 +1492,22 @@
 
   .p-selectbutton .p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-selectbutton .p-button .p-button-icon-left,
 .p-selectbutton .p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-selectbutton .p-button.p-highlight {
     background: #8B5CF6;
@@ -1594,7 +1532,7 @@
   }
 
   .p-slider {
-    background: #dee2e6;
+    background: #e5e7eb;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1635,7 +1573,7 @@
 
   .p-treeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -1653,18 +1591,18 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-treeselect .p-treeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-treeselect .p-treeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1679,7 +1617,7 @@
 
   .p-treeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -1689,15 +1627,15 @@
   }
   .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-treeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1705,13 +1643,13 @@
 
   .p-togglebutton.p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-togglebutton.p-button .p-button-icon-left,
 .p-togglebutton.p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-togglebutton.p-button:not(.p-disabled).p-focus {
     outline: 0 none;
@@ -1720,13 +1658,13 @@
     border-color: #8B5CF6;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-togglebutton.p-button.p-highlight {
     background: #8B5CF6;
@@ -1785,16 +1723,16 @@
     border: 1px solid;
   }
   .p-button.p-button-outlined.p-button-plain {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button.p-button-text {
     background-color: transparent;
@@ -1812,15 +1750,15 @@
     border-color: transparent;
   }
   .p-button.p-button-text.p-button-plain {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button:focus {
     outline: 0 none;
@@ -2245,7 +2183,7 @@
   .p-speeddial-action {
     width: 3rem;
     height: 3rem;
-    background: #495057;
+    background: #4b5563;
     color: #fff;
   }
   .p-speeddial-action:hover {
@@ -2315,16 +2253,16 @@
     color: #8B5CF6;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text > .p-button {
     background-color: transparent;
@@ -2342,15 +2280,15 @@
     border-color: transparent;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-raised {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -2561,7 +2499,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2570,9 +2508,9 @@
   }
   .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
 .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
 .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
@@ -2588,14 +2526,14 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 0;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background: #F5F3FF;
@@ -2611,17 +2549,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,24 +2567,24 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column .p-sortable-column-badge {
@@ -2659,11 +2597,11 @@
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-datatable .p-sortable-column.p-highlight {
     background: #F5F3FF;
@@ -2685,12 +2623,12 @@
   }
   .p-datatable .p-datatable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2700,7 +2638,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2710,9 +2648,9 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
@@ -2743,8 +2681,8 @@
     box-shadow: inset 0 -2px 0 0 #F5F3FF;
   }
   .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-datatable .p-column-resizer-helper {
     background: #8B5CF6;
@@ -2752,7 +2690,7 @@
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #f8f9fa;
+    background-color: #f9fafb;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2868,27 +2806,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2904,20 +2842,20 @@
   .p-column-filter-menu-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-menu-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
     background: #F5F3FF;
@@ -2932,16 +2870,16 @@
   .p-column-filter-clear-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-clear-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-clear-button:focus-visible {
     outline: 0 none;
@@ -2951,7 +2889,7 @@
 
   .p-column-filter-overlay {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -2964,7 +2902,7 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
@@ -2974,8 +2912,8 @@
     background: #F5F3FF;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
     outline: 0 none;
@@ -2983,22 +2921,22 @@
     box-shadow: inset 0 0 0 0.15rem #DDD6FE;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +2961,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,9 +2971,9 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3045,17 +2983,17 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #6D28D9;
@@ -3068,12 +3006,12 @@
     background: #fcfcfc;
   }
   .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-organizationchart .p-organizationchart-node-content.p-highlight {
     background: #F5F3FF;
@@ -3083,20 +3021,20 @@
     color: #8b74ff;
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-right: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-top: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
   }
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
@@ -3112,8 +3050,8 @@
 
   .p-paginator {
     background: #ffffff;
-    color: #6c757d;
-    border: solid #e9ecef;
+    color: #6b7280;
+    border: solid #f3f4f6;
     border-width: 0;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3124,7 +3062,7 @@
 .p-paginator .p-paginator-last {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3135,9 +3073,9 @@
 .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
   .p-paginator .p-paginator-first {
     border-top-left-radius: 50%;
@@ -3165,7 +3103,7 @@
   .p-paginator .p-paginator-current {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3174,7 +3112,7 @@
   .p-paginator .p-paginator-pages .p-paginator-page {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3187,9 +3125,9 @@
     color: #6D28D9;
   }
   .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
 
   .p-picklist .p-picklist-buttons {
@@ -3199,9 +3137,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,9 +3147,9 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3221,17 +3159,17 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #6D28D9;
@@ -3244,7 +3182,7 @@
     background: #fcfcfc;
   }
   .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-timeline .p-timeline-event-marker {
@@ -3255,7 +3193,7 @@
     background-color: #ffffff;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,9 +3211,9 @@
   }
 
   .p-tree {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
     border-radius: 6px;
   }
@@ -3297,16 +3235,16 @@
     margin-right: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
@@ -3315,13 +3253,13 @@
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
     margin-right: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
     margin-right: 0.5rem;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #F5F3FF;
@@ -3336,8 +3274,8 @@
     color: #6D28D9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-tree .p-tree-filter-container {
     margin-bottom: 0.5rem;
@@ -3348,7 +3286,7 @@
   }
   .p-tree .p-tree-filter-container .p-tree-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-treenode-children {
     padding: 0 0 0 1rem;
@@ -3370,17 +3308,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,27 +3326,27 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-treetable .p-sortable-column {
     outline-color: #DDD6FE;
   }
   .p-treetable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column .p-sortable-column-badge {
@@ -3421,11 +3359,11 @@
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-treetable .p-sortable-column.p-highlight {
     background: #F5F3FF;
@@ -3436,19 +3374,19 @@
   }
   .p-treetable .p-treetable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3456,9 +3394,9 @@
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
@@ -3469,7 +3407,7 @@
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #DDD6FE;
@@ -3486,18 +3424,18 @@
     color: #6D28D9;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-column-resizer-helper {
     background: #8B5CF6;
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3498,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3576,27 +3514,27 @@
     box-shadow: inset 0 0 0 0.2rem #DDD6FE;
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -3609,7 +3547,7 @@
 
   .p-card {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -3624,7 +3562,7 @@
   .p-card .p-card-subtitle {
     font-weight: 400;
     margin-bottom: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-card .p-card-content {
     padding: 1.25rem 0;
@@ -3634,16 +3572,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3653,7 +3591,7 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
     padding: 1.25rem;
-    color: #343a40;
+    color: #374151;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -3666,12 +3604,12 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
-    color: #343a40;
+    color: #374151;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-fieldset .p-fieldset-content {
     padding: 1.25rem;
@@ -3685,7 +3623,7 @@
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #dee2e6;
+    border-top: 1px #e5e7eb;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,17 +3633,17 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #dee2e6;
+    border-left: 1px #e5e7eb;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
-    background: #f8f9fa;
-    color: #343a40;
+    background: #f9fafb;
+    color: #374151;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -3715,16 +3653,16 @@
   .p-panel .p-panel-header .p-panel-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
@@ -3736,9 +3674,9 @@
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0 none;
   }
   .p-panel .p-panel-content:last-child {
@@ -3747,16 +3685,16 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #f8f9fa;
+    background: #f9fafb;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -3767,17 +3705,17 @@
   }
 
   .p-splitter {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
     border-radius: 6px;
-    color: #495057;
+    color: #4b5563;
   }
   .p-splitter .p-splitter-gutter {
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #dee2e6;
+    background: #e5e7eb;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -3786,23 +3724,23 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
 
   .p-tabview .p-tabview-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -3817,8 +3755,8 @@
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
     background: #ffffff;
@@ -3841,14 +3779,14 @@
     background: #ffffff;
     padding: 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
 
   .p-toolbar {
-    background: #f8f9fa;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3859,7 +3797,7 @@
 
   .p-confirm-popup {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -3913,7 +3851,7 @@
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
     background: #ffffff;
-    color: #343a40;
+    color: #374151;
     padding: 1.5rem;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3925,7 +3863,7 @@
   .p-dialog .p-dialog-header .p-dialog-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3933,9 +3871,9 @@
     margin-right: 0.5rem;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
@@ -3947,7 +3885,7 @@
   }
   .p-dialog .p-dialog-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 2rem 1.5rem;
   }
   .p-dialog .p-dialog-content:last-of-type {
@@ -3957,7 +3895,7 @@
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
     border-bottom-right-radius: 6px;
@@ -3976,7 +3914,7 @@
 
   .p-overlaypanel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -4018,7 +3956,7 @@
 
   .p-sidebar {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   }
@@ -4029,7 +3967,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -4037,9 +3975,9 @@
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
@@ -4055,30 +3993,30 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #495057;
+    background: #4b5563;
     color: #ffffff;
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #495057;
+    border-right-color: #4b5563;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #495057;
+    border-left-color: #4b5563;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #495057;
+    border-top-color: #4b5563;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #495057;
+    border-bottom-color: #4b5563;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #f8f9fa;
+    background: #f9fafb;
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
+    border: 1px solid #e5e7eb;
+    color: #374151;
     border-bottom: 0 none;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4092,8 +4030,8 @@
   .p-fileupload .p-fileupload-content {
     background: #ffffff;
     padding: 2rem 1rem;
-    border: 1px solid #dee2e6;
-    color: #495057;
+    border: 1px solid #e5e7eb;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
@@ -4103,7 +4041,7 @@
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4140,7 +4078,7 @@
 
   .p-breadcrumb {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4154,26 +4092,26 @@
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
     margin: 0 0.5rem 0 0.5rem;
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-contextmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
@@ -4190,24 +4128,24 @@
     border-radius: 6px;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #6D28D9;
@@ -4223,27 +4161,27 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4325,33 +4263,33 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
     outline: 0 none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #6D28D9;
@@ -4367,35 +4305,35 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-megamenu-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4406,7 +4344,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4414,7 +4352,7 @@
     padding: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4423,54 +4361,54 @@
     user-select: none;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-menu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #6D28D9;
@@ -4486,24 +4424,24 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu.p-menu-overlay {
     background: #ffffff;
@@ -4513,29 +4451,29 @@
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
     outline: 0 none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4544,45 +4482,45 @@
     user-select: none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
     color: #6D28D9;
@@ -4598,24 +4536,24 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
@@ -4625,7 +4563,7 @@
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4640,13 +4578,13 @@
       display: flex;
       width: 2rem;
       height: 2rem;
-      color: #6c757d;
+      color: #6b7280;
       border-radius: 50%;
       transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     }
     .p-menubar .p-menubar-button:hover {
-      color: #6c757d;
-      background: #e9ecef;
+      color: #6b7280;
+      background: #f3f4f6;
     }
     .p-menubar .p-menubar-button:focus {
       outline: 0 none;
@@ -4663,7 +4601,7 @@
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #dee2e6;
+      border-top: 1px solid #e5e7eb;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,14 +4662,14 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
   }
@@ -4747,28 +4685,28 @@
     box-shadow: inset 0 0 0 0.2rem #DDD6FE;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -4779,24 +4717,24 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
     color: #6D28D9;
@@ -4812,30 +4750,30 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4852,8 +4790,8 @@
     background: #ffffff;
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-    color: #495057;
-    border: 1px solid #e9ecef;
+    color: #4b5563;
+    border: 1px solid #f3f4f6;
     background: #ffffff;
     min-width: 2rem;
     height: 2rem;
@@ -4864,7 +4802,7 @@
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
     margin-top: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
@@ -4877,11 +4815,11 @@
   }
   .p-steps .p-steps-item.p-highlight .p-steps-title {
     font-weight: 700;
-    color: #495057;
+    color: #4b5563;
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,18 +4830,18 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4921,8 +4859,8 @@
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
     background: #ffffff;
@@ -4933,8 +4871,8 @@
   .p-tieredmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4953,24 +4891,24 @@
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #6D28D9;
@@ -4986,27 +4924,27 @@
     background: rgba(139, 92, 246, 0.24);
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5239,7 +5177,7 @@
   .p-galleria .p-galleria-close {
     margin: 0.5rem;
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5254,11 +5192,11 @@
   }
   .p-galleria .p-galleria-close:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-item-nav {
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5275,25 +5213,25 @@
   }
   .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-caption {
     background: rgba(0, 0, 0, 0.5);
-    color: #f8f9fa;
+    color: #f9fafb;
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators {
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
     background: #F5F3FF;
@@ -5326,7 +5264,7 @@
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
     margin: 0.5rem;
     background-color: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 2rem;
     height: 2rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5335,7 +5273,7 @@
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
     outline: 0 none;
@@ -5394,7 +5332,7 @@
   }
 
   .p-avatar {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5461,8 +5399,8 @@
   }
 
   .p-chip {
-    background-color: #dee2e6;
-    color: #495057;
+    background-color: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
     padding: 0 0.75rem;
   }
@@ -5500,8 +5438,8 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-inplace .p-inplace-display:not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-inplace .p-inplace-display:focus {
     outline: 0 none;
@@ -5512,7 +5450,7 @@
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
@@ -5585,7 +5523,7 @@
   }
   .p-scrolltop .p-scrolltop-icon {
     font-size: 1.5rem;
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-scrolltop .p-scrolltop-icon.p-icon {
     width: 1.5rem;
@@ -5593,7 +5531,7 @@
   }
 
   .p-skeleton {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-skeleton:after {
@@ -5635,8 +5573,8 @@
 
   .p-terminal {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index 0c71883edc..66a4698e30 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -5,49 +5,49 @@
   --font-family:"Inter var", sans-serif;
   --font-feature-settings: "cv02","cv03","cv04","cv11";
   --surface-a:#ffffff;
-  --surface-b:#f8f9fa;
-  --surface-c:#e9ecef;
-  --surface-d:#dee2e6;
+  --surface-b:#f9fafb;
+  --surface-c:#f3f4f6;
+  --surface-d:#e5e7eb;
   --surface-e:#ffffff;
   --surface-f:#ffffff;
-  --text-color:#495057;
-  --text-color-secondary:#6c757d;
-  --primary-color:#14B8A6;
+  --text-color:#4b5563;
+  --text-color-secondary:#6b7280;
+  --primary-color:#10b981;
   --primary-color-text:#ffffff;
   --surface-0: #ffffff;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #EEEEEE;
-  --surface-300: #E0E0E0;
-  --surface-400: #BDBDBD;
-  --surface-500: #9E9E9E;
-  --surface-600: #757575;
-  --surface-700: #616161;
-  --surface-800: #424242;
-  --surface-900: #212121;
-  --gray-50: #FAFAFA;
-  --gray-100: #F5F5F5;
-  --gray-200: #EEEEEE;
-  --gray-300: #E0E0E0;
-  --gray-400: #BDBDBD;
-  --gray-500: #9E9E9E;
-  --gray-600: #757575;
-  --gray-700: #616161;
-  --gray-800: #424242;
-  --gray-900: #212121;
+  --surface-50: #f9fafb;
+  --surface-100: #f3f4f6;
+  --surface-200: #e5e7eb;
+  --surface-300: #d1d5db;
+  --surface-400: #9ca3af;
+  --surface-500: #6b7280;
+  --surface-600: #4b5563;
+  --surface-700: #374151;
+  --surface-800: #1f2937;
+  --surface-900: #111827;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#eff3f8;
+  --surface-ground:#f9fafb;
   --surface-section:#ffffff;
   --surface-card:#ffffff;
   --surface-overlay:#ffffff;
   --surface-border:#dfe7ef;
   --surface-hover:#f6f9fc;
-  --focus-ring: 0 0 0 0.2rem #99F6E4;
+  --focus-ring: 0 0 0 0.2rem #ecfdf5;
   --maskbg: rgba(0, 0, 0, 0.4);
   --highlight-bg: #F0FDFA;
-  --highlight-text-color: #0F766E;
+  --highlight-text-color: #047857;
   color-scheme: light;
 }
 
@@ -178,16 +178,115 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
-  --primary-50:#f3fbfb;
-  --primary-100:#c7eeea;
-  --primary-200:#9ae0d9;
-  --primary-300:#6dd3c8;
-  --primary-400:#41c5b7;
-  --primary-500:#14b8a6;
-  --primary-600:#119c8d;
-  --primary-700:#0e8174;
-  --primary-800:#0b655b;
-  --primary-900:#084a42;
+  --primary-50:#f3fcf9;
+  --primary-100:#c6eee1;
+  --primary-200:#98e1c9;
+  --primary-300:#6bd4b1;
+  --primary-400:#3dc699;
+  --primary-500:#10b981;
+  --primary-600:#0e9d6e;
+  --primary-700:#0b825a;
+  --primary-800:#096647;
+  --primary-900:#064a34;
+}
+
+.p-editor-container .p-editor-toolbar {
+  background: #f9fafb;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+  border: 1px solid #e5e7eb;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+  stroke: #6b7280;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+  fill: #6b7280;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+  border: 0 none;
+  color: #6b7280;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+  color: #4b5563;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+  stroke: #4b5563;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+  fill: #4b5563;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+  color: #4b5563;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+  stroke: #4b5563;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+  fill: #4b5563;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  background: #ffffff;
+  border: 0 none;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+  padding: 0.75rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+  color: #4b5563;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+  color: #4b5563;
+  background: #f3f4f6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+  padding: 0.75rem 1.25rem;
+}
+.p-editor-container .p-editor-content {
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+  border: 1px solid #e5e7eb;
+}
+.p-editor-container .p-editor-content .ql-editor {
+  background: #ffffff;
+  color: #4b5563;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+  color: #4b5563;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+  stroke: #4b5563;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+  fill: #4b5563;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
+  color: #10b981;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+  stroke: #10b981;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+  fill: #10b981;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+  color: #10b981;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -315,7 +414,7 @@
   }
 
   .p-text-secondary {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .pi {
@@ -336,7 +435,7 @@
   .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-component-overlay-enter {
@@ -371,13 +470,13 @@
     right: 3.75rem;
   }
   .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-autocomplete .p-autocomplete-multiple-container {
     padding: 0.375rem 0.75rem;
@@ -390,22 +489,22 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.375rem 0.75rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
     margin-left: 0.5rem;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #e24c4c;
@@ -413,7 +512,7 @@
 
   .p-autocomplete-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -425,30 +524,30 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
@@ -459,15 +558,15 @@
   .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
 
   .p-datepicker {
     padding: 0.5rem;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
@@ -480,11 +579,11 @@
   }
   .p-datepicker .p-datepicker-header {
     padding: 0.5rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     font-weight: 600;
     margin: 0;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -492,7 +591,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -500,29 +599,29 @@
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
 .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
 .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title {
     line-height: 2rem;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     font-weight: 600;
     padding: 0.5rem;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-    color: #14B8A6;
+    color: #10b981;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
     margin-right: 0.5rem;
@@ -549,52 +648,52 @@
     border: 1px solid transparent;
   }
   .p-datepicker table td > span.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-datepicker table td > span:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker table td.p-datepicker-today > span {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
     border-color: transparent;
   }
   .p-datepicker table td.p-datepicker-today > span.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 1rem 0;
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-datepicker .p-timepicker button:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker .p-timepicker button:last-child {
     margin-top: 0.2em;
@@ -617,7 +716,7 @@
     border-radius: 6px;
   }
   .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-datepicker .p-yearpicker {
@@ -629,11 +728,11 @@
     border-radius: 6px;
   }
   .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid #dee2e6;
+    border-left: 1px solid #e5e7eb;
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -647,28 +746,28 @@
     padding-right: 0;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   @media screen and (max-width: 769px) {
@@ -678,18 +777,18 @@
   }
   .p-cascadeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-cascadeselect:not(.p-disabled):hover {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-cascadeselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-cascadeselect .p-cascadeselect-label {
     background: transparent;
@@ -697,7 +796,7 @@
     padding: 0.75rem 0.75rem;
   }
   .p-cascadeselect .p-cascadeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-cascadeselect .p-cascadeselect-label:enabled:focus {
     outline: 0 none;
@@ -705,7 +804,7 @@
   }
   .p-cascadeselect .p-cascadeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -716,7 +815,7 @@
 
   .p-cascadeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -727,25 +826,25 @@
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
     padding: 0.75rem 1.25rem;
@@ -755,10 +854,10 @@
   }
 
   .p-input-filled .p-cascadeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -769,11 +868,11 @@
     height: 22px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
@@ -787,21 +886,21 @@
     height: 14px;
   }
   .p-checkbox .p-checkbox-box.p-highlight {
-    border-color: #14B8A6;
-    background: #14B8A6;
+    border-color: #10b981;
+    background: #10b981;
   }
   .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-    border-color: #0F766E;
-    background: #0F766E;
+    border-color: #047857;
+    background: #047857;
     color: #ffffff;
   }
   .p-checkbox.p-invalid > .p-checkbox-box {
@@ -809,26 +908,26 @@
   }
 
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
-    background: #14B8A6;
+    background: #10b981;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-    background: #0F766E;
+    background: #047857;
   }
 
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
@@ -836,13 +935,13 @@
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-    background: #ced4da;
-    color: #495057;
+    background: #d1d5db;
+    color: #4b5563;
   }
   .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
     margin-left: 0.5rem;
@@ -854,7 +953,7 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     padding: 0;
     margin: 0;
   }
@@ -882,18 +981,18 @@
 
   .p-dropdown {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-dropdown:not(.p-disabled):hover {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-dropdown:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-dropdown.p-dropdown-clearable .p-dropdown-label {
     padding-right: 1.75rem;
@@ -903,7 +1002,7 @@
     border: 0 none;
   }
   .p-dropdown .p-dropdown-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
     outline: 0 none;
@@ -911,13 +1010,13 @@
   }
   .p-dropdown .p-dropdown-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
   .p-dropdown .p-dropdown-clear-icon {
-    color: #6c757d;
+    color: #6b7280;
     right: 3rem;
   }
   .p-dropdown.p-invalid.p-component {
@@ -926,16 +1025,16 @@
 
   .p-dropdown-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -946,7 +1045,7 @@
   }
   .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-dropdown-panel .p-dropdown-items {
     padding: 0.75rem 0;
@@ -955,44 +1054,44 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-dropdown {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1002,16 +1101,16 @@
   }
 
   .p-inputgroup-addon {
-    background: #e9ecef;
-    color: #6c757d;
-    border-top: 1px solid #ced4da;
-    border-left: 1px solid #ced4da;
-    border-bottom: 1px solid #ced4da;
+    background: #f3f4f6;
+    color: #6b7280;
+    border-top: 1px solid #d1d5db;
+    border-left: 1px solid #d1d5db;
+    border-bottom: 1px solid #d1d5db;
     padding: 0.75rem 0.75rem;
     min-width: 3rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid #ced4da;
+    border-right: 1px solid #d1d5db;
   }
 
   .p-inputgroup > .p-component,
@@ -1080,7 +1179,7 @@
     height: 1.75rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: #ced4da;
+    background: #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 30px;
   }
@@ -1099,19 +1198,19 @@
   .p-inputswitch.p-focus .p-inputswitch-slider {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #b6bfc8;
+    background: #b9bfc8;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-    background: #14B8A6;
+    background: #10b981;
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
     background: #ffffff;
   }
   .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
-    background: #0D9488;
+    background: #059669;
   }
   .p-inputswitch.p-invalid .p-inputswitch-slider {
     border-color: #e24c4c;
@@ -1121,22 +1220,22 @@
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    color: #495057;
+    color: #4b5563;
     background: #ffffff;
     padding: 0.75rem 0.75rem;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
   }
   .p-inputtext:enabled:hover {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-inputtext:enabled:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-inputtext.p-invalid.p-component {
     border-color: #e24c4c;
@@ -1152,7 +1251,7 @@
 
   .p-float-label > label {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
     transition-duration: 0.2s;
   }
 
@@ -1163,7 +1262,7 @@
   .p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
     left: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-left > .p-inputtext {
@@ -1177,7 +1276,7 @@
   .p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-icon-right > .p-inputtext {
@@ -1185,26 +1284,26 @@
   }
 
   ::-webkit-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   ::-moz-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   :-ms-input-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-input-filled .p-inputtext {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-inputtext:enabled:focus {
     background-color: #ffffff;
@@ -1222,16 +1321,16 @@
 
   .p-listbox {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #ced4da;
+    color: #4b5563;
+    border: 1px solid #d1d5db;
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1241,7 +1340,7 @@
   }
   .p-listbox .p-listbox-header .p-listbox-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-listbox .p-listbox-list {
     padding: 0.75rem 0;
@@ -1251,42 +1350,42 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-listbox .p-listbox-list .p-listbox-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-listbox .p-listbox-list .p-listbox-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-listbox.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-listbox.p-invalid {
     border-color: #e24c4c;
@@ -1294,31 +1393,31 @@
 
   .p-multiselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-multiselect:not(.p-disabled):hover {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-multiselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .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;
   }
   .p-multiselect .p-multiselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
@@ -1326,7 +1425,7 @@
   }
   .p-multiselect .p-multiselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1341,16 +1440,16 @@
 
   .p-multiselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1360,7 +1459,7 @@
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-multiselect-panel .p-multiselect-header .p-checkbox {
     margin-right: 0.5rem;
@@ -1369,21 +1468,21 @@
     margin-left: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-multiselect-panel .p-multiselect-items {
     padding: 0.75rem 0;
@@ -1392,25 +1491,25 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
     margin-right: 0.5rem;
@@ -1418,21 +1517,21 @@
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-multiselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1445,14 +1544,14 @@
   .p-password-panel {
     padding: 1.25rem;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
     margin-bottom: 0.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-password-panel .p-password-meter .p-password-strength.weak {
     background: #ea5455;
@@ -1469,22 +1568,22 @@
     height: 22px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid #ced4da;
+    border: 2px solid #d1d5db;
     background: #ffffff;
     width: 22px;
     height: 22px;
-    color: #495057;
+    color: #4b5563;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
     width: 12px;
@@ -1493,12 +1592,12 @@
     background-color: #ffffff;
   }
   .p-radiobutton .p-radiobutton-box.p-highlight {
-    border-color: #14B8A6;
-    background: #14B8A6;
+    border-color: #10b981;
+    background: #10b981;
   }
   .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-    border-color: #0F766E;
-    background: #0F766E;
+    border-color: #047857;
+    background: #047857;
     color: #ffffff;
   }
   .p-radiobutton.p-invalid > .p-radiobutton-box {
@@ -1509,23 +1608,23 @@
   }
 
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
-    background: #14B8A6;
+    background: #10b981;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-    background: #0F766E;
+    background: #047857;
   }
 
   .p-rating {
     gap: 0.5rem;
   }
   .p-rating .p-rating-item .p-rating-icon {
-    color: #495057;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     font-size: 1.143rem;
   }
@@ -1539,14 +1638,14 @@
   .p-rating .p-rating-item.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-    color: #14B8A6;
+    color: #10b981;
   }
   .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-    color: #14B8A6;
+    color: #10b981;
   }
   .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
     color: #e73d3e;
@@ -1554,26 +1653,26 @@
 
   .p-selectbutton .p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-selectbutton .p-button .p-button-icon-left,
 .p-selectbutton .p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-selectbutton .p-button.p-highlight {
-    background: #14B8A6;
-    border-color: #14B8A6;
+    background: #10b981;
+    border-color: #10b981;
     color: #ffffff;
   }
   .p-selectbutton .p-button.p-highlight .p-button-icon-left,
@@ -1581,8 +1680,8 @@
     color: #ffffff;
   }
   .p-selectbutton .p-button.p-highlight:hover {
-    background: #0D9488;
-    border-color: #0D9488;
+    background: #059669;
+    border-color: #059669;
     color: #ffffff;
   }
   .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
@@ -1594,7 +1693,7 @@
   }
 
   .p-slider {
-    background: #dee2e6;
+    background: #e5e7eb;
     border: 0 none;
     border-radius: 6px;
   }
@@ -1616,55 +1715,55 @@
     height: 1.143rem;
     width: 1.143rem;
     background: #ffffff;
-    border: 2px solid #14B8A6;
+    border: 2px solid #10b981;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-slider .p-slider-handle:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-slider .p-slider-range {
-    background: #14B8A6;
+    background: #10b981;
   }
   .p-slider:not(.p-disabled) .p-slider-handle:hover {
-    background: #14B8A6;
-    border-color: #14B8A6;
+    background: #10b981;
+    border-color: #10b981;
   }
 
   .p-treeselect {
     background: #ffffff;
-    border: 1px solid #ced4da;
+    border: 1px solid #d1d5db;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-treeselect:not(.p-disabled):hover {
-    border-color: #14B8A6;
+    border-color: #10b981;
   }
   .p-treeselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .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;
   }
   .p-treeselect .p-treeselect-label.p-placeholder {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: #dee2e6;
-    color: #495057;
+    background: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
   }
   .p-treeselect .p-treeselect-trigger {
     background: transparent;
-    color: #6c757d;
+    color: #6b7280;
     width: 3rem;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
@@ -1679,7 +1778,7 @@
 
   .p-treeselect-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -1689,15 +1788,15 @@
   }
   .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
     padding: 0.75rem 1.25rem;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
   }
 
   .p-input-filled .p-treeselect {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: #e9ecef;
+    background-color: #f3f4f6;
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
     background-color: #ffffff;
@@ -1705,32 +1804,32 @@
 
   .p-togglebutton.p-button {
     background: #ffffff;
-    border: 1px solid #ced4da;
-    color: #495057;
+    border: 1px solid #d1d5db;
+    color: #4b5563;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-togglebutton.p-button .p-button-icon-left,
 .p-togglebutton.p-button .p-button-icon-right {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-togglebutton.p-button:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
-    border-color: #14B8A6;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
+    border-color: #10b981;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
-    border-color: #ced4da;
-    color: #495057;
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #4b5563;
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-    color: #343a40;
+    color: #374151;
   }
   .p-togglebutton.p-button.p-highlight {
-    background: #14B8A6;
-    border-color: #14B8A6;
+    background: #10b981;
+    border-color: #10b981;
     color: #ffffff;
   }
   .p-togglebutton.p-button.p-highlight .p-button-icon-left,
@@ -1738,8 +1837,8 @@
     color: #ffffff;
   }
   .p-togglebutton.p-button.p-highlight:hover {
-    background: #0D9488;
-    border-color: #0D9488;
+    background: #059669;
+    border-color: #059669;
     color: #ffffff;
   }
   .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
@@ -1752,80 +1851,80 @@
 
   .p-button {
     color: #ffffff;
-    background: #14B8A6;
-    border: 1px solid #14B8A6;
+    background: #10b981;
+    border: 1px solid #10b981;
     padding: 0.75rem 1.25rem;
     font-size: 1rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 6px;
   }
   .p-button:enabled:hover {
-    background: #0D9488;
+    background: #059669;
     color: #ffffff;
-    border-color: #0D9488;
+    border-color: #059669;
   }
   .p-button:enabled:active {
-    background: #0F766E;
+    background: #047857;
     color: #ffffff;
-    border-color: #0F766E;
+    border-color: #047857;
   }
   .p-button.p-button-outlined {
     background-color: transparent;
-    color: #14B8A6;
+    color: #10b981;
     border: 1px solid;
   }
   .p-button.p-button-outlined:enabled:hover {
-    background: rgba(20, 184, 166, 0.04);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
     border: 1px solid;
   }
   .p-button.p-button-outlined:enabled:active {
-    background: rgba(20, 184, 166, 0.16);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
     border: 1px solid;
   }
   .p-button.p-button-outlined.p-button-plain {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-outlined.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button.p-button-text {
     background-color: transparent;
-    color: #14B8A6;
+    color: #10b981;
     border-color: transparent;
   }
   .p-button.p-button-text:enabled:hover {
-    background: rgba(20, 184, 166, 0.04);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
     border-color: transparent;
   }
   .p-button.p-button-text:enabled:active {
-    background: rgba(20, 184, 166, 0.16);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
     border-color: transparent;
   }
   .p-button.p-button-text.p-button-plain {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-button.p-button-text.p-button-plain:enabled:active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-button:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-button .p-button-label {
     transition-duration: 0.2s;
@@ -1847,7 +1946,7 @@
     min-width: 1rem;
     height: 1rem;
     line-height: 1rem;
-    color: #14B8A6;
+    color: #10b981;
     background-color: #ffffff;
   }
   .p-button.p-button-raised {
@@ -2197,13 +2296,13 @@
   }
 
   .p-button.p-button-link {
-    color: #0F766E;
+    color: #047857;
     background: transparent;
     border: transparent;
   }
   .p-button.p-button-link:enabled:hover {
     background: transparent;
-    color: #0F766E;
+    color: #047857;
     border-color: transparent;
   }
   .p-button.p-button-link:enabled:hover .p-button-label {
@@ -2211,12 +2310,12 @@
   }
   .p-button.p-button-link:enabled:focus {
     background: transparent;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
     border-color: transparent;
   }
   .p-button.p-button-link:enabled:active {
     background: transparent;
-    color: #0F766E;
+    color: #047857;
     border-color: transparent;
   }
 
@@ -2239,13 +2338,13 @@
   .p-speeddial-item.p-focus > .p-speeddial-action {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-speeddial-action {
     width: 3rem;
     height: 3rem;
-    background: #495057;
+    background: #4b5563;
     color: #fff;
   }
   .p-speeddial-action:hover {
@@ -2303,54 +2402,54 @@
   }
   .p-splitbutton.p-button-outlined > .p-button {
     background-color: transparent;
-    color: #14B8A6;
+    color: #10b981;
     border: 1px solid;
   }
   .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: rgba(20, 184, 166, 0.04);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
   }
   .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: rgba(20, 184, 166, 0.16);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
-    color: #6c757d;
-    border-color: #6c757d;
+    color: #6b7280;
+    border-color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text > .p-button {
     background-color: transparent;
-    color: #14B8A6;
+    color: #10b981;
     border-color: transparent;
   }
   .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: rgba(20, 184, 166, 0.04);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.04);
+    color: #10b981;
     border-color: transparent;
   }
   .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: rgba(20, 184, 166, 0.16);
-    color: #14B8A6;
+    background: rgba(16, 185, 129, 0.16);
+    color: #10b981;
     border-color: transparent;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #6c757d;
+    background: #f3f4f6;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
-    background: #dee2e6;
-    color: #6c757d;
+    background: #e5e7eb;
+    color: #6b7280;
   }
   .p-splitbutton.p-button-raised {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -2561,7 +2660,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2570,15 +2669,15 @@
   }
   .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
 .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
 .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-carousel .p-carousel-indicators {
     padding: 1rem;
@@ -2588,18 +2687,18 @@
     margin-bottom: 0.5rem;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 2rem;
     height: 0.5rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 0;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
 
   .p-datatable .p-paginator-top {
@@ -2611,17 +2710,17 @@
     border-radius: 0;
   }
   .p-datatable .p-datatable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-datatable .p-datatable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2629,24 +2728,24 @@
   .p-datatable .p-datatable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-datatable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column .p-sortable-column-badge {
@@ -2654,43 +2753,43 @@
     height: 1.143rem;
     min-width: 1.143rem;
     line-height: 1.143rem;
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
     margin-left: 0.5rem;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-datatable .p-sortable-column.p-highlight {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable .p-sortable-column.p-highlight:hover {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable .p-sortable-column:focus-visible {
-    box-shadow: inset 0 0 0 0.15rem #99F6E4;
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
     outline: 0 none;
   }
   .p-datatable .p-datatable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
@@ -2700,7 +2799,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -2710,9 +2809,9 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
@@ -2720,7 +2819,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
@@ -2729,12 +2828,12 @@
     font-weight: 700;
   }
   .p-datatable .p-datatable-tbody > tr:focus-visible {
-    outline: 0.15rem solid #99F6E4;
+    outline: 0.15rem solid #ecfdf5;
     outline-offset: -0.15rem;
   }
   .p-datatable .p-datatable-tbody > tr.p-highlight {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
     box-shadow: inset 0 2px 0 0 #F0FDFA;
@@ -2743,16 +2842,16 @@
     box-shadow: inset 0 -2px 0 0 #F0FDFA;
   }
   .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-datatable .p-column-resizer-helper {
-    background: #14B8A6;
+    background: #10b981;
   }
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-    background-color: #f8f9fa;
+    background-color: #f9fafb;
   }
   .p-datatable .p-datatable-loading-icon {
     font-size: 2rem;
@@ -2820,13 +2919,13 @@
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
-    color: #0F766E;
+    color: #047857;
   }
   .p-datatable.p-datatable-sm .p-datatable-header {
     padding: 0.5rem 0.5rem;
@@ -2868,27 +2967,27 @@
     border-radius: 0;
   }
   .p-dataview .p-dataview-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-dataview .p-dataview-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     padding: 0;
   }
   .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 1px 0;
   }
   .p-dataview .p-dataview-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -2904,54 +3003,54 @@
   .p-column-filter-menu-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-menu-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-column-filter-menu-button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-column-filter-clear-button {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-column-filter-clear-button:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-column-filter-clear-button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-column-filter-overlay {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -2964,41 +3063,41 @@
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #99F6E4;
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-column-filter-overlay-menu .p-column-filter-operator {
     padding: 0.75rem 1.25rem;
-    border-bottom: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     margin: 0;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint {
     padding: 1.25rem;
-    border-bottom: 1px solid #dee2e6;
+    border-bottom: 1px solid #e5e7eb;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
@@ -3023,9 +3122,9 @@
     margin-bottom: 0.5rem;
   }
   .p-orderlist .p-orderlist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3033,9 +3132,9 @@
     border-top-left-radius: 6px;
   }
   .p-orderlist .p-orderlist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3045,58 +3144,58 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
     background: #fcfcfc;
   }
   .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-organizationchart .p-organizationchart-node-content.p-highlight {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
     color: #80eed5;
   }
   .p-organizationchart .p-organizationchart-line-down {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-left {
-    border-right: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-right: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-line-top {
-    border-top: 1px solid #dee2e6;
-    border-color: #dee2e6;
+    border-top: 1px solid #e5e7eb;
+    border-color: #e5e7eb;
   }
   .p-organizationchart .p-organizationchart-node-content {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
   }
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
@@ -3107,13 +3206,13 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-paginator {
     background: #ffffff;
-    color: #6c757d;
-    border: solid #e9ecef;
+    color: #6b7280;
+    border: solid #f3f4f6;
     border-width: 0;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -3124,7 +3223,7 @@
 .p-paginator .p-paginator-last {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3135,9 +3234,9 @@
 .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
   .p-paginator .p-paginator-first {
     border-top-left-radius: 50%;
@@ -3165,7 +3264,7 @@
   .p-paginator .p-paginator-current {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3174,7 +3273,7 @@
   .p-paginator .p-paginator-pages .p-paginator-page {
     background-color: transparent;
     border: 0 none;
-    color: #6c757d;
+    color: #6b7280;
     min-width: 3rem;
     height: 3rem;
     margin: 0.143rem;
@@ -3184,12 +3283,12 @@
   .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
     background: #F0FDFA;
     border-color: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
     border-color: transparent;
-    color: #343a40;
+    color: #374151;
   }
 
   .p-picklist .p-picklist-buttons {
@@ -3199,9 +3298,9 @@
     margin-bottom: 0.5rem;
   }
   .p-picklist .p-picklist-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     font-weight: 700;
     border-bottom: 0 none;
@@ -3209,9 +3308,9 @@
     border-top-left-radius: 6px;
   }
   .p-picklist .p-picklist-list {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
@@ -3221,41 +3320,41 @@
     padding: 0.75rem 1.25rem;
     margin: 0;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     background: transparent;
     transition: transform 0.2s, box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
     background: #fcfcfc;
   }
   .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-    background: #e9ecef;
+    background: #f3f4f6;
   }
 
   .p-timeline .p-timeline-event-marker {
-    border: 2px solid #14B8A6;
+    border: 2px solid #10b981;
     border-radius: 50%;
     width: 1rem;
     height: 1rem;
     background-color: #ffffff;
   }
   .p-timeline .p-timeline-event-connector {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3273,9 +3372,9 @@
   }
 
   .p-tree {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 1.25rem;
     border-radius: 6px;
   }
@@ -3286,7 +3385,7 @@
   .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #99F6E4;
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3297,47 +3396,47 @@
     margin-right: 0.5rem;
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
     margin-right: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
     margin-right: 0.5rem;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
-    color: #0F766E;
+    color: #047857;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-tree .p-tree-filter-container {
     margin-bottom: 0.5rem;
@@ -3348,7 +3447,7 @@
   }
   .p-tree .p-tree-filter-container .p-tree-filter-icon {
     right: 0.75rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tree .p-treenode-children {
     padding: 0 0 0 1rem;
@@ -3370,17 +3469,17 @@
     border-radius: 0;
   }
   .p-treetable .p-treetable-header {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 1px 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
   }
   .p-treetable .p-treetable-footer {
-    background: #f8f9fa;
-    color: #343a40;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #374151;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
     font-weight: 700;
@@ -3388,27 +3487,27 @@
   .p-treetable .p-treetable-thead > tr > th {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tfoot > tr > td {
     text-align: left;
     padding: 1rem 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     font-weight: 700;
-    color: #343a40;
-    background: #f8f9fa;
+    color: #374151;
+    background: #f9fafb;
   }
   .p-treetable .p-sortable-column {
-    outline-color: #99F6E4;
+    outline-color: #ecfdf5;
   }
   .p-treetable .p-sortable-column .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column .p-sortable-column-badge {
@@ -3416,39 +3515,39 @@
     height: 1.143rem;
     min-width: 1.143rem;
     line-height: 1.143rem;
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
     margin-left: 0.5rem;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #343a40;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
-    color: #343a40;
+    color: #374151;
   }
   .p-treetable .p-sortable-column.p-highlight {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-treetable .p-treetable-tbody > tr {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
   }
   .p-treetable .p-treetable-tbody > tr > td {
     text-align: left;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 1px 0;
     padding: 1rem 1rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3456,48 +3555,48 @@
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
     margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
-    outline: 0.15rem solid #99F6E4;
+    outline: 0.15rem solid #ecfdf5;
     outline-offset: -0.15rem;
   }
   .p-treetable .p-treetable-tbody > tr.p-highlight {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
-    color: #0F766E;
+    color: #047857;
   }
   .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
-    color: #0F766E;
+    color: #047857;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
-    color: #495057;
+    color: #4b5563;
   }
   .p-treetable .p-column-resizer-helper {
-    background: #14B8A6;
+    background: #10b981;
   }
   .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-treetable .p-treetable-loading-icon {
     font-size: 2rem;
@@ -3560,9 +3659,9 @@
 
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
     transition: box-shadow 0.2s;
@@ -3573,30 +3672,30 @@
   .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem #99F6E4;
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
   .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-accordion .p-accordion-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -3609,7 +3708,7 @@
 
   .p-card {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     border-radius: 6px;
   }
@@ -3624,7 +3723,7 @@
   .p-card .p-card-subtitle {
     font-weight: 400;
     margin-bottom: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-card .p-card-content {
     padding: 1.25rem 0;
@@ -3634,16 +3733,16 @@
   }
 
   .p-fieldset {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-radius: 6px;
   }
   .p-fieldset .p-fieldset-legend {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #374151;
+    background: #f9fafb;
     font-weight: 700;
     border-radius: 6px;
   }
@@ -3653,7 +3752,7 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
     padding: 1.25rem;
-    color: #343a40;
+    color: #374151;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
@@ -3663,15 +3762,15 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
-    color: #343a40;
+    color: #374151;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-fieldset .p-fieldset-content {
     padding: 1.25rem;
@@ -3685,7 +3784,7 @@
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px #dee2e6;
+    border-top: 1px #e5e7eb;
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -3695,17 +3794,17 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px #dee2e6;
+    border-left: 1px #e5e7eb;
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
 
   .p-panel .p-panel-header {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
-    background: #f8f9fa;
-    color: #343a40;
+    background: #f9fafb;
+    color: #374151;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
@@ -3715,30 +3814,30 @@
   .p-panel .p-panel-header .p-panel-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-panel.p-panel-toggleable .p-panel-header {
     padding: 0.75rem 1.25rem;
   }
   .p-panel .p-panel-content {
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0 none;
   }
   .p-panel .p-panel-content:last-child {
@@ -3747,62 +3846,62 @@
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
 
   .p-scrollpanel .p-scrollpanel-bar {
-    background: #f8f9fa;
+    background: #f9fafb;
     border: 0 none;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-scrollpanel .p-scrollpanel-bar:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-splitter {
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
     border-radius: 6px;
-    color: #495057;
+    color: #4b5563;
   }
   .p-splitter .p-splitter-gutter {
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-    background: #f8f9fa;
+    background: #f9fafb;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: #dee2e6;
+    background: #e5e7eb;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: #dee2e6;
+    background: #e5e7eb;
   }
 
   .p-tabview .p-tabview-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabview .p-tabview-nav li {
     margin-right: 0;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -3813,21 +3912,21 @@
   .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem #99F6E4;
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
     background: #ffffff;
-    border-color: #14B8A6;
-    color: #14B8A6;
+    border-color: #10b981;
+    color: #10b981;
   }
   .p-tabview .p-tabview-nav-btn.p-link {
     background: #ffffff;
-    color: #14B8A6;
+    color: #10b981;
     width: 3rem;
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
@@ -3835,20 +3934,20 @@
   .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem #99F6E4;
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-tabview .p-tabview-panels {
     background: #ffffff;
     padding: 1.25rem;
     border: 0 none;
-    color: #495057;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
 
   .p-toolbar {
-    background: #f8f9fa;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
     border-radius: 6px;
     gap: 0.5rem;
@@ -3859,7 +3958,7 @@
 
   .p-confirm-popup {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -3913,7 +4012,7 @@
   .p-dialog .p-dialog-header {
     border-bottom: 0 none;
     background: #ffffff;
-    color: #343a40;
+    color: #374151;
     padding: 1.5rem;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -3925,7 +4024,7 @@
   .p-dialog .p-dialog-header .p-dialog-header-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -3933,21 +4032,21 @@
     margin-right: 0.5rem;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
     margin-right: 0;
   }
   .p-dialog .p-dialog-content {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 2rem 1.5rem;
   }
   .p-dialog .p-dialog-content:last-of-type {
@@ -3957,7 +4056,7 @@
   .p-dialog .p-dialog-footer {
     border-top: 0 none;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     padding: 0 1.5rem 1.5rem 1.5rem;
     text-align: right;
     border-bottom-right-radius: 6px;
@@ -3976,7 +4075,7 @@
 
   .p-overlaypanel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -3985,7 +4084,7 @@
     padding: 1.25rem;
   }
   .p-overlaypanel .p-overlaypanel-close {
-    background: #14B8A6;
+    background: #10b981;
     color: #ffffff;
     width: 2rem;
     height: 2rem;
@@ -3996,7 +4095,7 @@
     right: -1rem;
   }
   .p-overlaypanel .p-overlaypanel-close:enabled:hover {
-    background: #0D9488;
+    background: #059669;
     color: #ffffff;
   }
   .p-overlaypanel:after {
@@ -4018,7 +4117,7 @@
 
   .p-sidebar {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   }
@@ -4029,7 +4128,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;
     height: 2rem;
-    color: #6c757d;
+    color: #6b7280;
     border: 0 none;
     background: transparent;
     border-radius: 50%;
@@ -4037,15 +4136,15 @@
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-    color: #343a40;
+    color: #374151;
     border-color: transparent;
-    background: #e9ecef;
+    background: #f3f4f6;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-sidebar .p-sidebar-header + .p-sidebar-content {
     padding-top: 0;
@@ -4055,30 +4154,30 @@
   }
 
   .p-tooltip .p-tooltip-text {
-    background: #495057;
+    background: #4b5563;
     color: #ffffff;
     padding: 0.75rem 0.75rem;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-    border-right-color: #495057;
+    border-right-color: #4b5563;
   }
   .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-    border-left-color: #495057;
+    border-left-color: #4b5563;
   }
   .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-    border-top-color: #495057;
+    border-top-color: #4b5563;
   }
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-    border-bottom-color: #495057;
+    border-bottom-color: #4b5563;
   }
 
   .p-fileupload .p-fileupload-buttonbar {
-    background: #f8f9fa;
+    background: #f9fafb;
     padding: 1.25rem;
-    border: 1px solid #dee2e6;
-    color: #343a40;
+    border: 1px solid #e5e7eb;
+    color: #374151;
     border-bottom: 0 none;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -4087,23 +4186,23 @@
   .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-fileupload .p-fileupload-content {
     background: #ffffff;
     padding: 2rem 1rem;
-    border: 1px solid #dee2e6;
-    color: #495057;
+    border: 1px solid #e5e7eb;
+    color: #4b5563;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
   .p-fileupload .p-fileupload-content.p-fileupload-highlight {
-    border: 1px dashed #14B8A6;
+    border: 1px dashed #10b981;
     background-color: #F0FDFA;
   }
   .p-fileupload .p-fileupload-file {
     padding: 1rem;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -4128,19 +4227,19 @@
   }
 
   .p-fileupload-choose:not(.p-disabled):hover {
-    background: #0D9488;
+    background: #059669;
     color: #ffffff;
-    border-color: #0D9488;
+    border-color: #059669;
   }
   .p-fileupload-choose:not(.p-disabled):active {
-    background: #0F766E;
+    background: #047857;
     color: #ffffff;
-    border-color: #0F766E;
+    border-color: #047857;
   }
 
   .p-breadcrumb {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     padding: 1rem;
   }
@@ -4151,29 +4250,29 @@
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
     margin: 0 0.5rem 0 0.5rem;
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-contextmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     border-radius: 6px;
@@ -4190,60 +4289,60 @@
     border-radius: 6px;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #0F766E;
+    color: #047857;
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-contextmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4270,7 +4369,7 @@
   .p-dock .p-dock-item.p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #99F6E4;
+    box-shadow: inset 0 0 0 0.15rem #ecfdf5;
   }
   .p-dock .p-dock-link {
     width: 4rem;
@@ -4325,77 +4424,77 @@
   }
   .p-megamenu {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-megamenu .p-megamenu-root-list {
     outline: 0 none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #0F766E;
+    color: #047857;
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-megamenu .p-megamenu-panel {
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-megamenu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4406,7 +4505,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-vertical {
@@ -4414,7 +4513,7 @@
     padding: 0.25rem 0;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4423,87 +4522,87 @@
     user-select: none;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
 
   .p-menu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #0F766E;
+    color: #047857;
   }
   .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menu.p-menu-overlay {
     background: #ffffff;
@@ -4513,29 +4612,29 @@
   .p-menu .p-submenu-header {
     margin: 0;
     padding: 0.75rem 1.25rem;
-    color: #343a40;
+    color: #374151;
     background: #ffffff;
     font-weight: 700;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
   .p-menu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
 
   .p-menubar {
     padding: 0.5rem;
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    background: #f9fafb;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
   }
   .p-menubar .p-menubar-root-list {
     outline: 0 none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
@@ -4544,78 +4643,78 @@
     user-select: none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-left: 0.5rem;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #0F766E;
+    color: #047857;
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
@@ -4625,7 +4724,7 @@
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4640,18 +4739,18 @@
       display: flex;
       width: 2rem;
       height: 2rem;
-      color: #6c757d;
+      color: #6b7280;
       border-radius: 50%;
       transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     }
     .p-menubar .p-menubar-button:hover {
-      color: #6c757d;
-      background: #e9ecef;
+      color: #6b7280;
+      background: #f3f4f6;
     }
     .p-menubar .p-menubar-button:focus {
       outline: 0 none;
       outline-offset: 0;
-      box-shadow: 0 0 0 0.2rem #99F6E4;
+      box-shadow: 0 0 0 0.2rem #ecfdf5;
     }
     .p-menubar .p-menubar-root-list {
       position: absolute;
@@ -4663,7 +4762,7 @@
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menuitem-separator {
-      border-top: 1px solid #dee2e6;
+      border-top: 1px solid #e5e7eb;
       margin: 0.25rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4724,14 +4823,14 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-    border: 1px solid #dee2e6;
-    color: #6c757d;
-    background: #f8f9fa;
+    border: 1px solid #e5e7eb;
+    color: #6b7280;
+    background: #f9fafb;
     border-radius: 6px;
     transition: box-shadow 0.2s;
   }
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
   }
@@ -4744,31 +4843,31 @@
   .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem #99F6E4;
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
-    background: #e9ecef;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f3f4f6;
+    border-color: #e5e7eb;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    color: #343a40;
+    background: #f9fafb;
+    border-color: #e5e7eb;
+    color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
   .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
-    border-color: #dee2e6;
-    background: #e9ecef;
-    color: #343a40;
+    border-color: #e5e7eb;
+    background: #f3f4f6;
+    color: #374151;
   }
   .p-panelmenu .p-panelmenu-content {
     padding: 0.25rem 0;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     background: #ffffff;
-    color: #495057;
+    color: #4b5563;
     border-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
@@ -4779,63 +4878,63 @@
     outline: 0 none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #0F766E;
+    color: #047857;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
@@ -4852,8 +4951,8 @@
     background: #ffffff;
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-    color: #495057;
-    border: 1px solid #e9ecef;
+    color: #4b5563;
+    border: 1px solid #f3f4f6;
     background: #ffffff;
     min-width: 2rem;
     height: 2rem;
@@ -4864,24 +4963,24 @@
   }
   .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
     margin-top: 0.5rem;
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-steps .p-steps-item.p-highlight .p-steps-number {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-steps .p-steps-item.p-highlight .p-steps-title {
     font-weight: 700;
-    color: #495057;
+    color: #4b5563;
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     width: 100%;
     top: 50%;
     left: 0;
@@ -4892,18 +4991,18 @@
 
   .p-tabmenu .p-tabmenu-nav {
     background: #ffffff;
-    border: 1px solid #dee2e6;
+    border: 1px solid #e5e7eb;
     border-width: 0 0 2px 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
     margin-right: 0;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    border: solid #dee2e6;
+    border: solid #e5e7eb;
     border-width: 0 0 2px 0;
-    border-color: transparent transparent #dee2e6 transparent;
+    border-color: transparent transparent #e5e7eb transparent;
     background: #ffffff;
-    color: #6c757d;
+    color: #6b7280;
     padding: 1.25rem;
     font-weight: 700;
     border-top-right-radius: 6px;
@@ -4917,24 +5016,24 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 0.2rem #99F6E4;
+    box-shadow: inset 0 0 0 0.2rem #ecfdf5;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
     background: #ffffff;
-    border-color: #adb5bd;
-    color: #6c757d;
+    border-color: #9ca3af;
+    color: #6b7280;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
     background: #ffffff;
-    border-color: #14B8A6;
-    color: #14B8A6;
+    border-color: #10b981;
+    color: #10b981;
   }
 
   .p-tieredmenu {
     padding: 0.25rem 0;
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     border-radius: 6px;
     width: 12.5rem;
   }
@@ -4953,60 +5052,60 @@
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content {
-    color: #495057;
+    color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    color: #495057;
+    color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
-    color: #6c757d;
+    color: #6b7280;
     margin-right: 0.5rem;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
-    color: #0F766E;
+    color: #047857;
     background: #F0FDFA;
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #0F766E;
+    color: #047857;
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #0F766E;
+    color: #047857;
   }
   .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
-    background: rgba(20, 184, 166, 0.24);
+    background: rgba(16, 185, 129, 0.24);
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
-    color: #495057;
-    background: #dee2e6;
+    color: #4b5563;
+    background: #e5e7eb;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
-    color: #495057;
-    background: #e9ecef;
+    color: #4b5563;
+    background: #f3f4f6;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
-    color: #495057;
+    color: #4b5563;
   }
   .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
-    color: #6c757d;
+    color: #6b7280;
   }
   .p-tieredmenu .p-menuitem-separator {
-    border-top: 1px solid #dee2e6;
+    border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5089,7 +5188,7 @@
   .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-message.p-message-info {
     background: #e9e9ff;
@@ -5193,7 +5292,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-toast .p-toast-message.p-toast-message-info {
     background: #e9e9ff;
@@ -5239,7 +5338,7 @@
   .p-galleria .p-galleria-close {
     margin: 0.5rem;
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5254,11 +5353,11 @@
   }
   .p-galleria .p-galleria-close:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-item-nav {
     background: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 4rem;
     height: 4rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5275,29 +5374,29 @@
   }
   .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-caption {
     background: rgba(0, 0, 0, 0.5);
-    color: #f8f9fa;
+    color: #f9fafb;
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators {
     padding: 1rem;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-    background-color: #ced4da;
+    background-color: #d1d5db;
     width: 1rem;
     height: 1rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-    background: #adb5bd;
+    background: #9ca3af;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
     margin-right: 0.5rem;
@@ -5316,7 +5415,7 @@
   }
   .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
     background: #F0FDFA;
-    color: #0F766E;
+    color: #047857;
   }
   .p-galleria .p-galleria-thumbnail-container {
     background: rgba(0, 0, 0, 0.9);
@@ -5326,7 +5425,7 @@
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
     margin: 0.5rem;
     background-color: transparent;
-    color: #f8f9fa;
+    color: #f9fafb;
     width: 2rem;
     height: 2rem;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5335,12 +5434,12 @@
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
     background: rgba(255, 255, 255, 0.1);
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-galleria-mask {
@@ -5394,7 +5493,7 @@
   }
 
   .p-avatar {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-avatar.p-avatar-lg {
@@ -5419,7 +5518,7 @@
   }
 
   .p-badge {
-    background: #14B8A6;
+    background: #10b981;
     color: #ffffff;
     font-size: 0.75rem;
     font-weight: 700;
@@ -5461,8 +5560,8 @@
   }
 
   .p-chip {
-    background-color: #dee2e6;
-    color: #495057;
+    background-color: #e5e7eb;
+    color: #4b5563;
     border-radius: 16px;
     padding: 0 0.75rem;
   }
@@ -5488,7 +5587,7 @@
   .p-chip .p-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
   .p-chip .p-chip-remove-icon:focus {
     outline: 0 none;
@@ -5500,25 +5599,25 @@
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
   .p-inplace .p-inplace-display:not(.p-disabled):hover {
-    background: #e9ecef;
-    color: #495057;
+    background: #f3f4f6;
+    color: #4b5563;
   }
   .p-inplace .p-inplace-display:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #99F6E4;
+    box-shadow: 0 0 0 0.2rem #ecfdf5;
   }
 
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;
-    background: #dee2e6;
+    background: #e5e7eb;
     border-radius: 6px;
   }
   .p-progressbar .p-progressbar-value {
     border: 0 none;
     margin: 0;
-    background: #14B8A6;
+    background: #10b981;
   }
   .p-progressbar .p-progressbar-label {
     color: #ffffff;
@@ -5585,7 +5684,7 @@
   }
   .p-scrolltop .p-scrolltop-icon {
     font-size: 1.5rem;
-    color: #f8f9fa;
+    color: #f9fafb;
   }
   .p-scrolltop .p-scrolltop-icon.p-icon {
     width: 1.5rem;
@@ -5593,7 +5692,7 @@
   }
 
   .p-skeleton {
-    background-color: #dee2e6;
+    background-color: #e5e7eb;
     border-radius: 6px;
   }
   .p-skeleton:after {
@@ -5601,7 +5700,7 @@
   }
 
   .p-tag {
-    background: #14B8A6;
+    background: #10b981;
     color: #ffffff;
     font-size: 0.75rem;
     font-weight: 700;
@@ -5635,8 +5734,8 @@
 
   .p-terminal {
     background: #ffffff;
-    color: #495057;
-    border: 1px solid #dee2e6;
+    color: #4b5563;
+    border: 1px solid #e5e7eb;
     padding: 1.25rem;
   }
   .p-terminal .p-terminal-input {
@@ -5659,15 +5758,15 @@
   }
 
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-    background-color: #14B8A6;
+    background-color: #10b981;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-    background-color: #14B8A6;
+    background-color: #10b981;
   }
 
   .p-button:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black;
+    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black;
   }
   .p-button.p-button-secondary:enabled:focus {
     box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
@@ -5689,13 +5788,13 @@
   }
 
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-    box-shadow: inset 0 2px 0 0 #14B8A6;
+    box-shadow: inset 0 2px 0 0 #10b981;
   }
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-    box-shadow: inset 0 -2px 0 0 #14B8A6;
+    box-shadow: inset 0 -2px 0 0 #10b981;
   }
 
   .p-speeddial-item.p-focus > .p-speeddial-action {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black;
+    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black;
   }
 }