@featherk/styles 0.6.6 → 0.6.8

package/dist/v8.2.0/css/featherk-beautified.css

@@ -1,11 +1,4 @@
 /* Compatible with @progress/kendo-theme-default v.8.2.0 */
-@font-face {
-  font-family: Inter;
-  src: url("../fonts/Inter-Regular.woff2") format("woff2");
-  font-style: normal;
-  font-weight: 400;
-  font-display: auto;
-}
 @font-face {
   font-family: Inter;
   src: url("../fonts/Inter-Light.woff2") format("woff2");
@@ -22,30 +15,30 @@
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
+  src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
   font-style: italic;
-  font-weight: 700;
+  font-weight: 300;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
+  src: url("../fonts/Inter-Italic.woff2") format("woff2");
   font-style: italic;
-  font-weight: 500;
+  font-weight: 400;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
-  font-style: italic;
-  font-weight: 300;
+  src: url("../fonts/Inter-Regular.woff2") format("woff2");
+  font-style: normal;
+  font-weight: 400;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-Italic.woff2") format("woff2");
+  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
   font-style: italic;
-  font-weight: 400;
+  font-weight: 500;
   font-display: auto;
 }
 @font-face {
@@ -55,12 +48,19 @@
   font-weight: 500;
   font-display: auto;
 }
