:root body {
  --kendo-color-primary: var(--primary-color);
}

.k-drawer-container li.k-drawer-item .k-item-text {
  line-height: 1rem;
}
.k-drawer-container li.k-drawer-item.k-selected .k-icon svg,
.k-drawer-container li.k-drawer-item:hover .k-icon svg {
  fill: #ffffff;
}
.k-drawer-container li.k-drawer-item.k-selected .k-icon,
.k-drawer-container li.k-drawer-item:hover .k-icon {
  color: #ffffff;
}
.k-drawer-container li.k-drawer-item.k-selected .k-item-text {
  color: #6a45f2;
}
.k-drawer-container li.k-selected,
.k-drawer-container li {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-drawer-container li.k-selected:hover,
.k-drawer-container li:hover {
  background-color: #fe5e24;
}
.k-drawer-container li.k-selected:hover .k-item-text,
.k-drawer-container li:hover .k-item-text {
  color: #ffffff;
}

html body .k-picker.k-dropdownlist,
html body .k-input {
  border-color: #6a45f2;
  border-radius: 10px;
}
html body .k-picker.k-dropdownlist:focus-within,
html body .k-input:focus-within {
  border-color: #6a45f2;
}

html body .k-grid .k-grid-filter-menu .k-svg-icon {
  width: 32px;
  height: 32px;
  padding: 0.25rem;
}
html body .k-grid .k-filtercell-wrapper {
  display: grid !important;
  grid-template-columns: 0.5fr;
}
html body .k-grid .k-filtercell-wrapper .k-input {
  grid-column: 1/3;
  width: 100%;
}
html body .k-grid .k-filtercell-wrapper .k-autocomplete.k-input input {
  padding: 5px;
  box-sizing: border-box;
  padding-block: 6px;
  padding-inline: 6px;
}
html body .k-grid .k-grid-norecords .k-grid-norecords-template {
  width: 100%;
  border: 0;
  font-weight: 700;
}
html body .k-grid .k-command-cell .k-button {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
html body .k-grid .k-pager .k-pager-numbers .k-button {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
html body .k-grid .k-pager .k-pager-numbers .k-button:hover {
  background-color: #9780ff !important;
}
html body .k-grid .k-pager .k-pager-numbers .k-button:hover .k-button-text {
  color: #ffffff;
}
html body .k-grid .k-pager .k-pager-numbers .k-button .k-button-text {
  color: #6a45f2;
}
html body .k-grid .k-pager .k-button.k-selected {
  background-color: #6a45f2 !important;
}
html body .k-grid .k-pager .k-button.k-selected .k-button-text {
  color: #ffffff !important;
}
html body .k-grid .custom-grid-flo-command {
  border-radius: 8px;
  background: transparent;
}
html body .k-grid .custom-grid-flo-command:active, html body .k-grid .custom-grid-flo-command:hover {
  background-color: #6a45f2;
  color: #ffffff;
}
html body .k-grid .custom-grid-flo-command .flo-icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}

.k-panelbar .k-panelbar-item a .k-panelbar-item-text {
  color: #6a45f2;
}
.k-panelbar .k-panelbar-item .k-link.k-selected.k-focus,
.k-panelbar .k-panelbar-item.k-expanded a.k-selected,
.k-panelbar .k-panelbar-item.k-expanded a {
  background-color: #6a45f2 !important;
}
.k-panelbar .k-panelbar-item .k-link.k-selected.k-focus .k-panelbar-item-text,
.k-panelbar .k-panelbar-item.k-expanded a.k-selected .k-panelbar-item-text,
.k-panelbar .k-panelbar-item.k-expanded a .k-panelbar-item-text {
  color: #ffffff !important;
}

.k-card .k-card-header {
  background-color: #6a45f2;
}
.k-card .k-card-header .k-card-title {
  color: #ffffff;
}

.k-treeview .k-treeview-leaf.k-selected .k-treeview-leaf-text {
  color: #6a45f2;
}

.k-grid-remove-command {
  background-color: #DC2626 !important;
  color: #ffffff !important;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-grid-remove-command .k-icon.k-svg-icon svg {
  fill: #ffffff;
}
.k-grid-remove-command:hover {
  background-color: #ffffff !important;
  color: #DC2626 !important;
}
.k-grid-remove-command:hover .k-icon.k-svg-icon svg {
  fill: #DC2626;
}

.k-button-primary {
  background-color: #6a45f2 !important;
  color: #ffffff !important;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-button-primary .k-icon.k-svg-icon svg {
  fill: #ffffff;
}
.k-button-primary:hover {
  background-color: #9780ff !important;
}

.k-button-secondary {
  background-color: #fe5e24 !important;
  color: #ffffff !important;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-button-secondary .k-icon.k-svg-icon svg {
  fill: #ffffff;
}
.k-button-secondary:hover {
  background-color: #fe8554 !important;
}

#active-status.active:before,
#active-status .active-client:before,
.k-grid.active:before,
.k-grid .active-client:before {
  content: " ";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("../images/svg/user-active.svg");
  background-repeat: no-repeat;
  background-size: 32px 32px;
}
#active-status.disabled:before,
#active-status .disabled-client:before,
.k-grid.disabled:before,
.k-grid .disabled-client:before {
  content: " ";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("../images/svg/user-disabled.svg");
  background-repeat: no-repeat;
  background-size: 32px 32px;
}

.k-widget {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1E293B;
  border-color: #E2E5F0;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer {
  background-color: #F8F9FC;
  border-color: #E2E5F0;
  color: #1E293B;
}

.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link {
  background-color: #ffffff;
  border-color: #E2E5F0;
  color: #1E293B;
}
.k-tabstrip-items .k-item.k-state-active,
.k-panelbar .k-tabstrip-items .k-item.k-state-active,
.k-tabstrip-items .k-link.k-state-active {
  background-color: #ffffff;
  border-color: rgba(106, 69, 242, 0.7);
  color: #6a45f2;
  font-weight: 500;
  position: relative;
}
.k-tabstrip-items .k-item.k-state-active::after,
.k-panelbar .k-tabstrip-items .k-item.k-state-active::after,
.k-tabstrip-items .k-link.k-state-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #6a45f2;
}
.k-tabstrip-items .k-item:hover,
.k-panelbar .k-tabstrip-items .k-item:hover,
.k-tabstrip-items .k-link:hover {
  background-color: rgba(106, 69, 242, 0.7);
}

.k-button {
  border-radius: 10px;
  font-weight: 500;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  padding: 0.5rem 1.5rem;
}
.k-button:focus {
  box-shadow: 0 0 0 3px rgba(106, 69, 242, 0.7);
}
.k-button.k-primary {
  background-color: #6a45f2;
  border-color: #6a45f2;
  color: #ffffff;
}
.k-button.k-primary:hover {
  background-color: #5a35d8;
  border-color: #5a35d8;
  transform: translateY(-2px);
}
.k-button.k-primary:active {
  background-color: rgb(62.7638190955, 16.3185929648, 233.4814070352);
  border-color: rgb(62.7638190955, 16.3185929648, 233.4814070352);
  transform: translateY(0);
}
.k-button.k-secondary {
  background-color: rgba(106, 69, 242, 0.7);
  border-color: transparent;
  color: #6a45f2;
}
.k-button.k-secondary:hover {
  background-color: rgba(106, 69, 242, 0.85);
  transform: translateY(-2px);
}
.k-button.k-secondary:active {
  background-color: rgba(106, 69, 242, 0.9);
  transform: translateY(0);
}
.k-button.k-success {
  background-color: #16A34A;
  border-color: #16A34A;
  color: #ffffff;
}
.k-button.k-success:hover {
  background-color: #5a35d8;
  border-color: #5a35d8;
  transform: translateY(-2px);
}
.k-button.k-warning {
  background-color: #EA580C;
  border-color: #EA580C;
  color: #ffffff;
}
.k-button.k-warning:hover {
  background-color: rgb(195.1902439024, 73.4048780488, 10.0097560976);
  border-color: rgb(195.1902439024, 73.4048780488, 10.0097560976);
  transform: translateY(-2px);
}
.k-button.k-danger {
  background-color: #DC2626;
  border-color: #DC2626;
  color: #ffffff;
}
.k-button.k-danger:hover {
  background-color: rgb(187.0333333333, 30.1666666667, 30.1666666667);
  border-color: rgb(187.0333333333, 30.1666666667, 30.1666666667);
  transform: translateY(-2px);
}
.k-button.k-button-icon {
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.k-button.k-button-icon .k-icon {
  margin: 0;
}

.k-input,
.k-textbox,
.k-textarea,
.k-dropdown .k-dropdown-wrap,
.k-autocomplete,
.k-numerictextbox .k-numeric-wrap,
.k-datepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap,
.k-datetimepicker .k-picker-wrap,
.k-colorpicker .k-picker-wrap,
.k-combobox .k-dropdown-wrap,
.k-dropdowntree .k-dropdown-wrap {
  border-radius: 10px;
  border-color: #E2E5F0;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  background-color: #ffffff;
  height: 42px;
}
.k-input:hover,
.k-textbox:hover,
.k-textarea:hover,
.k-dropdown .k-dropdown-wrap:hover,
.k-autocomplete:hover,
.k-numerictextbox .k-numeric-wrap:hover,
.k-datepicker .k-picker-wrap:hover,
.k-timepicker .k-picker-wrap:hover,
.k-datetimepicker .k-picker-wrap:hover,
.k-colorpicker .k-picker-wrap:hover,
.k-combobox .k-dropdown-wrap:hover,
.k-dropdowntree .k-dropdown-wrap:hover {
  border-color: #666666;
}
.k-input.k-state-focused, .k-input:focus,
.k-textbox.k-state-focused,
.k-textbox:focus,
.k-textarea.k-state-focused,
.k-textarea:focus,
.k-dropdown .k-dropdown-wrap.k-state-focused,
.k-dropdown .k-dropdown-wrap:focus,
.k-autocomplete.k-state-focused,
.k-autocomplete:focus,
.k-numerictextbox .k-numeric-wrap.k-state-focused,
.k-numerictextbox .k-numeric-wrap:focus,
.k-datepicker .k-picker-wrap.k-state-focused,
.k-datepicker .k-picker-wrap:focus,
.k-timepicker .k-picker-wrap.k-state-focused,
.k-timepicker .k-picker-wrap:focus,
.k-datetimepicker .k-picker-wrap.k-state-focused,
.k-datetimepicker .k-picker-wrap:focus,
.k-colorpicker .k-picker-wrap.k-state-focused,
.k-colorpicker .k-picker-wrap:focus,
.k-combobox .k-dropdown-wrap.k-state-focused,
.k-combobox .k-dropdown-wrap:focus,
.k-dropdowntree .k-dropdown-wrap.k-state-focused,
.k-dropdowntree .k-dropdown-wrap:focus {
  border-color: #6a45f2;
  box-shadow: 0 0 0 3px rgba(106, 69, 242, 0.7);
}
.k-input.k-invalid, .k-input.k-state-invalid, .k-input.ng-invalid.ng-touched,
.k-textbox.k-invalid,
.k-textbox.k-state-invalid,
.k-textbox.ng-invalid.ng-touched,
.k-textarea.k-invalid,
.k-textarea.k-state-invalid,
.k-textarea.ng-invalid.ng-touched,
.k-dropdown .k-dropdown-wrap.k-invalid,
.k-dropdown .k-dropdown-wrap.k-state-invalid,
.k-dropdown .k-dropdown-wrap.ng-invalid.ng-touched,
.k-autocomplete.k-invalid,
.k-autocomplete.k-state-invalid,
.k-autocomplete.ng-invalid.ng-touched,
.k-numerictextbox .k-numeric-wrap.k-invalid,
.k-numerictextbox .k-numeric-wrap.k-state-invalid,
.k-numerictextbox .k-numeric-wrap.ng-invalid.ng-touched,
.k-datepicker .k-picker-wrap.k-invalid,
.k-datepicker .k-picker-wrap.k-state-invalid,
.k-datepicker .k-picker-wrap.ng-invalid.ng-touched,
.k-timepicker .k-picker-wrap.k-invalid,
.k-timepicker .k-picker-wrap.k-state-invalid,
.k-timepicker .k-picker-wrap.ng-invalid.ng-touched,
.k-datetimepicker .k-picker-wrap.k-invalid,
.k-datetimepicker .k-picker-wrap.k-state-invalid,
.k-datetimepicker .k-picker-wrap.ng-invalid.ng-touched,
.k-colorpicker .k-picker-wrap.k-invalid,
.k-colorpicker .k-picker-wrap.k-state-invalid,
.k-colorpicker .k-picker-wrap.ng-invalid.ng-touched,
.k-combobox .k-dropdown-wrap.k-invalid,
.k-combobox .k-dropdown-wrap.k-state-invalid,
.k-combobox .k-dropdown-wrap.ng-invalid.ng-touched,
.k-dropdowntree .k-dropdown-wrap.k-invalid,
.k-dropdowntree .k-dropdown-wrap.k-state-invalid,
.k-dropdowntree .k-dropdown-wrap.ng-invalid.ng-touched {
  border-color: #DC2626;
}
.k-input.k-invalid:focus, .k-input.k-state-invalid:focus, .k-input.ng-invalid.ng-touched:focus,
.k-textbox.k-invalid:focus,
.k-textbox.k-state-invalid:focus,
.k-textbox.ng-invalid.ng-touched:focus,
.k-textarea.k-invalid:focus,
.k-textarea.k-state-invalid:focus,
.k-textarea.ng-invalid.ng-touched:focus,
.k-dropdown .k-dropdown-wrap.k-invalid:focus,
.k-dropdown .k-dropdown-wrap.k-state-invalid:focus,
.k-dropdown .k-dropdown-wrap.ng-invalid.ng-touched:focus,
.k-autocomplete.k-invalid:focus,
.k-autocomplete.k-state-invalid:focus,
.k-autocomplete.ng-invalid.ng-touched:focus,
.k-numerictextbox .k-numeric-wrap.k-invalid:focus,
.k-numerictextbox .k-numeric-wrap.k-state-invalid:focus,
.k-numerictextbox .k-numeric-wrap.ng-invalid.ng-touched:focus,
.k-datepicker .k-picker-wrap.k-invalid:focus,
.k-datepicker .k-picker-wrap.k-state-invalid:focus,
.k-datepicker .k-picker-wrap.ng-invalid.ng-touched:focus,
.k-timepicker .k-picker-wrap.k-invalid:focus,
.k-timepicker .k-picker-wrap.k-state-invalid:focus,
.k-timepicker .k-picker-wrap.ng-invalid.ng-touched:focus,
.k-datetimepicker .k-picker-wrap.k-invalid:focus,
.k-datetimepicker .k-picker-wrap.k-state-invalid:focus,
.k-datetimepicker .k-picker-wrap.ng-invalid.ng-touched:focus,
.k-colorpicker .k-picker-wrap.k-invalid:focus,
.k-colorpicker .k-picker-wrap.k-state-invalid:focus,
.k-colorpicker .k-picker-wrap.ng-invalid.ng-touched:focus,
.k-combobox .k-dropdown-wrap.k-invalid:focus,
.k-combobox .k-dropdown-wrap.k-state-invalid:focus,
.k-combobox .k-dropdown-wrap.ng-invalid.ng-touched:focus,
.k-dropdowntree .k-dropdown-wrap.k-invalid:focus,
.k-dropdowntree .k-dropdown-wrap.k-state-invalid:focus,
.k-dropdowntree .k-dropdown-wrap.ng-invalid.ng-touched:focus {
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25);
}

.k-input::placeholder,
.k-textbox::placeholder,
.k-textarea::placeholder {
  color: #94A3B8;
}

.k-grid {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  border-color: #E2E5F0;
}
.k-grid .k-grid-header {
  background-color: #F8F9FC;
}
.k-grid .k-grid-header th {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  padding: 1rem;
  border-color: #E2E5F0;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-grid .k-grid-header th:hover {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-grid .k-grid-content tr {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-grid .k-grid-content tr:hover {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-grid .k-grid-content tr.k-state-selected {
  background-color: rgba(106, 69, 242, 0.7);
  color: #1E293B;
}
.k-grid .k-grid-content tr.k-state-selected:hover {
  background-color: rgba(106, 69, 242, 0.82);
}
.k-grid .k-grid-content td {
  padding: 1rem;
  border-color: #E2E5F0;
  vertical-align: middle;
}
.k-grid .k-pager-wrap {
  background-color: #F8F9FC;
  padding: 0.5rem;
}
.k-grid .k-pager-wrap .k-pager-numbers .k-link {
  border-radius: 10px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 0.25rem;
  color: #1E293B;
}
.k-grid .k-pager-wrap .k-pager-numbers .k-link.k-state-selected {
  background-color: #6a45f2;
  color: #ffffff;
}
.k-grid .k-pager-wrap .k-pager-numbers .k-link:hover:not(.k-state-selected) {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-grid .k-pager-wrap .k-pager-nav {
  border-radius: 10px;
  min-width: 32px;
  height: 32px;
}
.k-grid .k-pager-wrap .k-pager-nav:hover {
  background-color: rgba(106, 69, 242, 0.7);
}

.k-list-container,
.k-dropdown-wrap .k-list-container,
.k-autocomplete .k-list-container,
.k-calendar-popup {
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
  border-color: #E2E5F0;
  background-color: #ffffff;
  padding: 0.5rem;
}
.k-list-container .k-list .k-item,
.k-list-container .k-list-optionlabel,
.k-dropdown-wrap .k-list-container .k-list .k-item,
.k-dropdown-wrap .k-list-container .k-list-optionlabel,
.k-autocomplete .k-list-container .k-list .k-item,
.k-autocomplete .k-list-container .k-list-optionlabel,
.k-calendar-popup .k-list .k-item,
.k-calendar-popup .k-list-optionlabel {
  border-radius: 6px;
  padding: 0.5rem 1rem;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-list-container .k-list .k-item:hover, .k-list-container .k-list .k-item.k-state-hover,
.k-list-container .k-list-optionlabel:hover,
.k-list-container .k-list-optionlabel.k-state-hover,
.k-dropdown-wrap .k-list-container .k-list .k-item:hover,
.k-dropdown-wrap .k-list-container .k-list .k-item.k-state-hover,
.k-dropdown-wrap .k-list-container .k-list-optionlabel:hover,
.k-dropdown-wrap .k-list-container .k-list-optionlabel.k-state-hover,
.k-autocomplete .k-list-container .k-list .k-item:hover,
.k-autocomplete .k-list-container .k-list .k-item.k-state-hover,
.k-autocomplete .k-list-container .k-list-optionlabel:hover,
.k-autocomplete .k-list-container .k-list-optionlabel.k-state-hover,
.k-calendar-popup .k-list .k-item:hover,
.k-calendar-popup .k-list .k-item.k-state-hover,
.k-calendar-popup .k-list-optionlabel:hover,
.k-calendar-popup .k-list-optionlabel.k-state-hover {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-list-container .k-list .k-item.k-state-selected, .k-list-container .k-list .k-item.k-state-focused,
.k-list-container .k-list-optionlabel.k-state-selected,
.k-list-container .k-list-optionlabel.k-state-focused,
.k-dropdown-wrap .k-list-container .k-list .k-item.k-state-selected,
.k-dropdown-wrap .k-list-container .k-list .k-item.k-state-focused,
.k-dropdown-wrap .k-list-container .k-list-optionlabel.k-state-selected,
.k-dropdown-wrap .k-list-container .k-list-optionlabel.k-state-focused,
.k-autocomplete .k-list-container .k-list .k-item.k-state-selected,
.k-autocomplete .k-list-container .k-list .k-item.k-state-focused,
.k-autocomplete .k-list-container .k-list-optionlabel.k-state-selected,
.k-autocomplete .k-list-container .k-list-optionlabel.k-state-focused,
.k-calendar-popup .k-list .k-item.k-state-selected,
.k-calendar-popup .k-list .k-item.k-state-focused,
.k-calendar-popup .k-list-optionlabel.k-state-selected,
.k-calendar-popup .k-list-optionlabel.k-state-focused {
  background-color: rgba(106, 69, 242, 0.7);
  color: #6a45f2;
  font-weight: 500;
}

.k-notification {
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
  padding: 1rem;
}
.k-notification.k-notification-info {
  background-color: rgba(46, 163, 242, 0.1);
  border-color: #2ea3f2;
  color: #2ea3f2;
}
.k-notification.k-notification-success {
  background-color: rgba(22, 163, 74, 0.1);
  border-color: #16A34A;
  color: #16A34A;
}
.k-notification.k-notification-warning {
  background-color: rgba(234, 88, 12, 0.1);
  border-color: #EA580C;
  color: #EA580C;
}
.k-notification.k-notification-error {
  background-color: rgba(220, 38, 38, 0.1);
  border-color: #DC2626;
  color: #DC2626;
}

.k-dialog {
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.k-dialog .k-dialog-titlebar {
  background-color: #ffffff;
  border-bottom: 1px solid #E2E5F0;
  padding: 1.5rem;
}
.k-dialog .k-dialog-titlebar .k-dialog-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: #1E293B;
}
.k-dialog .k-dialog-content {
  padding: 1.5rem;
}
.k-dialog .k-dialog-buttongroup {
  border-top: 1px solid #E2E5F0;
  padding: 1rem;
  background-color: #F8F9FC;
}
.k-dialog .k-dialog-buttongroup .k-button {
  margin: 0 0.25rem;
}

.k-upload {
  border-radius: 8px;
  background-color: #ffffff;
  border-color: #E2E5F0;
}
.k-upload .k-dropzone {
  padding: 2rem;
  border: 2px dashed rgba(106, 69, 242, 0.7);
  border-radius: 8px;
  background-color: #F8F9FC;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-upload .k-dropzone:hover {
  background-color: rgba(106, 69, 242, 0.7);
  border-color: #6a45f2;
}
.k-upload .k-dropzone.k-dropzone-active {
  background-color: rgba(106, 69, 242, 0.7);
  border-color: #6a45f2;
}
.k-upload .k-upload-files .k-file {
  padding: 1rem;
  border-color: #E2E5F0;
}
.k-upload .k-upload-files .k-file:not(:last-child) {
  margin-bottom: 0.5rem;
}
.k-upload .k-upload-files .k-file .k-progress {
  height: 4px;
  border-radius: 50%;
}
.k-upload .k-upload-files .k-file .k-progress .k-progress-status-wrap {
  border-radius: 50%;
  height: 100%;
  background-color: #F8F9FC;
}
.k-upload .k-upload-files .k-file .k-progress .k-progress-status-wrap .k-progress-status {
  height: 100%;
  background-color: #6a45f2;
}

.k-panelbar {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.k-panelbar > .k-item {
  border-color: #E2E5F0;
}
.k-panelbar > .k-item > .k-link {
  padding: 1rem;
  color: #1E293B;
  font-weight: 500;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.k-panelbar > .k-item > .k-link:hover {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-panelbar > .k-item > .k-link.k-state-active {
  background-color: rgba(106, 69, 242, 0.7);
  color: #6a45f2;
  border-color: rgba(106, 69, 242, 0.7);
}
.k-panelbar > .k-item .k-panel {
  padding: 0.5rem 0;
}
.k-panelbar > .k-item .k-panel > .k-item > .k-link {
  padding: 0.5rem 1.5rem;
  padding-left: 3rem;
  color: #1E293B;
}
.k-panelbar > .k-item .k-panel > .k-item > .k-link:hover {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-panelbar > .k-item .k-panel > .k-item > .k-link.k-state-active {
  color: #6a45f2;
  font-weight: 500;
}

.k-chart {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.k-chart .k-chart-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: #1E293B;
}
.k-chart .k-chart-tooltip {
  border-radius: 10px;
  padding: 0.5rem 1rem;
  background-color: #222222;
  color: #ffffff;
  font-size: 0.875rem;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}

.k-calendar {
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  padding: 1rem;
  border-color: #E2E5F0;
}
.k-calendar .k-header {
  background: none;
}
.k-calendar .k-header .k-link {
  border-radius: 10px;
  color: #1E293B;
}
.k-calendar .k-header .k-link:hover {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-calendar .k-content .k-link {
  border-radius: 10px;
}
.k-calendar .k-content .k-link:hover {
  background-color: rgba(106, 69, 242, 0.7);
}
.k-calendar .k-content .k-link.k-state-selected {
  background-color: #6a45f2;
  color: #ffffff;
}
.k-calendar .k-content .k-link.k-state-today {
  background-color: rgba(234, 88, 12, 0.15);
  color: #EA580C;
  font-weight: 500;
}
.k-calendar .k-content .k-link.k-state-today.k-state-selected {
  background-color: #6a45f2;
  color: #ffffff;
}

.k-switch {
  width: 54px;
  height: 30px;
}
.k-switch .k-switch-container {
  border-radius: 50%;
  height: 100%;
  background-color: #E2E5F0;
  border: none;
}
.k-switch .k-switch-handle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03);
  border: none;
  left: 2px;
  top: 2px;
}
.k-switch.k-switch-on .k-switch-container {
  background-color: #6a45f2;
}
.k-switch.k-switch-on .k-switch-handle {
  left: calc(100% - 28px);
}

.badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 500;
}
.badge-success {
  background-color: rgba(22, 163, 74, 0.1);
  color: #16A34A;
}
.badge-warning {
  background-color: rgba(234, 88, 12, 0.1);
  color: #EA580C;
}
.badge-danger {
  background-color: rgba(220, 38, 38, 0.1);
  color: #DC2626;
}
.badge-info {
  background-color: rgba(46, 163, 242, 0.1);
  color: #2ea3f2;
}
.badge-neutral {
  background-color: rgba(30, 41, 59, 0.08);
  color: #1E293B;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(106, 69, 242, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(106, 69, 242, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(106, 69, 242, 0);
  }
}
.k-window.k-window {
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}
.k-window.k-window .k-window-titlebar {
  background-color: #6a45f2;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 1rem 1.5rem;
}
.k-window.k-window .k-window-titlebar .k-window-title {
  font-weight: 500;
}
.k-window.k-window .k-window-titlebar .k-window-actions .k-icon {
  color: #ffffff;
}
.k-window.k-window .k-window-content {
  border-radius: 0 0 8px 8px;
  padding: 0;
}