+@font-face {
+  font-family: Inter;
+  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
+  font-style: italic;
+  font-weight: 700;
+  font-display: auto;
+}
 :root {
   --kendo-color-app-surface: rgb(252, 252, 255);
   --kendo-color-on-app-surface: rgba(10, 12, 27, 0.7);
   --kendo-color-subtle: rgba(10, 12, 27, 0.6);
   --kendo-color-surface: rgb(252, 252, 255);
-  --kendo-color-surface-alt: rgb(242, 242, 250);
+  --kendo-color-surface-alt: rgb(252, 252, 255);
   --kendo-color-border: rgba(10, 12, 27, 0.12);
   --kendo-color-border-alt: rgba(10, 12, 27, 0.06);
   --kendo-color-base-subtle: #ebebeb;
@@ -14439,10 +14439,10 @@ kendo-sortable {
   color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-text-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .\!k-text-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255)) !important;
 }
 .k-text-border {
   color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -14694,10 +14694,10 @@ kendo-sortable {
   color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-color-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .\!k-color-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255)) !important;
 }
 .k-color-border {
   color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -15174,12 +15174,12 @@ kendo-sortable {
   background-color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-bg-surface-alt {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .\!k-bg-surface-alt {
   background-color: var(
     --kendo-color-surface-alt,
-    rgb(242, 242, 250)
+    rgb(252, 252, 255)
   ) !important;
 }
 .k-bg-border {
@@ -15543,10 +15543,10 @@ kendo-sortable {
   border-color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-border-surface-alt {
-  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  border-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .\!k-border-surface-alt {
-  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
+  border-color: var(--kendo-color-surface-alt, rgb(252, 252, 255)) !important;
 }
 .k-border-border {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -17091,10 +17091,10 @@ kendo-sortable {
   outline-color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-outline-surface-alt {
-  outline-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  outline-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .\!k-outline-surface-alt {
-  outline-color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
+  outline-color: var(--kendo-color-surface-alt, rgb(252, 252, 255)) !important;
 }
 .k-outline-border {
   outline-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -24085,7 +24085,7 @@ kendo-sortable {
 .k-listgroup {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-overlay {
   width: 100%;
@@ -24888,7 +24888,7 @@ kendo-badge-container {
   transform: translate(-100%, 100%);
 }
 .k-badge-border-cutout {
-  box-shadow: 0 0 0 2px var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  box-shadow: 0 0 0 2px var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-badge-solid-primary {
   border-color: var(--kendo-color-primary, #003583);
@@ -25140,7 +25140,7 @@ kendo-badge-container {
 }
 .k-chip-solid-base:hover,
 .k-chip-solid-base.k-hover {
-  background-color: #f2f2fa;
+  background-color: #ededf5;
 }
 .k-chip-solid-base.k-selected {
   background-color: rgba(10, 12, 27, 0.7);
@@ -27622,7 +27622,7 @@ kendo-badge-container {
 .k-menu-scroll-wrapper .k-menu-scroll-button {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-primary, #003583);
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-menu-scroll-wrapper .k-menu-scroll-button:hover {
   color: var(--kendo-color-primary-hover, rgb(0, 50.88, 125.76));
@@ -31371,7 +31371,7 @@ select.k-picker-lg {
 .k-timeselector {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-time-header .k-time-now,
 .k-time-selector-header .k-time-now {
@@ -31393,7 +31393,7 @@ select.k-picker-lg {
 }
 .k-time-list::before,
 .k-time-list::after {
-  box-shadow: 0 0 3em 1.5em var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  box-shadow: 0 0 3em 1.5em var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-time-list .k-item:hover {
   color: var(--kendo-color-primary, #003583);
@@ -31403,7 +31403,7 @@ select.k-picker-lg {
 }
 .k-time-highlight {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-captcha {
   width: 280px;
@@ -31452,9 +31452,9 @@ select.k-picker-lg {
   font-style: italic;
 }
 .k-captcha {
-  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  border-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-colorpalette {
   border-width: 0;
@@ -33868,7 +33868,7 @@ select.k-picker-lg {
 .k-actionsheet {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   box-shadow: var(
     --kendo-elevation-7,
     0 14px 16px rgba(0, 0, 0, 0.24),
@@ -34099,8 +34099,8 @@ select.k-picker-lg {
 .k-dialog-actions {
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
-  padding-block: 0.5rem;
-  padding-inline: 0.5rem;
+  padding-block: 1rem;
+  padding-inline: 1rem;
   border-width: 1px 0 0;
   border-style: solid;
   border-color: inherit;
@@ -34479,9 +34479,9 @@ kendo-card-footer {
 .k-card .k-card-avatar,
 .k-card .k-avatar {
   margin-right: 1rem;
-  width: 45px;
-  height: 45px;
-  flex-basis: 45px;
+  width: 48px;
+  height: 48px;
+  flex-basis: 48px;
 }
 .k-card > .k-card-inner {
   border-radius: calc(0.5rem - 1px);
@@ -34546,7 +34546,7 @@ kendo-card-footer {
   overflow: hidden;
 }
 .k-card-horizontal .k-card-media {
-  max-width: 100px;
+  max-width: 104px;
   -o-object-fit: cover;
   object-fit: cover;
 }
@@ -34585,8 +34585,8 @@ kendo-card-footer {
   border-color: inherit;
 }
 .k-card-actions {
-  padding-block: 0.5rem;
-  padding-inline: 0.5rem;
+  padding-block: 1rem;
+  padding-inline: 1rem;
   border-width: 0;
   border-style: solid;
   border-color: inherit;
@@ -34708,7 +34708,7 @@ kendo-card-footer {
 .k-card {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-card .k-card-inner {
   background-color: inherit;
@@ -35278,7 +35278,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-primary {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
@@ -35298,7 +35298,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-secondary {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
@@ -35318,7 +35318,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-tertiary {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
@@ -35338,7 +35338,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-info {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-info .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus,
@@ -35358,7 +35358,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-success {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-success .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus,
@@ -35378,7 +35378,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-warning {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
@@ -35398,7 +35398,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-error {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-error .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus,
@@ -35418,7 +35418,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-dark {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
@@ -35438,7 +35438,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-light {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-light .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus,
@@ -35458,7 +35458,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-inverse {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
@@ -36038,12 +36038,12 @@ kendo-card-footer {
   background-color: #fcfcff;
 }
 .k-stepper .k-step-indicator::after {
-  box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-stepper .k-step-label:only-child {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-stepper .k-step-done .k-step-indicator {
   border-color: #003583;
@@ -36622,7 +36622,7 @@ kendo-card-footer {
   );
   background-color: var(
     --kendo-component-bg,
-    var(--kendo-color-surface-alt, rgb(242, 242, 250))
+    var(--kendo-color-surface-alt, rgb(252, 252, 255))
   );
   padding-inline: var(--kendo-spacing-2, 0.5rem);
   padding-block: var(--kendo-spacing-1, 0.25rem);
@@ -36644,7 +36644,7 @@ kendo-card-footer {
   );
   background-color: var(
     --kendo-component-bg,
-    var(--kendo-color-surface-alt, rgb(242, 242, 250))
+    var(--kendo-color-surface-alt, rgb(252, 252, 255))
   );
 }
 :where(.k-content) {
@@ -36658,7 +36658,7 @@ kendo-card-footer {
   );
   background-color: var(
     --kendo-component-bg,
-    var(--kendo-color-surface-alt, rgb(242, 242, 250))
+    var(--kendo-color-surface-alt, rgb(252, 252, 255))
   );
 }
 .k-panelbar {
@@ -37611,7 +37611,7 @@ kendo-card-footer {
   background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-var--background {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-var--border-radius {
   background-color: var(--kendo-border-radius-md, 0.25rem);
@@ -37882,13 +37882,13 @@ kendo-card-footer {
   background-color: rgba(0, 0, 0, 0);
 }
 .k-mask {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   opacity: 0.8;
 }
 .k-treemap {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-treemap .k-treemap-title {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -37896,7 +37896,7 @@ kendo-card-footer {
   background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-treemap .k-leaf {
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-treemap .k-leaf.k-inverse {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -38285,7 +38285,7 @@ kendo-card-footer {
 .k-view {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-pane-wrapper .k-pane > .k-view > .k-content {
   background-position: 50% 50%;
@@ -39691,7 +39691,7 @@ div.k-grid-norecords {
   box-shadow: none;
 }
 .k-grid-content {
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-group-footer td,
 .k-grouping-row td,
@@ -39710,7 +39710,7 @@ div.k-grid-norecords {
 .k-grid {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-grid .k-table-row.k-table-alt-row {
   background-color: color-mix(
@@ -39886,12 +39886,12 @@ col.k-sorted,
 .k-master-row .k-grid-content-sticky {
   border-color: rgba(0, 0, 0, 0.3);
   border-top-color: rgba(10, 12, 27, 0.12);
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-master-row .k-grid-row-sticky {
   border-top-color: rgba(0, 0, 0, 0.3);
   border-bottom-color: rgba(0, 0, 0, 0.3);
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-master-row.k-table-alt-row .k-grid-content-sticky,
 .k-master-row.k-table-alt-row .k-grid-row-sticky {
@@ -39901,7 +39901,7 @@ col.k-sorted,
 .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
 .k-master-row.k-table-row td.k-grid-content-sticky.k-selected,
 .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before,
 .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky::before,
@@ -39964,7 +39964,7 @@ kendo-grid.k-grid .k-grid-content-sticky {
   border-top-color: rgba(10, 12, 27, 0.12);
   border-left-color: rgba(0, 0, 0, 0.3);
   border-right-color: rgba(0, 0, 0, 0.3);
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 kendo-grid.k-grid .k-grid-content-sticky:hover,
 kendo-grid.k-grid .k-grid-content-sticky.k-hover {
@@ -39974,7 +39974,7 @@ kendo-grid.k-grid .k-grid-row-sticky td,
 kendo-grid.k-grid .k-grid-row-sticky .k-table-td {
   border-top-color: rgba(0, 0, 0, 0.3);
   border-bottom-color: rgba(0, 0, 0, 0.3);
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 kendo-grid.k-grid .k-grid-row-sticky:hover td,
 kendo-grid.k-grid .k-grid-row-sticky.k-hover td,
@@ -39993,7 +39993,7 @@ kendo-grid.k-grid .k-grid-row-sticky td.k-selected,
 kendo-grid.k-grid .k-selected.k-grid-row-sticky .k-table-td,
 kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-selected,
 kendo-grid.k-grid .k-selected.k-grid-content-sticky {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky::before,
 kendo-grid.k-grid .k-selected.k-grid-row-sticky td::before,
@@ -40162,7 +40162,7 @@ kendo-grid.k-grid
   border-color: rgba(10, 12, 27, 0.12);
 }
 .k-grid-norecords-template {
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
   border-color: rgba(10, 12, 27, 0.12);
 }
 .k-resizer-wrap.k-hover .k-row-resizer {
@@ -41137,7 +41137,7 @@ kendo-grid.k-grid
 .k-spreadsheet {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-spreadsheet-header {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -41153,13 +41153,13 @@ kendo-grid.k-grid
 }
 .k-spreadsheet-cell-editor {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-spreadsheet-merged-cell {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-spreadsheet-disabled-mask {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-spreadsheet .k-selection-full,
 .k-spreadsheet .k-selection-partial {
@@ -41182,11 +41182,11 @@ kendo-grid.k-grid
   border-color: var(--kendo-color-primary, #003583);
 }
 .k-spreadsheet .k-single-selection::after {
-  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  border-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   background-color: var(--kendo-color-primary, #003583);
 }
 .k-spreadsheet-active-cell {
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #003583);
 }
 .k-spreadsheet .k-auto-fill {
@@ -41200,7 +41200,7 @@ kendo-grid.k-grid
 }
 .k-spreadsheet .k-auto-fill-punch {
   background-color: rgba(
-    var(--kendo-color-surface-alt, rgb(242, 242, 250)),
+    var(--kendo-color-surface-alt, rgb(252, 252, 255)),
     0.5
   );
 }
@@ -41242,7 +41242,7 @@ kendo-grid.k-grid
 .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-spreadsheet-insert-image-dialog {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -41253,7 +41253,7 @@ kendo-grid.k-grid
 }
 .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
 .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-spreadsheet-drawing.k-spreadsheet-active-drawing {
   outline-color: var(--kendo-color-primary, #003583);
@@ -41850,7 +41850,7 @@ kendo-grid.k-grid
 .k-pivotgrid {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-pivotgrid-column-headers,
 .k-pivotgrid-row-headers,
@@ -41907,7 +41907,7 @@ kendo-grid.k-grid
 .k-pivotgrid-configurator-panel {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-pivotgrid-configurator-header {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -41918,7 +41918,7 @@ kendo-grid.k-grid
 .k-calculated-field {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-calculated-field-header {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -41964,7 +41964,7 @@ kendo-grid.k-grid
 .k-pivot {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-pivot-table {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -42387,7 +42387,7 @@ kendo-grid.k-grid
 .k-filemanager {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-filemanager-breadcrumb {
   background-color: #fcfcff;
@@ -42580,7 +42580,7 @@ kendo-grid.k-grid
 .k-taskboard-pane {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-taskboard-pane-header {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -42588,7 +42588,7 @@ kendo-grid.k-grid
 .k-taskboard-card {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
 }
 .k-taskboard-card .k-card-title {
   color: var(--kendo-color-primary, #003583);
@@ -43163,7 +43163,7 @@ kendo-grid.k-grid
 .k-editor {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-editor.k-readonly .k-editor-content.k-focus {
   outline-color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -43341,7 +43341,7 @@ kendo-grid.k-grid
 .k-imageeditor {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-imageeditor-content {
   background-color: #c6c6c6;
@@ -44138,7 +44138,7 @@ kendo-grid.k-grid
 .k-gantt {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -44178,7 +44178,7 @@ kendo-grid.k-grid
 .k-task-dot:hover::before,
 .k-task-dot.k-hover::before {
   border-color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-task-milestone {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -45707,9 +45707,9 @@ kendo-scheduler .k-recurrence-editor {
   font-weight: bold;
 }
 .k-chat .k-chat-bubble {
-  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  border-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   box-shadow: var(
     --kendo-elevation-1,
     0 2px 3px rgba(0, 0, 0, 0.04),
@@ -45874,10 +45874,10 @@ kendo-scheduler .k-recurrence-editor {
 .k-mediaplayer {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-mediaplayer-titlebar {
-  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   background-image: linear-gradient(
     color-mix(
       in srgb,
@@ -46257,14 +46257,14 @@ kendo-scheduler .k-recurrence-editor {
   background-color: var(--kendo-color-primary, #003583);
 }
 .k-timeline .k-timeline-card .k-card-header {
-  background-color: #f2f2fa;
+  background-color: #fcfcff;
   color: rgba(10, 12, 27, 0.7);
 }
 .k-timeline .k-timeline-card .k-card-body {
-  scrollbar-color: rgba(10, 12, 27, 0.12) #f2f2fa;
+  scrollbar-color: rgba(10, 12, 27, 0.12) #fcfcff;
 }
 .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track {
-  background: #f2f2fa;
+  background: #fcfcff;
 }
 .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb {
   background: rgba(10, 12, 27, 0.12);
@@ -46435,7 +46435,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-pdf-viewer {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-pdf-viewer .k-canvas {
   background-color: var(--kendo-color-surface, rgb(252, 252, 255));
@@ -46462,7 +46462,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-pdf-viewer-canvas > .k-search-panel {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
   box-shadow:
     0px 16px 18px 0 rgba(0, 0, 0, 0.28),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -46954,7 +46954,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-map {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-map .k-navigator {
   border-color: rgba(10, 12, 27, 0.12);
@@ -47038,7 +47038,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-orgchart-card .k-card-body .k-card-title-wrap {
   margin: 0 var(--kendo-spacing-6, 1.5rem) / 2 0 0;
   min-width: 0;
-  min-height: 45px;
+  min-height: 48px;
 }
 .k-orgchart-line {
   background-color: currentColor;
@@ -47058,7 +47058,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-orgchart {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(252, 252, 255));
 }
 .k-orgchart-card .k-card-body {
   border-color: rgba(0, 0, 0, 0);
@@ -47195,6 +47195,66 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   --breakpoint-md: 600px;
   --breakpoint-lg: 1440px;
 }
+.k-animation-container:has(.k-tooltip) {
+  white-space: overflow-wrap;
+  background-color: var(--kendo-color-primary-hover);
+  border-radius: 0.25rem;
+  max-width: 50ch;
+}
+.k-animation-container:has(.k-tooltip) .k-tooltip {
+  color: var(--kendo-color-light);
+  padding: 0.5rem 1rem;
+  font-size: 0.875rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+}
+.k-animation-container:has(.k-tooltip) .k-callout {
+  display: none;
+}
+:is([class*="fk-popup-alert"]).k-animation-container .k-popup {
+  box-shadow: none;
+  border-radius: 0.25rem;
+}
+:is([class*="fk-popup-alert"]).k-animation-container .k-popup div {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 1rem;
+  color: var(--kendo-color-secondary-text);
+  background-color: var(--kendo-color-surface);
+  padding-block: 0.25rem;
+  padding-inline: 1rem 0.5rem;
+  border-radius: 0.25rem;
+  border: 1px solid;
+  border-color: var(--kendo-color-border);
+  box-shadow: none;
+  cursor: pointer;
+}
+:is([class*="fk-popup-alert"]).k-animation-container .k-popup div .k-icon {
+  flex-shrink: 0;
+  align-self: start;
+}
+.fk-popup-alert-info.k-animation-container .k-popup div {
+  border-color: var(--kendo-color-info);
+  color: var(--kendo-color-info);
+  background-color: var(--kendo-color-info-subtle);
+}
+.fk-popup-alert-warning.k-animation-container .k-popup div {
+  border-color: var(--kendo-color-warning);
+  background-color: var(--kendo-color-warning-subtle);
+}
+.fk-popup-alert-error.k-animation-container .k-popup div {
+  border-color: var(--kendo-color-error);
+  color: var(--kendo-color-error);
+  background-color: var(--kendo-color-error-subtle);
+}
+.fk-popup-alert-success.k-animation-container .k-popup div {
+  border-color: var(--kendo-color-success);
+  color: var(--kendo-color-success);
+  background-color: var(--kendo-color-success-subtle);
+}
+.k-expander-header:focus-visible {
+  box-shadow: inset 0px 0px 0px 2px #195bb5;
+}
 .k-slider .k-tick {
   background-image: none;
 }
@@ -47313,65 +47373,81 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
   }
 }
-:is([class*="fk-popup-alert"]).k-animation-container .k-popup {
-  box-shadow: none;
-  border-radius: 0.25rem;
-}
-:is([class*="fk-popup-alert"]).k-animation-container .k-popup div {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 1rem;
-  color: var(--kendo-color-secondary-text);
-  background-color: var(--kendo-color-surface);
-  padding-block: 0.25rem;
-  padding-inline: 1rem 0.5rem;
-  border-radius: 0.25rem;
-  border: 1px solid;
-  border-color: var(--kendo-color-border);
-  box-shadow: none;
-  cursor: pointer;
+.tb-v8_2_0 {
+  font-family: "Inter";
 }
-:is([class*="fk-popup-alert"]).k-animation-container .k-popup div .k-icon {
-  flex-shrink: 0;
-  align-self: start;
+.fk-field-block {
+  margin-bottom: 1.125rem;
 }
-.fk-popup-alert-info.k-animation-container .k-popup div {
-  border-color: var(--kendo-color-info);
-  color: var(--kendo-color-info);
-  background-color: var(--kendo-color-info-subtle);
+.fk-field-block :is(.k-label) {
+  display: block;
+  margin-block: 0.25rem;
 }
-.fk-popup-alert-warning.k-animation-container .k-popup div {
-  border-color: var(--kendo-color-warning);
-  background-color: var(--kendo-color-warning-subtle);
+.k-icon-wrap::before,
+.k-checkbox-wrap::before,
+.k-list-item-text::before,
+.k-list-header-text::before,
+.k-list-optionlabel::before,
+.k-table-list .k-table-group-row::before,
+.k-skeleton-text:empty::before,
+.k-placeholder-line:empty::before,
+.k-input-value-text::before,
+.k-radio-wrap::before,
+.k-calendar-infinite .k-calendar-view::after,
+.k-calendar-navigation::before,
+.k-calendar-navigation::after,
+.k-time-list-wrapper.k-focus::before,
+.k-time-list-wrapper.k-focus::after,
+.k-time-list::before,
+.k-time-list::after,
+.k-multiselecttree .k-input-inner::before,
+.k-window-title::before,
+.k-gantt-tasks td::after {
+  content: "";
 }
-.fk-popup-alert-error.k-animation-container .k-popup div {
-  border-color: var(--kendo-color-error);
-  color: var(--kendo-color-error);
-  background-color: var(--kendo-color-error-subtle);
+.fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
+  position: relative;
 }
-.fk-popup-alert-success.k-animation-container .k-popup div {
-  border-color: var(--kendo-color-success);
-  color: var(--kendo-color-success);
-  background-color: var(--kendo-color-success-subtle);
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-prefix::before,
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-suffix::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background: var(--kendo-color-border);
+  width: 1px;
+  pointer-events: none;
 }
-.k-animation-container:has(.k-tooltip) {
-  white-space: overflow-wrap;
-  background-color: var(--kendo-color-primary-hover);
-  border-radius: 0.25rem;
-  max-width: 50ch;
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-prefix::before {
+  left: 0;
 }
-.k-animation-container:has(.k-tooltip) .k-tooltip {
-  color: var(--kendo-color-light);
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-suffix::after {
+  right: 0;
 }
-.k-animation-container:has(.k-tooltip) .k-callout {
-  display: none;
+.fk-menu
+  .k-menu.k-menu-vertical
+  > .k-item.k-menu-item.fk-separator-prefix::before,
+.fk-menu
+  .k-menu.k-menu-vertical
+  > .k-item.k-menu-item.fk-separator-suffix::after {
+  content: "";
+  background: var(--kendo-color-border);
+  height: 1px;
+  margin: -1px 0;
+  pointer-events: none;
 }
-.k-expander-header:focus-visible {
-  box-shadow: inset 0px 0px 0px 2px #195bb5;
+.fk-menu .k-menu-vertical,
+.fk-menu .k-menu-horizontal {
+  width: -moz-fit-content;
+  width: fit-content;
 }
 .fk-daterangepicker .k-maskedtextbox {
   width: 16rem;
@@ -47439,97 +47515,17 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   display: flex;
   justify-content: space-between;
 }
-.fk-timepicker .k-timepicker.k-input .k-maskedtextbox.k-input,
-.fk-timepicker .k-timepicker.k-input.k-focus .k-maskedtextbox.k-input {
-  border: 0;
-  outline: 0;
-}
 .fk-datepicker .k-datepicker {
   width: 10rem;
   min-width: 10rem;
   display: flex;
   justify-content: space-between;
 }
+.fk-timepicker .k-timepicker.k-input .k-maskedtextbox.k-input,
+.fk-timepicker .k-timepicker.k-input.k-focus .k-maskedtextbox.k-input,
 .fk-datepicker .k-datepicker.k-input .k-maskedtextbox.k-input,
 .fk-datepicker .k-datepicker.k-input.k-focus .k-maskedtextbox.k-input {
-  border: 0;
-  outline: 0;
-}
-.tb-v8_2_0 {
-  font-family: "Inter";
-}
-.fk-field-block {
-  margin-bottom: 1.125rem;
-}
-.fk-field-block :is(.k-label) {
-  display: block;
-  margin-block: 0.25rem;
-}
-.k-icon-wrap::before,
-.k-checkbox-wrap::before,
-.k-list-item-text::before,
-.k-list-header-text::before,
-.k-list-optionlabel::before,
-.k-table-list .k-table-group-row::before,
-.k-skeleton-text:empty::before,
-.k-placeholder-line:empty::before,
-.k-input-value-text::before,
-.k-radio-wrap::before,
-.k-calendar-infinite .k-calendar-view::after,
-.k-calendar-navigation::before,
-.k-calendar-navigation::after,
-.k-time-list-wrapper.k-focus::before,
-.k-time-list-wrapper.k-focus::after,
-.k-time-list::before,
-.k-time-list::after,
-.k-multiselecttree .k-input-inner::before,
-.k-window-title::before,
-.k-gantt-tasks td::after {
-  content: "";
-}
-.fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
-  position: relative;
-}
-.fk-menu
-  .k-menu.k-menu-horizontal
-  > .k-item.k-menu-item.fk-separator-prefix::before,
-.fk-menu
-  .k-menu.k-menu-horizontal
-  > .k-item.k-menu-item.fk-separator-suffix::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  background: var(--kendo-color-border);
-  width: 1px;
-  pointer-events: none;
-}
-.fk-menu
-  .k-menu.k-menu-horizontal
-  > .k-item.k-menu-item.fk-separator-prefix::before {
-  left: 0;
-}
-.fk-menu
-  .k-menu.k-menu-horizontal
-  > .k-item.k-menu-item.fk-separator-suffix::after {
-  right: 0;
-}
-.fk-menu
-  .k-menu.k-menu-vertical
-  > .k-item.k-menu-item.fk-separator-prefix::before,
-.fk-menu
-  .k-menu.k-menu-vertical
-  > .k-item.k-menu-item.fk-separator-suffix::after {
-  content: "";
-  background: var(--kendo-color-border);
-  height: 1px;
-  margin: -1px 0;
-  pointer-events: none;
-}
-.fk-menu .k-menu-vertical,
-.fk-menu .k-menu-horizontal {
-  width: -moz-fit-content;
-  width: fit-content;
+  box-shadow: none;
 }
 .k-tabstrip .k-tabstrip-content.k-active,
 .k-tabstrip .k-tabstrip-content.k-state-active,
@@ -47720,6 +47716,12 @@ h1 {
     0px 0px 0px 1.5px #fff,
     0px 0px 0px 3.5px #195bb5 !important;
 }
+.k-numerictextbox.k-input.k-invalid.k-state-focus-within.k-input-solid,
+.k-numerictextbox.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,
+.k-numerictextbox.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,
+.k-numerictextbox.k-input.k-invalid:focus-within.k-input-solid,
+.k-numerictextbox.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,
+.k-numerictextbox.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid,
 .k-textbox.k-input.k-input-outline.k-invalid.k-focus,
 .k-textbox.k-input.k-input-outline.ng-invalid.ng-touched.k-focus,
 .k-textbox.k-input.k-input-outline.ng-invalid.ng-dirty.k-focus,
@@ -47804,30 +47806,12 @@ h1 {
 .k-dateinput.k-input.k-invalid:focus-within.k-input-solid,
 .k-dateinput.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,
 .k-dateinput.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid,
-.k-numerictextbox.k-input.k-invalid.k-state-focus-within.k-input-solid,
-.k-numerictextbox.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,
-.k-numerictextbox.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,
-.k-numerictextbox.k-input.k-invalid:focus-within.k-input-solid,
-.k-numerictextbox.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,
-.k-numerictextbox.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid,
 .k-maskedtextbox.k-input.k-invalid.k-state-focus-within.k-input-solid,
 .k-maskedtextbox.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,
 .k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,
 .k-maskedtextbox.k-input.k-invalid:focus-within.k-input-solid,
 .k-maskedtextbox.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,
 .k-maskedtextbox.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid,
-.k-textbox.k-input.k-invalid.k-focus.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-touched.k-focus.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid,
-.k-textbox.k-input.k-invalid.k-state-focus.k-input-solid,
-.k-textbox.k-input.k-invalid.k-state-focused.k-input-solid,
-.k-textbox.k-input.k-invalid:focus.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-touched:focus.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid,
-.k-textbox.k-input.ng-invalid.ng-dirty:focus.k-input-solid,
 .k-textarea.k-input.k-invalid.k-state-focus-within.k-input-solid,
 .k-textarea.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,
 .k-textarea.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,
@@ -48128,6 +48112,14 @@ h1 {
     inset 0px 0px 0px 1.5px #195bb5,
     inset 0px 0px 0px 3px #fff !important;
 }
+.k-button.k-focus.k-button-outline.k-button-outline-primary.k-icon-button,
+.k-button.k-state-focus.k-button-outline.k-button-outline-primary.k-icon-button,
+.k-button.k-state-focused.k-button-outline.k-button-outline-primary.k-icon-button,
+.k-button:focus.k-button-outline.k-button-outline-primary.k-icon-button,
+.k-input.k-focus.k-input-solid,
+.k-input.k-state-focus.k-input-solid,
+.k-input.k-state-focused.k-input-solid,
+.k-input:focus.k-input-solid,
 .k-textbox.k-input.k-input-outline.k-focus,
 .k-textbox.k-input.k-input-outline.k-state-focus,
 .k-textbox.k-input.k-input-outline.k-state-focused,
@@ -48146,10 +48138,6 @@ h1 {
 .k-dropdowntree:focus.k-picker-solid,
 .k-input.k-state-focus-within.k-input-solid,
 .k-input:focus-within.k-input-solid,
-.k-input.k-focus.k-input-solid,
-.k-input.k-state-focus.k-input-solid,
-.k-input.k-state-focused.k-input-solid,
-.k-input:focus.k-input-solid,
 .k-slider.k-focus
   .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-focus,
 .k-slider.k-focus
@@ -48238,8 +48226,6 @@ h1 {
 .k-autocomplete.k-input:focus-within.k-input-solid,
 .k-datetimepicker.k-input.k-state-focus-within.k-input-solid,
 .k-datetimepicker.k-input:focus-within.k-input-solid,
-.k-timepicker.k-input.k-state-focus-within.k-input-solid,
-.k-timepicker.k-input:focus-within.k-input-solid,
 .k-datepicker.k-input.k-state-focus-within.k-input-solid,
 .k-datepicker.k-input:focus-within.k-input-solid,
 .k-dateinput.k-input.k-state-focus-within.k-input-solid,
@@ -48247,13 +48233,7 @@ h1 {
 .k-maskedtextbox.k-input.k-state-focus-within.k-input-solid,
 .k-maskedtextbox.k-input:focus-within.k-input-solid,
 .k-textarea.k-input.k-state-focus-within.k-input-solid,
-.k-textarea.k-input:focus-within.k-input-solid,
-.k-numerictextbox.k-input.k-state-focus-within.k-input-solid,
-.k-numerictextbox.k-input:focus-within.k-input-solid,
-.k-textbox.k-input.k-focus.k-input-solid,
-.k-textbox.k-input.k-state-focus.k-input-solid,
-.k-textbox.k-input.k-state-focused.k-input-solid,
-.k-textbox.k-input:focus.k-input-solid {
+.k-textarea.k-input:focus-within.k-input-solid {
   box-shadow: 0px 0px 0px 2px #195bb5;
 }
 .k-button.k-focus.k-button-flat.k-button-flat-primary,
@@ -48484,18 +48464,6 @@ h1 {
 .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
   .k-input-prefix.k-input-prefix-horizontal
   .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus,
-.fk-button-group.k-button-group .k-button.k-button-flat.k-focus.k-group-end,
-.fk-button-group.k-button-group
-  .k-button.k-button-flat.k-state-focus.k-group-end,
-.fk-button-group.k-button-group
-  .k-button.k-button-flat.k-state-focused.k-group-end,
-.fk-button-group.k-button-group .k-button.k-button-flat:focus.k-group-end,
-.fk-button-group.k-button-group .k-button.k-button-flat.k-focus:last-child,
-.fk-button-group.k-button-group
-  .k-button.k-button-flat.k-state-focus:last-child,
-.fk-button-group.k-button-group
-  .k-button.k-button-flat.k-state-focused:last-child,
-.fk-button-group.k-button-group .k-button.k-button-flat:focus:last-child,
 .k-button-group .k-button.k-button-flat.k-focus.k-group-end.k-icon-button,
 .k-button-group .k-button.k-button-flat.k-state-focus.k-group-end.k-icon-button,
 .k-button-group
@@ -48565,6 +48533,10 @@ h1 {
     0px 24px 38px 3px rgba(10, 11, 28, 0.14),
     0px 9px 46px 8px rgba(10, 11, 28, 0.12);
 }
+.k-input.k-hover,
+.k-input.k-state-hover,
+.k-input.k-state-hovered,
+.k-input:hover,
 .k-radio-wrap .k-radio.k-hover,
 .k-radio-wrap .k-radio.k-state-hover,
 .k-radio-wrap .k-radio.k-state-hovered,
@@ -48577,10 +48549,6 @@ h1 {
 .k-datetimepicker.k-input.k-state-hover,
 .k-datetimepicker.k-input.k-state-hovered,
 .k-datetimepicker.k-input:hover,
-.k-timepicker.k-input.k-hover,
-.k-timepicker.k-input.k-state-hover,
-.k-timepicker.k-input.k-state-hovered,
-.k-timepicker.k-input:hover,
 .k-datepicker.k-input.k-hover,
 .k-datepicker.k-input.k-state-hover,
 .k-datepicker.k-input.k-state-hovered,
@@ -48670,8 +48638,14 @@ h1 {
   outline-width: 0px;
   outline-color: #003583;
   transition-timing-function: ease-out;
-  -moz-column-gap: 0.5rem;
-  column-gap: 0.5rem;
+  -moz-column-gap: 0.125rem;
+  column-gap: 0.125rem;
+  min-width: 4rem;
+  min-height: 2.25rem;
+}
+.k-button.k-button-md {
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
 }
 .k-button-group {
   isolation: isolate;
@@ -49289,7 +49263,7 @@ h1 {
 }
 .k-numerictextbox.k-input .k-input-spinner.k-spin-button {
   color: rgba(10, 12, 27, 0.6);
-  align-self: center;
+  align-self: stretch;
   height: 100%;
 }
 .k-textbox.k-input .k-clear-value {
@@ -49685,11 +49659,28 @@ h1 {
 .k-textbox.k-input.k-state-focus.k-input-solid,
 .k-textbox.k-input.k-state-focused.k-input-solid,
 .k-textbox.k-input.k-input-solid:focus {
+  color: var(--kendo-color-primary, #003583);
+}
+.k-textbox.k-input.k-focus.k-input-solid,
+.k-textbox.k-input.k-state-focus.k-focus.k-input-solid,
+.k-textbox.k-input.k-state-focused.k-focus.k-input-solid,
+.k-textbox.k-input.k-focus.k-input-solid:focus,
+.k-textbox.k-input.k-focus.k-state-focus.k-input-solid,
+.k-textbox.k-input.k-state-focus.k-input-solid,
+.k-textbox.k-input.k-state-focused.k-state-focus.k-input-solid,
+.k-textbox.k-input.k-state-focus.k-input-solid:focus,
+.k-textbox.k-input.k-focus.k-state-focused.k-input-solid,
+.k-textbox.k-input.k-state-focus.k-state-focused.k-input-solid,
+.k-textbox.k-input.k-state-focused.k-input-solid,
+.k-textbox.k-input.k-state-focused.k-input-solid:focus,
+.k-textbox.k-input.k-focus:focus.k-input-solid,
+.k-textbox.k-input.k-state-focus:focus.k-input-solid,
+.k-textbox.k-input.k-state-focused:focus.k-input-solid,
+.k-textbox.k-input:focus.k-input-solid {
   border-bottom-color: currentcolor;
   border-left-color: currentcolor;
   border-right-color: currentcolor;
   border-top-color: currentcolor;
-  color: var(--kendo-color-primary, #003583);
 }
 .k-label.k-text-disabled {
   opacity: 100%;
@@ -50372,7 +50363,7 @@ h1 {
 .k-textbox.k-input {
   transition-property: all;
   transition-duration: 280ms;
-  outline-style: solid;
+  align-items: center;
 }
 .k-textbox.k-input.k-input-solid {
   color: unset;
@@ -50671,6 +50662,8 @@ h1 {
 }
 .k-button.k-button-outline.k-button-outline-primary .k-button-text {
   color: var(--kendo-color-primary, #003583);
+  padding-right: 0.25rem;
+  padding-left: 0.25rem;
 }
 .k-button.k-button-outline.k-button-outline-primary
   .k-button-icon.k-icon.k-svg-icon
@@ -50785,23 +50778,21 @@ h1 {
 .k-list-filter .k-searchbox:hover.k-input {
   box-shadow: none;
 }
-.k-numerictextbox.k-input.k-hover,
-.k-numerictextbox.k-input.k-state-hover,
-.k-numerictextbox.k-input.k-state-hovered,
-.k-numerictextbox.k-input:hover {
-  border-bottom-color: rgba(10, 12, 27, 0.9);
-  border-left-color: rgba(10, 12, 27, 0.9);
-  border-right-color: rgba(10, 12, 27, 0.9);
-  border-top-color: rgba(10, 12, 27, 0.9);
-  outline-offset: -0.5px;
-  outline-width: 1px;
-}
 .k-numerictextbox.k-input.k-hover.k-input-solid,
 .k-numerictextbox.k-input.k-state-hover.k-input-solid,
 .k-numerictextbox.k-input.k-state-hovered.k-input-solid,
 .k-numerictextbox.k-input:hover.k-input-solid {
   color: rgba(10, 12, 27, 0.9);
 }
+.k-numerictextbox.k-input.k-hover.k-input-solid,
+.k-numerictextbox.k-input.k-state-hover.k-input-solid,
+.k-numerictextbox.k-input.k-state-hovered.k-input-solid,
+.k-numerictextbox.k-input.k-input-solid:hover {
+  border-bottom-color: rgba(10, 12, 27, 0.9);
+  border-left-color: rgba(10, 12, 27, 0.9);
+  border-right-color: rgba(10, 12, 27, 0.9);
+  border-top-color: rgba(10, 12, 27, 0.9);
+}
 .k-numerictextbox.k-input.k-state-focus-within.k-input-solid,
 .k-numerictextbox.k-input:focus-within.k-input-solid {
   color: var(--kendo-color-primary, #003583);
@@ -50881,11 +50872,11 @@ h1 {
 .k-numerictextbox.k-input.k-invalid.k-input-solid,
 .k-numerictextbox.k-input.ng-invalid.ng-touched.k-input-solid,
 .k-numerictextbox.k-input.ng-invalid.ng-dirty.k-input-solid {
-  border-bottom-color: var(--kendo-color-error, #a5021f);
-  border-left-color: var(--kendo-color-error, #a5021f);
-  border-right-color: var(--kendo-color-error, #a5021f);
-  border-top-color: var(--kendo-color-error, #a5021f);
   color: var(--kendo-color-error, #a5021f);
+  border-bottom-color: #a5021f;
+  border-left-color: #a5021f;
+  border-right-color: #a5021f;
+  border-top-color: #a5021f;
 }
 .k-calendar.k-calendar-range.k-calendar-md
   .k-calendar-view.k-calendar-yearview
@@ -51142,16 +51133,30 @@ h1 {
 .k-textarea.k-input:disabled {
   opacity: unset;
 }
-.k-maskedtextbox.k-input.k-state-focus-within,
-.k-maskedtextbox.k-input:focus-within {
-  outline-color: rgba(0, 0, 0, 0);
-  outline-style: solid;
-  outline-width: 2px;
-}
 .k-maskedtextbox.k-input.k-state-focus-within.k-input-solid,
 .k-maskedtextbox.k-input:focus-within.k-input-solid {
   color: var(--kendo-color-primary, #003583);
 }
+.k-maskedtextbox.k-input.k-state-focus-within.k-input-solid,
+.k-maskedtextbox.k-input.k-state-focus-within.k-input-solid:focus-within,
+.k-maskedtextbox.k-input.k-state-focus-within:focus-within.k-input-solid,
+.k-maskedtextbox.k-input:focus-within.k-input-solid {
+  border-bottom-color: currentcolor;
+  border-left-color: currentcolor;
+  border-right-color: currentcolor;
+  border-top-color: currentcolor;
+}
+.k-maskedtextbox.k-input.k-invalid.k-state-focus-within,
+.k-maskedtextbox.k-input.ng-invalid.ng-touched.k-state-focus-within,
+.k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-state-focus-within,
+.k-maskedtextbox.k-input.k-invalid:focus-within,
+.k-maskedtextbox.k-input.ng-invalid.ng-touched:focus-within,
+.k-maskedtextbox.k-input.ng-invalid.ng-dirty:focus-within {
+  border-bottom-color: currentcolor;
+  border-left-color: currentcolor;
+  border-right-color: currentcolor;
+  border-top-color: currentcolor;
+}
 .k-maskedtextbox.k-input.k-disabled,
 .k-maskedtextbox.k-input.k-state-disabled,
 .k-maskedtextbox.k-input:disabled {
@@ -51172,11 +51177,6 @@ h1 {
   border-right-color: rgba(10, 12, 27, 0.4);
   border-top-color: rgba(10, 12, 27, 0.4);
 }
-.k-maskedtextbox.k-input .k-input-inner.k-state-readonly,
-.k-maskedtextbox.k-input .k-input-inner[readonly] {
-  background-color: rgba(10, 12, 27, 0.06);
-  background-image: none;
-}
 .k-numerictextbox.k-input
   .k-input-spinner.k-spin-button
   .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase
@@ -51698,6 +51698,7 @@ h1 {
   transition-timing-function: ease-out;
   height: 2.5rem;
   font-variant-numeric: tabular-nums;
+  align-items: center;
 }
 .k-maskedtextbox.k-input {
   transition-property: all;
@@ -52409,10 +52410,6 @@ h1 {
 .k-textbox.k-input.k-state-hovered,
 .k-textbox.k-input:hover {
   color: unset;
-  outline-color: currentcolor;
-  outline-style: solid;
-  outline-width: 1px;
-  outline-offset: -0.5px;
 }
 .k-numerictextbox.k-input .k-input-inner {
   height: auto;
@@ -53575,6 +53572,10 @@ div.feather-ks-spacing-s {
   border-top-left-radius: 9999px;
   border-top-right-radius: 9999px;
 }
+.k-button.k-button-solid-primary.k-icon-button {
+  background-color: var(--kendo-color-primary, #003583);
+  background-image: linear-gradient(transparent, transparent);
+}
 .k-button.k-button-outline.k-icon-button.k-rounded-md {
   border-bottom-left-radius: 40px;
   border-bottom-right-radius: 40px;
@@ -53719,10 +53720,6 @@ div.feather-ks-spacing-s {
   transition-timing-function: ease-out;
   height: 2.5rem;
   background-image: none;
-  outline-color: currentcolor;
-  outline-style: solid;
-  outline-width: 1px;
-  outline-offset: -1px;
 }
 .k-input.k-input-solid {
   background-color: initial;
@@ -53801,6 +53798,10 @@ div.feather-ks-spacing-s {
   border-left-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   border-right-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   border-top-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
+  row-gap: 0px;
+  -moz-column-gap: 0.125rem;
+  column-gap: 0.125rem;
+  padding-right: 0.75rem;
 }
 .k-switch.k-switch-on .k-switch-track {
   transition-property: all;
@@ -54054,7 +54055,7 @@ div.feather-ks-spacing-s {
   .k-time-list-container
   .k-time-list-wrapper:focus
   .k-time-list::before {
-  visibility: visible;
+  visibility: hidden;
 }
 .k-popup.k-datetime-container
   .k-time-tab.k-datetime-wrap
@@ -54075,6 +54076,11 @@ div.feather-ks-spacing-s {
   visibility: visible;
   position: absolute;
   top: 36px;
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
 }
 .k-pager .k-pager-numbers-wrap .k-button.k-pager-nav {
   border-bottom-left-radius: 0.25rem;
@@ -54148,20 +54154,17 @@ div.feather-ks-spacing-s {
 }
 .k-input.k-state-readonly.k-input-solid,
 .k-input[readonly].k-input-solid {
-  border-bottom-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
-  border-left-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
-  border-right-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
-  border-top-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  border-left-color: rgba(0, 0, 0, 0.2);
+  border-right-color: rgba(0, 0, 0, 0.2);
+  border-top-color: rgba(0, 0, 0, 0.2);
 }
 .k-input.k-state-readonly,
 .k-input[readonly] {
-  background-color: initial;
-  background-image: none;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-style: solid;
   border-top-style: solid;
-  outline-style: none;
 }
 .k-dateinput.k-input .k-input-inner {
   height: auto;
@@ -54614,16 +54617,8 @@ div.feather-ks-spacing-s {
     rgba(255, 255, 255, 0.2)
   );
 }
-.k-button.k-selected.k-button-solid-primary {
-  color: var(--kendo-color-primary, #003583);
-  background-color: var(--kendo-color-app-surface, rgb(252, 252, 255));
-  background-image: linear-gradient(
-    rgba(25, 91, 181, 0.08),
-    rgba(25, 91, 181, 0.08)
-  );
-}
 .k-button.k-selected.k-button-solid-primary .k-button-text {
-  color: inherit;
+  color: var(--kendo-color-primary, #003583);
 }
 .k-button.k-focus.k-button-solid-primary,
 .k-button.k-state-focus.k-button-solid-primary,
@@ -54641,6 +54636,14 @@ div.feather-ks-spacing-s {
   transition-timing-function: ease-out;
   color: var(--kendo-color-secondary, #195bb5);
   flex-direction: row;
+  -moz-column-gap: 0px;
+  column-gap: 0px;
+  background-color: var(--kendo-color-primary, #003583);
+  background-image: linear-gradient(transparent, transparent);
+}
+.k-button.k-button-solid-primary.k-button-md {
+  padding-right: 12px;
+  padding-left: 12px;
 }
 .k-button.k-button-outline.k-button-outline-primary.k-icon-button
   .k-button-icon.k-icon.k-svg-icon
@@ -54648,8 +54651,9 @@ div.feather-ks-spacing-s {
   translate: 0 -0.5px;
 }
 .k-button .k-button-icon.k-icon.k-svg-icon > svg {
-  width: auto;
+  width: 24px;
   height: auto;
+  min-width: 24px;
 }
 .k-button.k-button-outline.k-button-outline-primary.k-icon-button {
   border-bottom-left-radius: 9999px;
@@ -54660,8 +54664,8 @@ div.feather-ks-spacing-s {
 .k-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon > svg {
   translate: 0 -1px;
   color: var(--kendo-color-on-primary, white);
-  width: 1.5rem;
-  height: 1.5rem;
+  padding-right: 0.125rem;
+  padding-left: 0.125rem;
 }
 .k-button-group .k-button.k-button-flat.k-icon-button.k-group-start,
 .k-button-group .k-button.k-button-flat.k-icon-button:first-child {
@@ -54681,6 +54685,7 @@ div.feather-ks-spacing-s {
   background-image: none;
   -moz-column-gap: 0px;
   column-gap: 0px;
+  min-width: unset;
 }
 .k-button.k-icon-button.k-button-md {
   padding-bottom: 0px;
@@ -54691,6 +54696,12 @@ div.feather-ks-spacing-s {
 .k-button.k-icon-button.k-button-solid-base {
   background-color: rgba(0, 0, 0, 0);
 }
+.k-button.k-button-solid-base.k-icon-button.k-rounded-md {
+  border-bottom-left-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+}
 .k-button.k-icon-button .k-button-icon.k-icon.k-svg-icon > svg {
   width: 1.5rem;
   height: 1.5rem;
@@ -55358,8 +55369,17 @@ div.feather-ks-spacing-s {
 .k-button.k-state-focus.k-button-outline.k-button-outline-primary,
 .k-button.k-state-focused.k-button-outline.k-button-outline-primary,
 .k-button:focus.k-button-outline.k-button-outline-primary {
-  outline-style: none;
   color: var(--kendo-color-secondary, #195bb5);
+  border-bottom-color: currentcolor;
+  border-left-color: currentcolor;
+  border-right-color: currentcolor;
+  border-top-color: currentcolor;
+  background-color: rgba(0, 0, 0, 0);
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+  outline-width: 2px;
 }
 .k-calendar.k-calendar-range.k-calendar-md
   .k-calendar-view.k-calendar-monthview
@@ -55807,6 +55827,8 @@ div.feather-ks-spacing-s {
 }
 .k-button.k-button-solid-primary .k-button-text {
   color: var(--kendo-color-on-primary, white);
+  padding-right: 0.25rem;
+  padding-left: 0.25rem;
 }
 .k-button.k-disabled.k-button-solid-primary
   .k-button-icon.k-icon.k-svg-icon
@@ -55947,20 +55969,64 @@ div.feather-ks-spacing-s {
 .k-maskedtextbox.k-input.ng-invalid.ng-touched.k-input-solid,
 .k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-input-solid {
   color: var(--kendo-color-error, #a5021f);
+  border-bottom-color: currentcolor;
+  border-left-color: currentcolor;
+  border-right-color: currentcolor;
+  border-top-color: currentcolor;
 }
-.k-input.k-invalid.k-input-solid,
-.k-input.ng-invalid.ng-touched.k-input-solid,
-.k-input.ng-invalid.ng-dirty.k-input-solid {
+.k-input.k-invalid.k-focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid,
+.k-input.k-invalid.k-state-focus.k-focus.k-input-solid,
+.k-input.k-invalid.k-state-focused.k-focus.k-input-solid,
+.k-input.k-invalid.k-focus.k-input-solid:focus,
+.k-input.ng-invalid.ng-touched.k-state-focus.k-focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-state-focused.k-focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-focus.k-input-solid:focus,
+.k-input.ng-invalid.ng-dirty.k-state-focus.k-focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-state-focused.k-focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid:focus,
+.k-input.k-invalid.k-focus.k-state-focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-focus.k-state-focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-focus.k-state-focus.k-input-solid,
+.k-input.k-invalid.k-state-focus.k-input-solid,
+.k-input.k-invalid.k-state-focused.k-state-focus.k-input-solid,
+.k-input.k-invalid.k-state-focus.k-input-solid:focus,
+.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-state-focused.k-state-focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid:focus,
+.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-state-focused.k-state-focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid:focus,
+.k-input.k-invalid.k-focus.k-state-focused.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-focus.k-state-focused.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-focus.k-state-focused.k-input-solid,
+.k-input.k-invalid.k-state-focus.k-state-focused.k-input-solid,
+.k-input.k-invalid.k-state-focused.k-input-solid,
+.k-input.k-invalid.k-state-focused.k-input-solid:focus,
+.k-input.ng-invalid.ng-touched.k-state-focus.k-state-focused.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid:focus,
+.k-input.ng-invalid.ng-dirty.k-state-focus.k-state-focused.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid:focus,
+.k-input.k-invalid.k-focus:focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-focus:focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-focus:focus.k-input-solid,
+.k-input.k-invalid.k-state-focus:focus.k-input-solid,
+.k-input.k-invalid.k-state-focused:focus.k-input-solid,
+.k-input.k-invalid:focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-state-focus:focus.k-input-solid,
+.k-input.ng-invalid.ng-touched.k-state-focused:focus.k-input-solid,
+.k-input.ng-invalid.ng-touched:focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-state-focus:focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty.k-state-focused:focus.k-input-solid,
+.k-input.ng-invalid.ng-dirty:focus.k-input-solid {
   border-bottom-color: #a5021f;
   border-left-color: #a5021f;
   border-right-color: #a5021f;
   border-top-color: #a5021f;
 }
-.k-input.k-invalid,
-.k-input.ng-invalid.ng-touched,
-.k-input.ng-invalid.ng-dirty {
-  outline-color: #a5021f;
-}
 .k-input.k-hover,
 .k-input.k-state-hover,
 .k-input.k-state-hovered,
@@ -55968,9 +56034,6 @@ div.feather-ks-spacing-s {
   transition-property: all;
   transition-duration: 280ms;
   transition-timing-function: ease-out;
-  outline-style: solid;
-  outline-width: 0.5px;
-  outline-color: rgba(10, 12, 27, 0.9);
 }
 .k-datepicker.k-input.k-invalid.k-input-solid,
 .k-datepicker.k-input.ng-invalid.ng-touched.k-invalid.k-input-solid,
@@ -56065,12 +56128,13 @@ div.feather-ks-spacing-s {
     rgba(25, 91, 181, 0.12)
   );
   visibility: visible;
-  margin-top: 14px;
   border-bottom-style: none;
   border-left-style: none;
   border-right-style: none;
   border-top-style: none;
   height: 3rem;
+  top: 50%;
+  translate: 0 50%;
 }
 .k-popup.k-timepicker-popup
   .k-timeselector
@@ -56112,13 +56176,14 @@ div.feather-ks-spacing-s {
 .k-timeselector .k-time-list-container .k-time-list-wrapper:focus .k-title {
   color: var(--kendo-color-primary, #003583);
   font-weight: 700;
+  visibility: visible;
+  line-height: 3;
 }
 .k-timeselector .k-time-list-container .k-time-list-wrapper .k-title {
   color: rgba(10, 12, 27, 0.7);
   font-weight: 500;
   line-height: 3;
-  position: relative;
-  top: -10px;
+  translate: 0 -6px;
 }
 .k-popup.k-timepicker-popup .k-timeselector .k-time-header {
   font-variant-numeric: tabular-nums;
@@ -56136,8 +56201,11 @@ div.feather-ks-spacing-s {
   padding-bottom: 0.5rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
-  padding-top: 0.5rem;
-  margin-top: 0.5rem;
+  padding-top: 1rem;
+  margin-bottom: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
 }
 .k-datetimepicker.k-input .k-input-inner {
   color: rgba(10, 12, 27, 0.7);
@@ -56389,11 +56457,6 @@ div.feather-ks-spacing-s {
 .fk-loader.k-loader.k-loader-lg.k-loader-spinner-4::before {
   visibility: visible;
 }
-.k-button.k-selected.k-button-solid-primary
-  .k-button-icon.k-icon.k-svg-icon
-  > svg {
-  color: var(--kendo-color-primary, #003583);
-}
 .fk-loader.k-loader.k-loader-lg.k-loader-spinner-4 {
   visibility: visible;
 }
@@ -56431,6 +56494,13 @@ div.feather-ks-spacing-s {
     rgba(25, 91, 181, 0.06)
   );
   aspect-ratio: 1/1;
+  min-width: unset;
+}
+.k-button.k-button-solid-base.k-icon-button.k-rounded-md {
+  border-bottom-left-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
 }
 .k-button.k-active.k-icon-button,
 .k-button.k-state-active.k-icon-button,
@@ -56473,13 +56543,6 @@ div.feather-ks-spacing-s {
   .k-loader-segment {
   visibility: hidden;
 }
-.k-maskedtextbox.k-input.k-hover,
-.k-maskedtextbox.k-input.k-state-hover,
-.k-maskedtextbox.k-input.k-state-hovered,
-.k-maskedtextbox.k-input:hover {
-  outline-color: currentcolor;
-  outline-offset: -0.5px;
-}
 .k-textarea.k-input.k-invalid .k-input-inner,
 .k-textarea.k-input.ng-invalid.ng-touched .k-input-inner,
 .k-textarea.k-input.ng-invalid.ng-dirty .k-input-inner {
@@ -56593,22 +56656,18 @@ div.feather-ks-spacing-s {
   border-left-color: currentcolor;
   border-right-color: currentcolor;
   border-top-color: currentcolor;
+  align-items: center;
 }
 .k-textbox.k-input.k-input-outline.k-focus,
 .k-textbox.k-input.k-input-outline.k-state-focus,
 .k-textbox.k-input.k-input-outline.k-state-focused,
 .k-textbox.k-input.k-input-outline:focus {
-  border-bottom-color: currentcolor;
-  border-left-color: currentcolor;
-  border-right-color: currentcolor;
-  border-top-color: currentcolor;
   color: var(--kendo-color-primary, #003583);
 }
 .k-textbox.k-input.k-input-outline.k-invalid,
 .k-textbox.k-input.k-input-outline.ng-invalid.ng-touched,
 .k-textbox.k-input.k-input-outline.ng-invalid.ng-dirty {
   color: var(--kendo-color-error, #a5021f);
-  outline-color: currentcolor;
 }
 .k-textbox.k-input.k-input-outline.k-disabled,
 .k-textbox.k-input.k-input-outline.k-state-disabled,
@@ -56985,6 +57044,12 @@ div.fk-container {
 .fk-container .fk-container-content {
   display: flex;
 }
+.fk-container {
+  padding-bottom: 0px;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+}
 .fk-container .fk-container-heading-section {
   height: auto;
   display: flex;
@@ -56992,3 +57057,220 @@ div.fk-container {
   justify-content: space-around;
   align-items: stretch;
 }
+.fk-solid-date-range-picker.k-daterangepicker .k-floating-label-container {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+}
+.k-textbox.k-input .k-input-inner.k-state-readonly,
+.k-textbox.k-input .k-input-inner[readonly] {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  outline-style: none;
+  outline-color: rgba(0, 0, 0, 0);
+  border-bottom-color: rgba(0, 0, 0, 0);
+  border-left-color: rgba(0, 0, 0, 0);
+  border-right-color: rgba(0, 0, 0, 0);
+  border-top-color: rgba(0, 0, 0, 0);
+}
+.k-button.k-hover.k-button-solid-primary.k-icon-button,
+.k-button.k-state-hover.k-button-solid-primary.k-icon-button,
+.k-button.k-state-hovered.k-button-solid-primary.k-icon-button,
+.k-button:hover.k-button-solid-primary.k-icon-button {
+  background-color: var(--kendo-color-primary, #003583);
+  background-image: linear-gradient(
+    rgba(255, 255, 255, 0.08),
+    rgba(255, 255, 255, 0.08)
+  );
+}
+.k-button.k-active.k-button-solid-primary.k-icon-button,
+.k-button.k-state-active.k-button-solid-primary.k-icon-button,
+.k-button:active.k-button-solid-primary.k-icon-button {
+  background-color: var(--kendo-color-primary, #003583);
+  background-image: linear-gradient(
+    rgba(255, 255, 255, 0.2),
+    rgba(255, 255, 255, 0.2)
+  );
+}
+.k-button.k-focus.k-button-solid-primary.k-icon-button,
+.k-button.k-state-focus.k-button-solid-primary.k-icon-button,
+.k-button.k-state-focused.k-button-solid-primary.k-icon-button,
+.k-button:focus.k-button-solid-primary.k-icon-button {
+  background-color: var(--kendo-color-primary, #003583);
+  background-image: linear-gradient(
+    rgba(255, 255, 255, 0.16),
+    rgba(255, 255, 255, 0.16)
+  );
+}
+.k-button.k-disabled.k-button-solid-primary.k-icon-button,
+.k-button.k-state-disabled.k-button-solid-primary.k-icon-button,
+.k-button:disabled.k-button-solid-primary.k-icon-button {
+  background-color: rgba(10, 12, 27, 0.06);
+  background-image: none;
+}
+.k-button.k-selected.k-button-solid-primary.k-icon-button {
+  background-color: var(--kendo-color-app-surface, rgb(252, 252, 255));
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.08),
+    rgba(25, 91, 181, 0.08)
+  );
+}
+.k-button.k-selected.k-button-solid-primary
+  .k-button-icon.k-icon.k-svg-icon
+  > svg {
+  color: var(--kendo-color-primary, #003583);
+}
+.k-button.k-selected.k-button-solid-primary {
+  background-color: var(--kendo-color-app-surface, rgb(252, 252, 255));
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.16),
+    rgba(25, 91, 181, 0.16)
+  );
+}
+.k-input.k-focus.k-input-solid,
+.k-input.k-state-focus.k-input-solid,
+.k-input.k-state-focused.k-input-solid,
+.k-input:focus.k-input-solid {
+  border-bottom-color: #003583;
+  border-left-color: #003583;
+  border-right-color: #003583;
+  border-top-color: #003583;
+}
+.fk-container.k-m-8 .fk-container-actions.k-gap-2 {
+  justify-content: start;
+}
+.fk-container.k-m-8 .fk-container-heading-section {
+  justify-content: start;
+  align-items: start;
+  display: inline-flex;
+}
+.fk-container.k-m-8 .k-mt-4.k-mb-0 {
+  margin-top: 0px;
+  margin-bottom: unset;
+}
+.k-timepicker.k-input.k-disabled .k-input-inner,
+.k-timepicker.k-input.k-state-disabled .k-input-inner,
+.k-timepicker.k-input:disabled .k-input-inner {
+  color: rgba(10, 12, 27, 0.4);
+}
+.k-popup.k-datetime-container
+  .k-time-list-container
+  .k-time-list-wrapper
+  .k-time-list
+  .k-content.k-scrollable.k-time-container
+  .k-reset
+  .k-item {
+  translate: 0 -33%;
+  line-height: 3;
+  border-bottom-left-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+}
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper
+  .k-time-list::before {
+  box-shadow: none;
+}
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper.k-focus::after,
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper.k-state-focus::after,
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper.k-state-focused::after,
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper:focus::after {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper.k-focus
+  .k-time-list::after,
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper.k-state-focus
+  .k-time-list::after,
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper.k-state-focused
+  .k-time-list::after,
+.k-popup.k-datetime-container
+  .k-time-tab.k-datetime-wrap
+  .k-time-list-container
+  .k-time-list-wrapper:focus
+  .k-time-list::after {
+  visibility: hidden;
+}
+.k-popup.k-datetime-container
+  .k-time-list-container
+  .k-time-list-wrapper
+  .k-time-list
+  .k-content.k-scrollable.k-time-container
+  .k-reset
+  .k-item.k-hover,
+.k-popup.k-datetime-container
+  .k-time-list-container
+  .k-time-list-wrapper
+  .k-time-list
+  .k-content.k-scrollable.k-time-container
+  .k-reset
+  .k-item.k-state-hover,
+.k-popup.k-datetime-container
+  .k-time-list-container
+  .k-time-list-wrapper
+  .k-time-list
+  .k-content.k-scrollable.k-time-container
+  .k-reset
+  .k-item.k-state-hovered,
+.k-popup.k-datetime-container
+  .k-time-list-container
+  .k-time-list-wrapper
+  .k-time-list
+  .k-content.k-scrollable.k-time-container
+  .k-reset
+  .k-item:hover {
+  color: var(--kendo-color-primary, #003583);
+  font-weight: 700;
+  aspect-ratio: 1/1;
+  text-decoration-line: underline;
+  text-underline-offset: 4px;
+  text-decoration-color: currentColor;
+  text-decoration-thickness: 1px;
+}
+.k-button .k-button-text {
+  padding-right: 0.25rem;
+  padding-left: 0.25rem;
+}
+.k-button.k-button-solid-primary.k-icon-button
+  .k-button-icon.k-icon.k-svg-icon {
+  left: 0px;
+}
+.k-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon {
+  box-sizing: content-box;
+}
+.fk-base-container {
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-top-width: 1px;
+}