@timus-networks/theme 2.0.1 → 2.0.2

package/dist/runtime/public/scss/element-plus/index.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -342,7 +370,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-fill-color-darker: #e6e8eb;
   --el-fill-color-blank: #ffffff;
   --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
-  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
+  --el-box-shadow-light: 0px 1px 2px 0px rgba(26, 11, 94, 0.1019607843);
   --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
   --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
   --el-disabled-bg-color: var(--el-color-neutral-light-2);
@@ -484,11 +512,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-icon--right {
-  margin-left: 5px;
+  margin-left: 8px;
 }
 
 .el-icon--left {
-  margin-right: 5px;
+  margin-right: 8px;
 }
 
 @keyframes rotating {
@@ -527,25 +555,28 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-alert {
   --el-alert-padding: 8px 16px;
-  --el-alert-border-radius-base: var(--el-border-radius-base);
+  --el-alert-border-radius-base: 4px;
+  --el-alert-border-color: var(--el-color-info-light-3);
   --el-alert-title-font-size: 14px;
-  --el-alert-title-with-description-font-size: 16px;
+  --el-alert-title-with-description-font-size: 14px;
   --el-alert-description-font-size: 14px;
-  --el-alert-close-font-size: 16px;
+  --el-alert-close-font-size: 14px;
   --el-alert-close-customed-font-size: 14px;
-  --el-alert-icon-size: 16px;
-  --el-alert-icon-large-size: 28px;
+  --el-alert-icon-size: 18px;
+  --el-alert-icon-large-size: 32px;
   width: 100%;
   padding: var(--el-alert-padding);
   margin: 0;
   box-sizing: border-box;
   border-radius: var(--el-alert-border-radius-base);
+  border-width: var(--el-border-width);
+  border-style: var(--el-border-style);
+  border-color: var(--el-alert-border-color);
   position: relative;
-  background-color: var(--el-color-white);
+  background-color: var(--el-color-info-light-1);
   overflow: hidden;
   opacity: 1;
   display: flex;
-  align-items: center;
   transition: opacity var(--el-transition-duration-fast);
 }
 .el-alert.is-light .el-alert__close-btn {
@@ -564,65 +595,129 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-alert--success {
-  --el-alert-bg-color: var(--el-color-success-light-9);
+  --el-alert-bg-color: var(--el-color-success-light-1);
+  --el-alert-border-color: var(--el-color-success-light-3);
 }
 .el-alert--success.is-light {
   background-color: var(--el-alert-bg-color);
-  color: var(--el-color-success);
+  color: var(--el-color-success-light-5);
 }
 .el-alert--success.is-light .el-alert__description {
-  color: var(--el-color-success);
+  color: var(--el-color-success-light-4);
 }
 .el-alert--success.is-dark {
   background-color: var(--el-color-success);
   color: var(--el-color-white);
 }
+.el-alert--success.is-light .el-alert__close-btn {
+  color: var(--el-color-success-light-5);
+}
 
 .el-alert--info {
-  --el-alert-bg-color: var(--el-color-info-light-9);
+  --el-alert-bg-color: var(--el-color-info-light-1);
+  --el-alert-border-color: var(--el-color-info-light-3);
 }
 .el-alert--info.is-light {
   background-color: var(--el-alert-bg-color);
-  color: var(--el-color-info);
+  color: var(--el-color-info-light-5);
 }
 .el-alert--info.is-light .el-alert__description {
-  color: var(--el-color-info);
+  color: var(--el-color-info-light-4);
 }
 .el-alert--info.is-dark {
   background-color: var(--el-color-info);
   color: var(--el-color-white);
 }
+.el-alert--info.is-light .el-alert__close-btn {
+  color: var(--el-color-info-light-5);
+}
 
 .el-alert--warning {
-  --el-alert-bg-color: var(--el-color-warning-light-9);
+  --el-alert-bg-color: var(--el-color-warning-light-1);
+  --el-alert-border-color: var(--el-color-warning-light-3);
 }
 .el-alert--warning.is-light {
   background-color: var(--el-alert-bg-color);
-  color: var(--el-color-warning);
+  color: var(--el-color-warning-light-5);
 }
 .el-alert--warning.is-light .el-alert__description {
-  color: var(--el-color-warning);
+  color: var(--el-color-warning-light-4);
 }
 .el-alert--warning.is-dark {
   background-color: var(--el-color-warning);
   color: var(--el-color-white);
 }
+.el-alert--warning.is-light .el-alert__close-btn {
+  color: var(--el-color-warning-light-5);
+}
 
 .el-alert--error {
-  --el-alert-bg-color: var(--el-color-error-light-9);
+  --el-alert-bg-color: var(--el-color-error-light-1);
+  --el-alert-border-color: var(--el-color-error-light-3);
 }
 .el-alert--error.is-light {
   background-color: var(--el-alert-bg-color);
-  color: var(--el-color-error);
+  color: var(--el-color-error-light-5);
 }
 .el-alert--error.is-light .el-alert__description {
-  color: var(--el-color-error);
+  color: var(--el-color-error-light-4);
 }
 .el-alert--error.is-dark {
   background-color: var(--el-color-error);
   color: var(--el-color-white);
 }
+.el-alert--error.is-light .el-alert__close-btn {
+  color: var(--el-color-error-light-5);
+}
 
+.el-alert--danger {
+  --el-alert-bg-color: var(--el-color-danger-light-1);
+  --el-alert-border-color: var(--el-color-danger-light-3);
+}
+.el-alert--danger.is-light {
+  background-color: var(--el-alert-bg-color);
+  color: var(--el-color-danger-light-5);
+}
+.el-alert--danger.is-light .el-alert__description {
+  color: var(--el-color-danger-light-4);
+}
+.el-alert--danger.is-dark {
+  background-color: var(--el-color-danger);
+  color: var(--el-color-white);
+}
+.el-alert--danger.is-light .el-alert__close-btn {
+  color: var(--el-color-danger-light-5);
+}
+
+.el-alert::before {
+  font-family: "iconsax" !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 600;
+  line-height: 1;
+  speak: never;
+  text-transform: none;
+  font-size: var(--el-alert-icon-size);
+  line-height: 24px;
+  margin-right: 8px;
+}
+.el-alert.el-alert--success::before {
+  content: "\ec2a";
+}
+.el-alert.el-alert--info::before {
+  content: "\eb4d";
+}
+.el-alert.el-alert--warning::before {
+  content: "\e9f6";
+}
+.el-alert.el-alert--danger::before, .el-alert.el-alert--error::before {
+  content: "\e9c8";
+}
+.el-alert .el-alert__icon {
+  display: none;
+}
 .el-alert__content {
   display: flex;
   flex-direction: column;
@@ -633,6 +728,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: var(--el-alert-icon-size);
   width: var(--el-alert-icon-size);
   margin-right: 8px;
+  margin-top: 3px;
 }
 .el-alert .el-alert__icon.is-big {
   font-size: var(--el-alert-icon-large-size);
@@ -656,7 +752,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: var(--el-alert-close-font-size);
   opacity: 1;
   position: absolute;
-  top: 12px;
+  top: 14px;
   right: 16px;
   cursor: pointer;
 }
@@ -790,15 +886,19 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-avatar {
-  --el-avatar-text-color: var(--el-color-white);
-  --el-avatar-bg-color: var(--el-text-color-disabled);
-  --el-avatar-text-size: 14px;
-  --el-avatar-icon-size: 18px;
+  --el-avatar-text-color: var(--el-color-neutral-light-4);
+  --el-avatar-bg-color: var(--el-color-white);
+  --el-avatar-text-size: 16px;
+  --el-avatar-line-height: 18px;
+  --el-avatar-icon-size: 16px;
+  --el-avatar-border-color: var(--el-color-neutral-light-3);
   --el-avatar-border-radius: var(--el-border-radius-base);
+  --el-avatar-size: 32px;
   --el-avatar-size-large: 56px;
-  --el-avatar-size: 40px;
-  --el-avatar-size-small: 24px;
-  --el-avatar-size: 40px;
+  --el-avatar-size-medium: 44px;
+  --el-avatar-size-small: 32px;
+  --el-avatar-size-mini: 16px;
+  --el-avatar-size: 32px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -810,6 +910,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   width: var(--el-avatar-size);
   height: var(--el-avatar-size);
   font-size: var(--el-avatar-text-size);
+  border: 1px solid var(--el-avatar-border-color);
+  line-height: 18px;
 }
 .el-avatar > img {
   display: block;
@@ -828,12 +930,28 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: var(--el-avatar-icon-size);
 }
 
+.el-avatar--large {
+  --el-avatar-size: 56px;
+  --el-avatar-text-size: 16px;
+  --el-avatar-icon-size: 16px;
+}
+
+.el-avatar--medium {
+  --el-avatar-size: 44px;
+  --el-avatar-text-size: 16px;
+  --el-avatar-icon-size: 16px;
+}
+
 .el-avatar--small {
-  --el-avatar-size: 24px;
+  --el-avatar-size: 32px;
+  --el-avatar-text-size: 14px;
+  --el-avatar-icon-size: 14px;
 }
 
-.el-avatar--large {
-  --el-avatar-size: 56px;
+.el-avatar--mini {
+  --el-avatar-size: 16px;
+  --el-avatar-text-size: 8px;
+  --el-avatar-icon-size: 8px;
 }
 
 .el-backtop {
@@ -864,9 +982,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-badge {
   --el-badge-bg-color: var(--el-color-danger);
   --el-badge-radius: 10px;
-  --el-badge-font-size: 12px;
+  --el-badge-font-size: 8px;
   --el-badge-padding: 6px;
-  --el-badge-size: 18px;
+  --el-badge-size: 16px;
   position: relative;
   vertical-align: middle;
   display: inline-block;
@@ -937,8 +1055,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-breadcrumb {
-  font-size: 14px;
+  font-size: 12px;
   line-height: 1;
+  color: var(--el-color-neutral-light-5);
 }
 .el-breadcrumb::before,
 .el-breadcrumb::after {
@@ -951,9 +1070,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-breadcrumb__separator {
-  margin: 0 9px;
-  font-weight: bold;
-  color: var(--el-text-color-placeholder);
+  margin: 0 4px;
+  color: var(--el-color-neutral-light-5);
+  line-height: 10px;
+}
+.el-breadcrumb__separator::before {
+  font-family: "iconsax" !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 600;
+  line-height: 1;
+  speak: never;
+  text-transform: none;
+  content: "\e932";
 }
 .el-breadcrumb__separator.el-icon {
   margin: 0 6px;
@@ -972,10 +1103,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   color: var(--el-text-color-regular);
 }
 .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
-  font-weight: bold;
   text-decoration: none;
   transition: var(--el-transition-color);
-  color: var(--el-text-color-primary);
+  color: var(--el-color-neutral-light-5);
 }
 .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
   color: var(--el-color-primary);
@@ -1015,10 +1145,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   margin-left: 0;
 }
 .el-button-group > .el-button:first-child {
+  border-right-color: var(--el-color-primary-light-4);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .el-button-group > .el-button:last-child {
+  border-left-color: var(--el-color-primary-light-4);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -1036,10 +1168,22 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button-group > .el-button:not(:first-child):not(:last-child) {
   border-radius: 0;
+  border-left-color: var(--el-color-primary-light-4);
+  border-right-color: var(--el-color-primary-light-4);
 }
 .el-button-group > .el-button:not(:last-child) {
   margin-right: -1px;
 }
+.el-button-group > .el-button.is-disabled:first-child {
+  border-right-color: var(--el-color-primary-light-1);
+}
+.el-button-group > .el-button.is-disabled:last-child {
+  border-left-color: var(--el-color-primary-light-1);
+}
+.el-button-group > .el-button.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-primary-light-1);
+  border-right-color: var(--el-color-primary-light-1);
+}
 .el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
   z-index: 1;
 }
@@ -1053,84 +1197,164 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border-left-color: var(--el-button-divide-border-color);
 }
 .el-button-group .el-button--primary:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-primary-light-4);
 }
 .el-button-group .el-button--primary:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-primary-light-4);
 }
 .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-primary-light-4);
+  border-right-color: var(--el-color-primary-light-4);
+}
+.el-button-group .el-button--primary.is-disabled:first-child {
+  border-right-color: var(--el-color-primary-light-1);
+}
+.el-button-group .el-button--primary.is-disabled:last-child {
+  border-left-color: var(--el-color-primary-light-1);
+}
+.el-button-group .el-button--primary.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-primary-light-1);
+  border-right-color: var(--el-color-primary-light-1);
 }
 .el-button-group .el-button--secondary:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-secondary-light-4);
 }
 .el-button-group .el-button--secondary:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-secondary-light-4);
 }
 .el-button-group .el-button--secondary:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-secondary-light-4);
+  border-right-color: var(--el-color-secondary-light-4);
+}
+.el-button-group .el-button--secondary.is-disabled:first-child {
+  border-right-color: var(--el-color-secondary-light-1);
+}
+.el-button-group .el-button--secondary.is-disabled:last-child {
+  border-left-color: var(--el-color-secondary-light-1);
+}
+.el-button-group .el-button--secondary.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-secondary-light-1);
+  border-right-color: var(--el-color-secondary-light-1);
 }
 .el-button-group .el-button--neutral:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-neutral-light-4);
 }
 .el-button-group .el-button--neutral:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-neutral-light-4);
 }
 .el-button-group .el-button--neutral:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-neutral-light-4);
+  border-right-color: var(--el-color-neutral-light-4);
+}
+.el-button-group .el-button--neutral.is-disabled:first-child {
+  border-right-color: var(--el-color-neutral-light-1);
+}
+.el-button-group .el-button--neutral.is-disabled:last-child {
+  border-left-color: var(--el-color-neutral-light-1);
+}
+.el-button-group .el-button--neutral.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-neutral-light-1);
+  border-right-color: var(--el-color-neutral-light-1);
 }
 .el-button-group .el-button--success:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-success-light-4);
 }
 .el-button-group .el-button--success:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-success-light-4);
 }
 .el-button-group .el-button--success:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-success-light-4);
+  border-right-color: var(--el-color-success-light-4);
+}
+.el-button-group .el-button--success.is-disabled:first-child {
+  border-right-color: var(--el-color-success-light-1);
+}
+.el-button-group .el-button--success.is-disabled:last-child {
+  border-left-color: var(--el-color-success-light-1);
+}
+.el-button-group .el-button--success.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-success-light-1);
+  border-right-color: var(--el-color-success-light-1);
 }
 .el-button-group .el-button--warning:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-warning-light-4);
 }
 .el-button-group .el-button--warning:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-warning-light-4);
 }
 .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-warning-light-4);
+  border-right-color: var(--el-color-warning-light-4);
+}
+.el-button-group .el-button--warning.is-disabled:first-child {
+  border-right-color: var(--el-color-warning-light-1);
+}
+.el-button-group .el-button--warning.is-disabled:last-child {
+  border-left-color: var(--el-color-warning-light-1);
+}
+.el-button-group .el-button--warning.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-warning-light-1);
+  border-right-color: var(--el-color-warning-light-1);
 }
 .el-button-group .el-button--danger:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-danger-light-4);
 }
 .el-button-group .el-button--danger:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-danger-light-4);
 }
 .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-danger-light-4);
+  border-right-color: var(--el-color-danger-light-4);
+}
+.el-button-group .el-button--danger.is-disabled:first-child {
+  border-right-color: var(--el-color-danger-light-1);
+}
+.el-button-group .el-button--danger.is-disabled:last-child {
+  border-left-color: var(--el-color-danger-light-1);
+}
+.el-button-group .el-button--danger.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-danger-light-1);
+  border-right-color: var(--el-color-danger-light-1);
 }
 .el-button-group .el-button--error:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-error-light-4);
 }
 .el-button-group .el-button--error:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-error-light-4);
 }
 .el-button-group .el-button--error:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-error-light-4);
+  border-right-color: var(--el-color-error-light-4);
+}
+.el-button-group .el-button--error.is-disabled:first-child {
+  border-right-color: var(--el-color-error-light-1);
+}
+.el-button-group .el-button--error.is-disabled:last-child {
+  border-left-color: var(--el-color-error-light-1);
+}
+.el-button-group .el-button--error.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-error-light-1);
+  border-right-color: var(--el-color-error-light-1);
 }
 .el-button-group .el-button--info:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-info-light-4);
 }
 .el-button-group .el-button--info:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-info-light-4);
 }
 .el-button-group .el-button--info:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-info-light-4);
+  border-right-color: var(--el-color-info-light-4);
+}
+.el-button-group .el-button--info.is-disabled:first-child {
+  border-right-color: var(--el-color-info-light-1);
+}
+.el-button-group .el-button--info.is-disabled:last-child {
+  border-left-color: var(--el-color-info-light-1);
+}
+.el-button-group .el-button--info.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-info-light-1);
+  border-right-color: var(--el-color-info-light-1);
 }
 
 .el-button {
@@ -1138,10 +1362,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-border-color: var(--el-color-primary-light-5);
   --el-button-bg-color: var(--el-color-primary-light-5);
   --el-button-text-color: var(--el-color-white);
-  --el-button-disabled-text-color: var(--el-disabled-text-color);
-  --el-button-disabled-bg-color: var(--el-fill-color-blank);
-  --el-button-disabled-border-color: var(--el-border-color-light);
-  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
+  --el-button-disabled-text-color: var(--el-color-primary-light-1);
+  --el-button-disabled-bg-color: var(--el-color-primary-light-2);
+  --el-button-disabled-border-color: var(--el-color-primary-light-2);
+  --el-button-divide-border-color: var(--el-color-primary-light-4);
   --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-bg-color: var(--el-color-primary-light-4);
   --el-button-hover-border-color: var(--el-color-primary-light-4);
@@ -1200,6 +1424,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 12px 15px;
   font-size: 14px;
   border-radius: var(--el-border-radius-base);
+  height: 40;
 }
 .el-button.is-round {
   padding: 12px 15px;
@@ -1224,6 +1449,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-bg-color: var(--el-color-white);
   --el-button-text-color: var(--el-color-primary);
 }
+.el-button.is-plain.is-disabled, .el-button.is-plain.is-disabled:hover {
+  background-color: transparent;
+  --el-button-disabled-text-color: var(--el-color-primary-light-2);
+}
 
 .el-button.is-active {
   color: var(--el-button-active-text-color);
@@ -1233,8 +1462,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button.is-disabled, .el-button.is-disabled:hover {
-  color: var(--el-button-disabled-text-color);
   cursor: not-allowed;
+  color: var(--el-button-disabled-text-color);
   background-image: none;
   background-color: var(--el-button-disabled-bg-color);
   border-color: var(--el-button-disabled-border-color);
@@ -1285,9 +1514,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-bg-color: var(--el-color-primary-light-6);
   --el-button-border-color: var(--el-color-primary-light-6);
 }
-.el-button.is-text.is-disabled {
-  color: var(--el-button-disabled-text-color);
-  background-color: transparent !important;
+.el-button.is-text.is-disabled, .el-button.is-text.is-disabled:hover {
+  background-color: transparent;
+  --el-button-text-color: var(--el-color-primary-light-2);
+  --el-button-disabled-text-color: var(--el-color-primary-light-2);
 }
 
 .el-button.is-text.el-button--primary:not(.is-disabled):hover {
@@ -1554,12 +1784,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-primary-light-4);
   --el-button-active-bg-color: var(--el-color-primary-light-6);
   --el-button-active-border-color: var(--el-color-primary-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-primary-light-1);
   --el-button-disabled-bg-color: var(--el-color-primary-light-2);
   --el-button-disabled-border-color: var(--el-color-primary-light-2);
 }
 .el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
   --el-button-text-color: var(--el-color-primary);
+  --el-button-disabled-text-color: var(--el-color-primary-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-primary-light-5);
   --el-button-hover-text-color: var(--el-color-primary-light-4);
@@ -1571,7 +1802,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
   color: var(--el-color-primary-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-primary-light-2);
 }
 
@@ -1587,12 +1818,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-secondary-light-4);
   --el-button-active-bg-color: var(--el-color-secondary-light-6);
   --el-button-active-border-color: var(--el-color-secondary-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-secondary-light-1);
   --el-button-disabled-bg-color: var(--el-color-secondary-light-2);
   --el-button-disabled-border-color: var(--el-color-secondary-light-2);
 }
 .el-button--secondary.is-plain, .el-button--secondary.is-text, .el-button--secondary.is-link {
   --el-button-text-color: var(--el-color-secondary);
+  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-secondary-light-5);
   --el-button-hover-text-color: var(--el-color-secondary-light-4);
@@ -1604,7 +1836,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--secondary.is-plain.is-disabled, .el-button--secondary.is-plain.is-disabled:hover, .el-button--secondary.is-plain.is-disabled:focus, .el-button--secondary.is-plain.is-disabled:active, .el-button--secondary.is-text.is-disabled, .el-button--secondary.is-text.is-disabled:hover, .el-button--secondary.is-text.is-disabled:focus, .el-button--secondary.is-text.is-disabled:active, .el-button--secondary.is-link.is-disabled, .el-button--secondary.is-link.is-disabled:hover, .el-button--secondary.is-link.is-disabled:focus, .el-button--secondary.is-link.is-disabled:active {
   color: var(--el-color-secondary-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-secondary-light-2);
 }
 
@@ -1620,12 +1852,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-neutral-light-4);
   --el-button-active-bg-color: var(--el-color-neutral-light-6);
   --el-button-active-border-color: var(--el-color-neutral-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-neutral-light-1);
   --el-button-disabled-bg-color: var(--el-color-neutral-light-2);
   --el-button-disabled-border-color: var(--el-color-neutral-light-2);
 }
 .el-button--neutral.is-plain, .el-button--neutral.is-text, .el-button--neutral.is-link {
   --el-button-text-color: var(--el-color-neutral);
+  --el-button-disabled-text-color: var(--el-color-neutral-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-neutral-light-5);
   --el-button-hover-text-color: var(--el-color-neutral-light-4);
@@ -1637,7 +1870,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--neutral.is-plain.is-disabled, .el-button--neutral.is-plain.is-disabled:hover, .el-button--neutral.is-plain.is-disabled:focus, .el-button--neutral.is-plain.is-disabled:active, .el-button--neutral.is-text.is-disabled, .el-button--neutral.is-text.is-disabled:hover, .el-button--neutral.is-text.is-disabled:focus, .el-button--neutral.is-text.is-disabled:active, .el-button--neutral.is-link.is-disabled, .el-button--neutral.is-link.is-disabled:hover, .el-button--neutral.is-link.is-disabled:focus, .el-button--neutral.is-link.is-disabled:active {
   color: var(--el-color-neutral-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-neutral-light-2);
 }
 
@@ -1653,12 +1886,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-success-light-4);
   --el-button-active-bg-color: var(--el-color-success-light-6);
   --el-button-active-border-color: var(--el-color-success-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-success-light-1);
   --el-button-disabled-bg-color: var(--el-color-success-light-2);
   --el-button-disabled-border-color: var(--el-color-success-light-2);
 }
 .el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
   --el-button-text-color: var(--el-color-success);
+  --el-button-disabled-text-color: var(--el-color-success-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-success-light-5);
   --el-button-hover-text-color: var(--el-color-success-light-4);
@@ -1670,7 +1904,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
   color: var(--el-color-success-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-success-light-2);
 }
 
@@ -1686,12 +1920,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-warning-light-4);
   --el-button-active-bg-color: var(--el-color-warning-light-6);
   --el-button-active-border-color: var(--el-color-warning-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-warning-light-1);
   --el-button-disabled-bg-color: var(--el-color-warning-light-2);
   --el-button-disabled-border-color: var(--el-color-warning-light-2);
 }
 .el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
   --el-button-text-color: var(--el-color-warning);
+  --el-button-disabled-text-color: var(--el-color-warning-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-warning-light-5);
   --el-button-hover-text-color: var(--el-color-warning-light-4);
@@ -1703,7 +1938,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
   color: var(--el-color-warning-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-warning-light-2);
 }
 
@@ -1719,12 +1954,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-danger-light-4);
   --el-button-active-bg-color: var(--el-color-danger-light-6);
   --el-button-active-border-color: var(--el-color-danger-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-danger-light-1);
   --el-button-disabled-bg-color: var(--el-color-danger-light-2);
   --el-button-disabled-border-color: var(--el-color-danger-light-2);
 }
 .el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
   --el-button-text-color: var(--el-color-danger);
+  --el-button-disabled-text-color: var(--el-color-danger-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-danger-light-5);
   --el-button-hover-text-color: var(--el-color-danger-light-4);
@@ -1736,7 +1972,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
   color: var(--el-color-danger-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-danger-light-2);
 }
 
@@ -1752,12 +1988,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-error-light-4);
   --el-button-active-bg-color: var(--el-color-error-light-6);
   --el-button-active-border-color: var(--el-color-error-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-error-light-1);
   --el-button-disabled-bg-color: var(--el-color-error-light-2);
   --el-button-disabled-border-color: var(--el-color-error-light-2);
 }
 .el-button--error.is-plain, .el-button--error.is-text, .el-button--error.is-link {
   --el-button-text-color: var(--el-color-error);
+  --el-button-disabled-text-color: var(--el-color-error-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-error-light-5);
   --el-button-hover-text-color: var(--el-color-error-light-4);
@@ -1769,7 +2006,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--error.is-plain.is-disabled, .el-button--error.is-plain.is-disabled:hover, .el-button--error.is-plain.is-disabled:focus, .el-button--error.is-plain.is-disabled:active, .el-button--error.is-text.is-disabled, .el-button--error.is-text.is-disabled:hover, .el-button--error.is-text.is-disabled:focus, .el-button--error.is-text.is-disabled:active, .el-button--error.is-link.is-disabled, .el-button--error.is-link.is-disabled:hover, .el-button--error.is-link.is-disabled:focus, .el-button--error.is-link.is-disabled:active {
   color: var(--el-color-error-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-error-light-2);
 }
 
@@ -1785,12 +2022,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-button-hover-border-color: var(--el-color-info-light-4);
   --el-button-active-bg-color: var(--el-color-info-light-6);
   --el-button-active-border-color: var(--el-color-info-light-6);
-  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-info-light-1);
   --el-button-disabled-bg-color: var(--el-color-info-light-2);
   --el-button-disabled-border-color: var(--el-color-info-light-2);
 }
 .el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
   --el-button-text-color: var(--el-color-info);
+  --el-button-disabled-text-color: var(--el-color-info-light-9);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-info-light-5);
   --el-button-hover-text-color: var(--el-color-info-light-4);
@@ -1802,7 +2040,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
   color: var(--el-color-info-light-2);
-  background-color: var(--el-color-white);
+  background-color: transparent;
   border-color: var(--el-color-info-light-2);
 }
 
@@ -1817,6 +2055,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 12px 15px;
   font-size: 14px;
   border-radius: var(--el-border-radius-base);
+  height: 40;
 }
 .el-button--large.is-round {
   padding: 12px 15px;
@@ -1838,6 +2077,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 8px 15px;
   font-size: 14px;
   border-radius: 4px;
+  height: 40;
 }
 .el-button--medium.is-round {
   padding: 8px 15px;
@@ -1862,6 +2102,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 4px;
+  height: 40;
 }
 .el-button--small.is-round {
   padding: 5px 15px;
@@ -1883,6 +2124,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 4px;
+  height: 40;
 }
 .el-button--mini.is-round {
   padding: 5px 15px;
@@ -1973,8 +2215,8 @@ heights > $common-component-size
 
 .el-card {
   --el-card-border-color: var(--el-border-color-light);
-  --el-card-border-radius: 4px;
-  --el-card-padding: 20px;
+  --el-card-border-radius: 6px;
+  --el-card-padding: 24px;
   --el-card-bg-color: var(--el-fill-color-blank);
 }
 
@@ -1995,19 +2237,26 @@ heights > $common-component-size
 }
 
 .el-card__header {
-  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
-  border-bottom: 1px solid var(--el-card-border-color);
+  padding: var(--el-card-padding) var(--el-card-padding) 0 var(--el-card-padding);
   box-sizing: border-box;
+  font-size: 18px;
+  line-height: 22px;
+  font-weight: 500;
 }
 
 .el-card__body {
   padding: var(--el-card-padding);
+  font-size: 14px;
+  line-height: 24px;
+  color: var(--el-color-neutral-light-8);
 }
 
 .el-card__footer {
-  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
-  border-top: 1px solid var(--el-card-border-color);
+  padding: 0 var(--el-card-padding) var(--el-card-padding) var(--el-card-padding);
   box-sizing: border-box;
+  color: var(--el-color-neutral-light-8);
+  font-size: 12px;
+  line-height: 16px;
 }
 
 .el-carousel__item {
@@ -2747,6 +2996,7 @@ heights > $common-component-size
   padding: 12px 15px;
   font-size: 14px;
   border-radius: 0;
+  height: 40;
 }
 .el-checkbox-button__inner.is-round {
   padding: 12px 15px;
@@ -2811,6 +3061,7 @@ heights > $common-component-size
   padding: 12px 15px;
   font-size: 14px;
   border-radius: 0;
+  height: 40;
 }
 .el-checkbox-button--large .el-checkbox-button__inner.is-round {
   padding: 12px 15px;
@@ -2822,6 +3073,7 @@ heights > $common-component-size
   padding: 8px 15px;
   font-size: 14px;
   border-radius: 0;
+  height: 40;
 }
 .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
   padding: 8px 15px;
@@ -2833,6 +3085,7 @@ heights > $common-component-size
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 0;
+  height: 40;
 }
 .el-checkbox-button--small .el-checkbox-button__inner.is-round {
   padding: 5px 15px;
@@ -2844,6 +3097,7 @@ heights > $common-component-size
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 0;
+  height: 40;
 }
 .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
   padding: 5px 15px;
@@ -6598,7 +6852,7 @@ heights > $common-component-size
 }
 .el-date-table td.today .el-date-table-cell__text {
   color: var(--el-color-primary);
-  font-weight: bold;
+  font-weight: 500;
 }
 .el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
   color: #ffffff;
@@ -6660,10 +6914,10 @@ heights > $common-component-size
   outline: none;
 }
 .el-date-table th {
-  padding: 5px;
+  padding: 0;
   color: var(--el-datepicker-header-text-color);
   font-weight: 400;
-  border-bottom: solid 1px var(--el-border-color-lighter);
+  border-bottom: solid 1px var(--el-color-neutral-light-4);
 }
 
 .el-month-table {
@@ -6909,16 +7163,15 @@ heights > $common-component-size
 .el-time-spinner__item {
   height: 32px;
   line-height: 32px;
-  font-size: 12px;
-  color: var(--el-text-color-regular);
+  font-size: 14px;
+  color: var(--el-color-neutral-light-7);
 }
 .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
   background: var(--el-fill-color-light);
   cursor: pointer;
 }
 .el-time-spinner__item.is-active:not(.is-disabled) {
-  color: var(--el-text-color-primary);
-  font-weight: bold;
+  color: var(--el-color-primary);
 }
 .el-time-spinner__item.is-disabled {
   color: var(--el-text-color-placeholder);
@@ -7192,11 +7445,44 @@ heights > $common-component-size
 
 .el-picker-panel__footer {
   border-top: 1px solid var(--el-datepicker-inner-border-color);
-  padding: 4px 12px;
+  padding: 16px;
   text-align: right;
   background-color: var(--el-bg-color-overlay);
   position: relative;
   font-size: 0;
+  display: flex;
+  gap: 30px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.el-picker-panel__footer .el-button {
+  display: flex;
+  flex-basis: 100%;
+}
+.el-picker-panel__footer .el-button.is-text {
+  --el-button-active-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-5);
+}
+.el-picker-panel__footer .el-button.is-text:hover {
+  --el-button-text-color: var(--el-color-primary-light-4);
+  border: 1px solid var(--el-color-primary-light-4);
+  background-color: transparent;
+}
+.el-picker-panel__footer .el-button.is-text:active {
+  --el-button-text-color: var(--el-color-primary-light-6);
+  --el-button-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-6);
+  background-color: transparent;
+}
+.el-picker-panel__footer .el-button.is-plain {
+  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-bg-color: var(--el-color-primary-light-4);
+  --el-button-hover-border-color: var(--el-color-primary-light-4);
+  --el-button-active-text-color: var(--el-button-hover-text-color);
+  --el-button-active-bg-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-bg-color: var(--el-color-primary-light-5);
+  --el-button-text-color: var(--el-color-white);
 }
 
 .el-picker-panel__shortcut {
@@ -7205,9 +7491,9 @@ heights > $common-component-size
   border: 0;
   background-color: transparent;
   line-height: 28px;
-  font-size: 14px;
-  color: var(--el-datepicker-text-color);
-  padding-left: 12px;
+  font-size: 12px;
+  color: var(--el-color-neutral-light-7);
+  padding-left: 16px;
   text-align: left;
   outline: none;
   cursor: pointer;
@@ -7243,7 +7529,7 @@ heights > $common-component-size
   background: transparent;
   cursor: pointer;
   outline: none;
-  margin-top: 8px;
+  width: 24px;
 }
 .el-picker-panel__icon-btn:hover {
   color: var(--el-datepicker-hover-text-color);
@@ -7275,9 +7561,11 @@ heights > $common-component-size
   width: 110px;
   border-right: 1px solid var(--el-datepicker-inner-border-color);
   box-sizing: border-box;
-  padding-top: 6px;
+  padding-top: 16px;
   background-color: var(--el-bg-color-overlay);
   overflow: auto;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
 
 .el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
@@ -7288,12 +7576,12 @@ heights > $common-component-size
 .el-date-picker {
   --el-datepicker-text-color: var(--el-text-color-regular);
   --el-datepicker-off-text-color: var(--el-text-color-placeholder);
-  --el-datepicker-header-text-color: var(--el-text-color-regular);
-  --el-datepicker-icon-color: var(--el-text-color-primary);
+  --el-datepicker-header-text-color: var(--el-color-neutral-light-4);
+  --el-datepicker-icon-color: var(--el-color-neutral-light-4);
   --el-datepicker-border-color: var(--el-disabled-border-color);
   --el-datepicker-inner-border-color: var(--el-border-color-light);
-  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
-  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
+  --el-datepicker-inrange-bg-color: var(--el-color-primary-light-1);
+  --el-datepicker-inrange-hover-bg-color: var(--el-color-primary-light-1);
   --el-datepicker-active-color: var(--el-color-primary);
   --el-datepicker-hover-text-color: var(--el-color-primary);
 }
@@ -7319,16 +7607,15 @@ heights > $common-component-size
 }
 .el-date-picker__editor-wrap {
   position: relative;
-  display: table-cell;
-  padding: 0 5px;
 }
 
 .el-date-picker__time-header {
   position: relative;
   border-bottom: 1px solid var(--el-datepicker-inner-border-color);
   font-size: 12px;
-  padding: 8px 5px 5px;
-  display: table;
+  padding: 16px;
+  display: inline-flex;
+  gap: 30px;
   width: 100%;
   box-sizing: border-box;
 }
@@ -7393,12 +7680,12 @@ heights > $common-component-size
 .el-date-range-picker {
   --el-datepicker-text-color: var(--el-text-color-regular);
   --el-datepicker-off-text-color: var(--el-text-color-placeholder);
-  --el-datepicker-header-text-color: var(--el-text-color-regular);
-  --el-datepicker-icon-color: var(--el-text-color-primary);
+  --el-datepicker-header-text-color: var(--el-color-neutral-light-4);
+  --el-datepicker-icon-color: var(--el-color-neutral-light-4);
   --el-datepicker-border-color: var(--el-disabled-border-color);
   --el-datepicker-inner-border-color: var(--el-border-color-light);
-  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
-  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
+  --el-datepicker-inrange-bg-color: var(--el-color-primary-light-1);
+  --el-datepicker-inrange-hover-bg-color: var(--el-color-primary-light-1);
   --el-datepicker-active-color: var(--el-color-primary);
   --el-datepicker-hover-text-color: var(--el-color-primary);
 }
@@ -7434,7 +7721,9 @@ heights > $common-component-size
   float: right;
 }
 .el-date-range-picker__header div {
-  font-size: 16px;
+  font-size: 14px;
+  line-height: 25px;
+  color: var(--el-color-neutral-light-9);
   font-weight: 500;
   margin-right: 50px;
 }
@@ -7457,7 +7746,8 @@ heights > $common-component-size
 
 .el-date-range-picker__editors-wrap {
   box-sizing: border-box;
-  display: table-cell;
+  display: inline-flex;
+  gap: 30px;
 }
 .el-date-range-picker__editors-wrap.is-right {
   text-align: right;
@@ -7467,8 +7757,9 @@ heights > $common-component-size
   position: relative;
   border-bottom: 1px solid var(--el-datepicker-inner-border-color);
   font-size: 12px;
-  padding: 8px 5px 5px 5px;
-  display: table;
+  padding: 16px;
+  display: inline-flex;
+  gap: 30px;
   width: 100%;
   box-sizing: border-box;
 }
@@ -7482,7 +7773,7 @@ heights > $common-component-size
 .el-date-range-picker__time-picker-wrap {
   position: relative;
   display: table-cell;
-  padding: 0 5px;
+  padding: 0;
 }
 .el-date-range-picker__time-picker-wrap .el-picker-panel {
   position: absolute;
@@ -7502,26 +7793,33 @@ heights > $common-component-size
 .el-time-range-picker__content {
   position: relative;
   text-align: center;
-  padding: 10px;
+  padding: 24px 30px;
   z-index: 1;
+  display: flex;
+  gap: 30px;
 }
 
 .el-time-range-picker__cell {
   box-sizing: border-box;
   margin: 0;
-  padding: 4px 7px 7px;
+  padding: 0;
   width: 50%;
   display: inline-block;
 }
 
 .el-time-range-picker__header {
-  margin-bottom: 5px;
+  margin-bottom: 16px;
   text-align: center;
   font-size: 14px;
+  font-weight: 500;
+  line-height: 14px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
 }
 
 .el-time-range-picker__body {
-  border-radius: 2px;
+  border-radius: 4px;
   border: 1px solid var(--el-datepicker-border-color);
 }
 
@@ -7561,8 +7859,8 @@ heights > $common-component-size
   padding-left: 50%;
   margin-right: 12%;
   margin-left: 12%;
-  border-top: 1px solid var(--el-border-color-light);
-  border-bottom: 1px solid var(--el-border-color-light);
+  border-top: 1px solid var(--el-color-neutral-light-4);
+  border-bottom: 1px solid var(--el-color-neutral-light-4);
 }
 .el-time-panel__content.has-seconds::after {
   left: 66.6666666667%;
@@ -7572,32 +7870,44 @@ heights > $common-component-size
 }
 
 .el-time-panel__footer {
-  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
-  padding: 4px;
-  height: 36px;
+  border-top: 1px solid var(--el-color-neutral-light-4, var(--el-border-color-light));
+  padding: 16px;
   line-height: 25px;
   text-align: right;
   box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 16px;
 }
 
 .el-time-panel__btn {
-  border: none;
-  line-height: 28px;
-  padding: 0 5px;
-  margin: 0 5px;
-  cursor: pointer;
-  background-color: transparent;
-  outline: none;
-  font-size: 12px;
-  color: var(--el-text-color-primary);
+  flex-basis: 100%;
 }
 .el-time-panel__btn.confirm {
-  font-weight: 800;
-  color: var(--el-timepicker-active-color, var(--el-color-primary));
+  @apply el-button--small el-button el-button--primary;
+  font-weight: 400;
+}
+.el-time-panel__btn.cancel {
+  @apply el-button--small is-plain;
+  --el-button-text-color: var(--el-color-primary-light-5);
+  line-height: normal;
+  border: 1px solid var(--el-color-primary-light-5);
+  color: var(--el-button-text-color);
+}
+.el-time-panel__btn.cancel:hover {
+  --el-button-text-color: var(--el-color-primary-light-4);
+  border: 1px solid var(--el-color-primary-light-4);
+  background-color: transparent;
+}
+.el-time-panel__btn.cancel:active {
+  --el-button-text-color: var(--el-color-primary-light-6);
+  --el-button-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-6);
+  background-color: transparent;
 }
 
 .el-descriptions {
-  --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
+  --el-descriptions-table-border: none;
   --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
   box-sizing: border-box;
   font-size: var(--el-font-size-base);
@@ -7607,12 +7917,13 @@ heights > $common-component-size
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
+  line-height: 22px;
 }
 .el-descriptions__title {
   color: var(--el-text-color-primary);
-  font-size: 16px;
-  font-weight: bold;
+  font-size: 18px;
+  font-weight: 500;
 }
 
 .el-descriptions__body {
@@ -7626,7 +7937,7 @@ heights > $common-component-size
   box-sizing: border-box;
   text-align: left;
   font-weight: normal;
-  line-height: 23px;
+  line-height: 24px;
   font-size: 14px;
 }
 .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
@@ -7643,69 +7954,101 @@ heights > $common-component-size
 
 .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
   border: var(--el-descriptions-table-border);
-  padding: 8px 11px;
+  padding: 8px 12px 8px 0;
 }
 .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding-bottom: 12px;
+  padding: 8px 12px 8px 0;
 }
 
 .el-descriptions--large {
   font-size: 14px;
 }
 .el-descriptions--large .el-descriptions__header {
-  margin-bottom: 20px;
+  margin-bottom: 8px;
 }
 .el-descriptions--large .el-descriptions__header .el-descriptions__title {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
   font-size: 14px;
 }
 .el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 12px 15px;
+  padding: 8px 12px 8px 0;
 }
 .el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding-bottom: 16px;
+  padding: 8px 12px 8px 0;
 }
 
 .el-descriptions--medium {
   font-size: 14px;
 }
+.el-descriptions--medium .el-descriptions__header {
+  margin-bottom: 8px;
+}
+.el-descriptions--medium .el-descriptions__header .el-descriptions__title {
+  font-size: 18px;
+}
+
+.el-descriptions--medium .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
+  font-size: 14px;
+}
+.el-descriptions--medium .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
+  padding: 6px 12px 6px 0;
+}
+.el-descriptions--medium .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
+  padding: 6px 12px 6px 0;
+}
+
 .el-descriptions--small {
   font-size: 12px;
 }
 .el-descriptions--small .el-descriptions__header {
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 .el-descriptions--small .el-descriptions__header .el-descriptions__title {
-  font-size: 14px;
+  font-size: 18px;
 }
 
 .el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 12px;
+  font-size: 14px;
 }
 .el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 4px 7px;
+  padding: 3px 12px 3px 0;
 }
 .el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding-bottom: 8px;
+  padding: 3px 12px 3px 0;
 }
 
 .el-descriptions--mini {
   font-size: 12px;
 }
+.el-descriptions--mini .el-descriptions__header {
+  margin-bottom: 8px;
+}
+.el-descriptions--mini .el-descriptions__header .el-descriptions__title {
+  font-size: 18px;
+}
+
+.el-descriptions--mini .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
+  font-size: 14px;
+}
+.el-descriptions--mini .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
+  padding: 2px 12px 2px 0;
+}
+.el-descriptions--mini .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
+  padding: 2px 12px 2px 0;
+}
+
 .el-descriptions__label.el-descriptions__cell.is-bordered-label {
-  font-weight: bold;
-  color: var(--el-text-color-regular);
-  background: var(--el-descriptions-item-bordered-label-background);
+  color: var(--el-color-neutral-light-7);
 }
 .el-descriptions__label:not(.is-bordered-label) {
-  color: var(--el-text-color-primary);
-  margin-right: 16px;
+  color: var(--el-color-neutral-light-7);
+  margin-right: 6px;
 }
 .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 6px;
+  padding-bottom: 8px;
 }
 
 .el-descriptions__content.el-descriptions__cell.is-bordered-content {
@@ -7716,19 +8059,33 @@ heights > $common-component-size
 }
 
 .el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
-  margin-right: 16px;
+  margin-right: 6px;
 }
 .el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
   padding-bottom: 8px;
 }
 
+.el-descriptions--medium .el-descriptions__label:not(.is-bordered-label) {
+  margin-right: 6px;
+}
+.el-descriptions--medium .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
+  padding-bottom: 6px;
+}
+
 .el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
-  margin-right: 12px;
+  margin-right: 6px;
 }
 .el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
   padding-bottom: 4px;
 }
 
+.el-descriptions--mini .el-descriptions__label:not(.is-bordered-label) {
+  margin-right: 6px;
+}
+.el-descriptions--mini .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
+  padding-bottom: 2px;
+}
+
 :root {
   --el-popup-modal-bg-color: var(--el-color-black);
   --el-popup-modal-opacity: 0.5;
@@ -7821,7 +8178,7 @@ heights > $common-component-size
   padding-bottom: var(--el-dialog-padding-primary);
 }
 .el-dialog__header.show-close {
-  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
+  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-dialog__headerbtn {
@@ -7835,7 +8192,7 @@ heights > $common-component-size
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 16px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-dialog__headerbtn .el-dialog__close {
   color: var(--el-color-primary);
@@ -8103,23 +8460,27 @@ heights > $common-component-size
 
 .el-dropdown {
   --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
-  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
+  --el-dropdown-menuItem-hover-fill: var(--el-color-white);
   --el-dropdown-menuItem-hover-color: var(--el-color-primary);
   --el-dropdown-menu-index: 10;
   display: inline-flex;
   position: relative;
-  color: var(--el-text-color-regular);
+  color: var(--el-color-primary-light-5);
   font-size: var(--el-font-size-base);
   line-height: 1;
   vertical-align: top;
 }
+.el-dropdown .el-dropdown-link {
+  display: flex;
+  align-items: center;
+}
 .el-dropdown.is-disabled {
   color: var(--el-text-color-placeholder);
   cursor: not-allowed;
 }
 .el-dropdown__popper {
   --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
-  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
+  --el-dropdown-menuItem-hover-fill: var(--el-color-white);
   --el-dropdown-menuItem-hover-color: var(--el-color-primary);
   --el-dropdown-menu-index: 10;
 }
@@ -8222,7 +8583,7 @@ heights > $common-component-size
   background-color: var(--el-bg-color-overlay);
   border: none;
   border-radius: var(--el-border-radius-base);
-  box-shadow: none;
+  box-shadow: var(--el-box-shadow-light);
   list-style: none;
 }
 .el-dropdown-menu__item {
@@ -8233,8 +8594,9 @@ heights > $common-component-size
   line-height: 22px;
   padding: 5px 16px;
   margin: 0;
-  font-size: var(--el-font-size-base);
-  color: var(--el-text-color-regular);
+  font-size: var(--el-font-size-small);
+  font-weight: 500;
+  color: var(--el-text-color-secondary);
   cursor: pointer;
   outline: none;
 }
@@ -8259,9 +8621,8 @@ heights > $common-component-size
   padding: 7px 0;
 }
 .el-dropdown-menu--large .el-dropdown-menu__item {
-  padding: 7px 20px;
+  padding: 5px 16px;
   line-height: 22px;
-  font-size: 14px;
 }
 .el-dropdown-menu--large .el-dropdown-menu__item--divided {
   margin: 8px 0;
@@ -8271,15 +8632,14 @@ heights > $common-component-size
   padding: -1px 0;
 }
 .el-dropdown-menu--medium .el-dropdown-menu__item {
-  font-size: 14px;
+  padding: 5px 16px;
 }
 .el-dropdown-menu--small {
   padding: 3px 0;
 }
 .el-dropdown-menu--small .el-dropdown-menu__item {
-  padding: 2px 12px;
+  padding: 5px 16px;
   line-height: 20px;
-  font-size: 12px;
 }
 .el-dropdown-menu--small .el-dropdown-menu__item--divided {
   margin: 4px 0;
@@ -8289,7 +8649,7 @@ heights > $common-component-size
   padding: -1px 0;
 }
 .el-dropdown-menu--mini .el-dropdown-menu__item {
-  font-size: 12px;
+  padding: 5px 16px;
 }
 .el-empty {
   --el-empty-padding: 40px 0;
@@ -9266,8 +9626,8 @@ heights > $common-component-size
   z-index: 1;
   top: 1px;
   bottom: 1px;
-  width: 40px;
-  background: var(--el-fill-color-light);
+  width: 22px;
+  background: transparent;
   color: var(--el-text-color-regular);
   cursor: pointer;
   font-size: 13px;
@@ -9284,6 +9644,14 @@ heights > $common-component-size
   cursor: not-allowed;
 }
 
+.el-input-number:not(.is-disabled):not(.is-controls-right):hover .el-input-number__decrease {
+  border-right: 1px solid var(--el-color-primary);
+}
+
+.el-input-number:not(.is-disabled):not(.is-controls-right):hover .el-input-number__increase {
+  border-left: 1px solid var(--el-color-primary);
+}
+
 .el-input-number__increase {
   right: 1px;
   border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
@@ -9310,7 +9678,7 @@ heights > $common-component-size
   line-height: 38px;
 }
 .el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
-  width: 40px;
+  width: 22px;
   font-size: 14px;
 }
 
@@ -9323,7 +9691,7 @@ heights > $common-component-size
   line-height: 34px;
 }
 .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
-  width: 36px;
+  width: 22px;
   font-size: 14px;
 }
 
@@ -9337,7 +9705,7 @@ heights > $common-component-size
   line-height: 28px;
 }
 .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
-  width: 30px;
+  width: 22px;
   font-size: 12px;
 }
 
@@ -9350,7 +9718,7 @@ heights > $common-component-size
   line-height: 26px;
 }
 .el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
-  width: 28px;
+  width: 22px;
   font-size: 12px;
 }
 
@@ -9397,6 +9765,14 @@ heights > $common-component-size
   border-radius: 0 0 var(--el-border-radius-base) 0;
 }
 
+.el-input-number.is-controls-right:not(.is-disabled):hover .el-input-number__increase, .el-input-number.is-controls-right:not(.is-disabled):hover .el-input-number__decrease {
+  border-left: 1px solid var(--el-color-primary);
+}
+
+.el-input-number.is-controls-right:not(.is-disabled):hover .el-input-number__increase {
+  border-bottom: 1px solid var(--el-color-primary);
+}
+
 .el-input-number.is-controls-right[class*=large] [class*=increase],
 .el-input-number.is-controls-right[class*=large] [class*=decrease] {
   --el-input-number-controls-height: 19px;
@@ -9417,13 +9793,15 @@ heights > $common-component-size
 .el-link {
   --el-link-font-size: var(--el-font-size-base);
   --el-link-font-weight: var(--el-font-weight-primary);
-  --el-link-text-color: var(--el-text-color-regular);
-  --el-link-hover-text-color: var(--el-color-primary);
-  --el-link-disabled-text-color: var(--el-text-color-placeholder);
+  --el-link-text-color: var(--el-color-primary-light-5);
+  --el-link-hover-text-color: var(--el-color-primary-light-4);
+  --el-link-disabled-text-color: var(--el-color-primary-light-2);
+  --el-link-active-text-color: var(--el-color-primary-light-6);
 }
 
 .el-link {
   display: inline-flex;
+  gap: 4px;
   flex-direction: row;
   align-items: center;
   justify-content: center;
@@ -9440,16 +9818,9 @@ heights > $common-component-size
 .el-link:hover {
   color: var(--el-link-hover-text-color);
 }
-.el-link.is-underline:hover:after {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  height: 0;
-  bottom: 0;
-  border-bottom: 1px solid var(--el-link-hover-text-color);
+.el-link:active {
+  color: var(--el-link-active-text-color);
 }
-
 .el-link.is-disabled {
   color: var(--el-link-disabled-text-color);
   cursor: not-allowed;
@@ -9469,8 +9840,9 @@ heights > $common-component-size
 
 .el-link.el-link--primary {
   --el-link-text-color: var(--el-color-primary);
-  --el-link-hover-text-color: var(--el-color-primary-light-3);
-  --el-link-disabled-text-color: var(--el-color-primary-light-5);
+  --el-link-hover-text-color: var(--el-color-primary-light-4);
+  --el-link-active-text-color: var(--el-color-primary-light-6);
+  --el-link-disabled-text-color: var(--el-color-primary-light-2);
 }
 .el-link.el-link--primary:after {
   border-color: var(--el-link-text-color);
@@ -9481,8 +9853,9 @@ heights > $common-component-size
 
 .el-link.el-link--secondary {
   --el-link-text-color: var(--el-color-secondary);
-  --el-link-hover-text-color: var(--el-color-secondary-light-3);
-  --el-link-disabled-text-color: var(--el-color-secondary-light-5);
+  --el-link-hover-text-color: var(--el-color-secondary-light-4);
+  --el-link-active-text-color: var(--el-color-secondary-light-6);
+  --el-link-disabled-text-color: var(--el-color-secondary-light-2);
 }
 .el-link.el-link--secondary:after {
   border-color: var(--el-link-text-color);
@@ -9493,8 +9866,9 @@ heights > $common-component-size
 
 .el-link.el-link--neutral {
   --el-link-text-color: var(--el-color-neutral);
-  --el-link-hover-text-color: var(--el-color-neutral-light-3);
-  --el-link-disabled-text-color: var(--el-color-neutral-light-5);
+  --el-link-hover-text-color: var(--el-color-neutral-light-4);
+  --el-link-active-text-color: var(--el-color-neutral-light-6);
+  --el-link-disabled-text-color: var(--el-color-neutral-light-2);
 }
 .el-link.el-link--neutral:after {
   border-color: var(--el-link-text-color);
@@ -9505,8 +9879,9 @@ heights > $common-component-size
 
 .el-link.el-link--success {
   --el-link-text-color: var(--el-color-success);
-  --el-link-hover-text-color: var(--el-color-success-light-3);
-  --el-link-disabled-text-color: var(--el-color-success-light-5);
+  --el-link-hover-text-color: var(--el-color-success-light-4);
+  --el-link-active-text-color: var(--el-color-success-light-6);
+  --el-link-disabled-text-color: var(--el-color-success-light-2);
 }
 .el-link.el-link--success:after {
   border-color: var(--el-link-text-color);
@@ -9517,8 +9892,9 @@ heights > $common-component-size
 
 .el-link.el-link--warning {
   --el-link-text-color: var(--el-color-warning);
-  --el-link-hover-text-color: var(--el-color-warning-light-3);
-  --el-link-disabled-text-color: var(--el-color-warning-light-5);
+  --el-link-hover-text-color: var(--el-color-warning-light-4);
+  --el-link-active-text-color: var(--el-color-warning-light-6);
+  --el-link-disabled-text-color: var(--el-color-warning-light-2);
 }
 .el-link.el-link--warning:after {
   border-color: var(--el-link-text-color);
@@ -9529,8 +9905,9 @@ heights > $common-component-size
 
 .el-link.el-link--danger {
   --el-link-text-color: var(--el-color-danger);
-  --el-link-hover-text-color: var(--el-color-danger-light-3);
-  --el-link-disabled-text-color: var(--el-color-danger-light-5);
+  --el-link-hover-text-color: var(--el-color-danger-light-4);
+  --el-link-active-text-color: var(--el-color-danger-light-6);
+  --el-link-disabled-text-color: var(--el-color-danger-light-2);
 }
 .el-link.el-link--danger:after {
   border-color: var(--el-link-text-color);
@@ -9541,8 +9918,9 @@ heights > $common-component-size
 
 .el-link.el-link--error {
   --el-link-text-color: var(--el-color-error);
-  --el-link-hover-text-color: var(--el-color-error-light-3);
-  --el-link-disabled-text-color: var(--el-color-error-light-5);
+  --el-link-hover-text-color: var(--el-color-error-light-4);
+  --el-link-active-text-color: var(--el-color-error-light-6);
+  --el-link-disabled-text-color: var(--el-color-error-light-2);
 }
 .el-link.el-link--error:after {
   border-color: var(--el-link-text-color);
@@ -9553,8 +9931,9 @@ heights > $common-component-size
 
 .el-link.el-link--info {
   --el-link-text-color: var(--el-color-info);
-  --el-link-hover-text-color: var(--el-color-info-light-3);
-  --el-link-disabled-text-color: var(--el-color-info-light-5);
+  --el-link-hover-text-color: var(--el-color-info-light-4);
+  --el-link-active-text-color: var(--el-color-info-light-6);
+  --el-link-disabled-text-color: var(--el-color-info-light-2);
 }
 .el-link.el-link--info:after {
   border-color: var(--el-link-text-color);
@@ -10039,7 +10418,7 @@ heights > $common-component-size
   padding-bottom: var(--el-messagebox-padding-primary);
 }
 .el-message-box__header.show-close {
-  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px));
+  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-message-box__title {
@@ -10058,7 +10437,7 @@ heights > $common-component-size
   border: none;
   outline: none;
   background: transparent;
-  font-size: var(--el-message-close-size, 16px);
+  font-size: var(--el-message-close-size, 12px);
   cursor: pointer;
 }
 .el-message-box__headerbtn .el-message-box__close {
@@ -10109,6 +10488,10 @@ heights > $common-component-size
   --el-messagebox-color: var(--el-color-error);
   color: var(--el-messagebox-color);
 }
+.el-message-box__status.el-message-box-icon--danger {
+  --el-messagebox-color: var(--el-color-danger);
+  color: var(--el-messagebox-color);
+}
 
 .el-message-box__message {
   margin: 0;
@@ -10170,19 +10553,21 @@ heights > $common-component-size
   }
 }
 .el-message {
-  --el-message-bg-color: var(--el-color-info-light-9);
-  --el-message-border-color: var(--el-border-color-lighter);
-  --el-message-padding: 11px 15px;
-  --el-message-close-size: 16px;
-  --el-message-close-icon-color: var(--el-text-color-placeholder);
-  --el-message-close-hover-color: var(--el-text-color-secondary);
+  --el-message-bg-color: var(--el-color-info-light-1);
+  --el-message-border-color: var(--el-color-info-light-3);
+  --el-message-padding: 8px 11px 8px 16px;
+  --el-message-font-size: 12px;
+  --el-message-close-size: 12px;
+  --el-message-close-icon-color: var(--el-color-info-light-5);
+  --el-message-close-hover-color: var(--el-text-color-light-4);
+  --el-message-text-color: var(--el-color-info-light-5);
 }
 
 .el-message {
   width: fit-content;
   max-width: calc(100% - 32px);
   box-sizing: border-box;
-  border-radius: var(--el-border-radius-base);
+  border-radius: 4px;
   border-width: var(--el-border-width);
   border-style: var(--el-border-style);
   border-color: var(--el-message-border-color);
@@ -10195,7 +10580,9 @@ heights > $common-component-size
   padding: var(--el-message-padding);
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
+  color: var(--el-message-text-color);
+  box-shadow: var(--el-box-shadow-light);
 }
 .el-message.is-center {
   justify-content: center;
@@ -10203,64 +10590,146 @@ heights > $common-component-size
 
 .el-message.is-plain {
   background-color: var(--el-bg-color-overlay);
-  border-color: var(--el-bg-color-overlay);
   box-shadow: var(--el-box-shadow-light);
+  border-color: var(--el-color-neutral-light-3);
 }
 
 .el-message p {
   margin: 0;
 }
+.el-message .el-message__closeBtn {
+  cursor: pointer;
+  color: var(--el-message-close-icon-color);
+  font-size: var(--el-message-close-size);
+}
+.el-message .el-message__closeBtn:focus {
+  outline-width: 0;
+}
+.el-message .el-message__closeBtn:hover {
+  color: var(--el-message-close-hover-color);
+}
+.el-message .el-message__closeBtn:hover {
+  color: var(--el-color-info-light-6);
+}
 .el-message--success {
-  --el-message-bg-color: var(--el-color-success-light-9);
-  --el-message-border-color: var(--el-color-success-light-8);
+  --el-message-bg-color: var(--el-color-success-light-1);
+  --el-message-border-color: var(--el-color-success-light-3);
   --el-message-text-color: var(--el-color-success);
 }
 .el-message--success .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--success .el-message__closeBtn {
+  color: var(--el-color-success);
+}
+.el-message--success .el-message__closeBtn:hover {
+  color: var(--el-color-success-light-4);
+}
+.el-message--success .el-message__closeBtn:active {
+  color: var(--el-color-success-light-6);
+}
 
 .el-message .el-message-icon--success {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message--info {
-  --el-message-bg-color: var(--el-color-info-light-9);
-  --el-message-border-color: var(--el-color-info-light-8);
+  --el-message-bg-color: var(--el-color-info-light-1);
+  --el-message-border-color: var(--el-color-info-light-3);
   --el-message-text-color: var(--el-color-info);
 }
 .el-message--info .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--info .el-message__closeBtn {
+  color: var(--el-color-info);
+}
+.el-message--info .el-message__closeBtn:hover {
+  color: var(--el-color-info-light-4);
+}
+.el-message--info .el-message__closeBtn:active {
+  color: var(--el-color-info-light-6);
+}
 
 .el-message .el-message-icon--info {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message--warning {
-  --el-message-bg-color: var(--el-color-warning-light-9);
-  --el-message-border-color: var(--el-color-warning-light-8);
+  --el-message-bg-color: var(--el-color-warning-light-1);
+  --el-message-border-color: var(--el-color-warning-light-3);
   --el-message-text-color: var(--el-color-warning);
 }
 .el-message--warning .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--warning .el-message__closeBtn {
+  color: var(--el-color-warning);
+}
+.el-message--warning .el-message__closeBtn:hover {
+  color: var(--el-color-warning-light-4);
+}
+.el-message--warning .el-message__closeBtn:active {
+  color: var(--el-color-warning-light-6);
+}
 
 .el-message .el-message-icon--warning {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message--error {
-  --el-message-bg-color: var(--el-color-error-light-9);
-  --el-message-border-color: var(--el-color-error-light-8);
+  --el-message-bg-color: var(--el-color-error-light-1);
+  --el-message-border-color: var(--el-color-error-light-3);
   --el-message-text-color: var(--el-color-error);
 }
 .el-message--error .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--error .el-message__closeBtn {
+  color: var(--el-color-error);
+}
+.el-message--error .el-message__closeBtn:hover {
+  color: var(--el-color-error-light-4);
+}
+.el-message--error .el-message__closeBtn:active {
+  color: var(--el-color-error-light-6);
+}
 
 .el-message .el-message-icon--error {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
+}
+.el-message--danger {
+  --el-message-bg-color: var(--el-color-danger-light-1);
+  --el-message-border-color: var(--el-color-danger-light-3);
+  --el-message-text-color: var(--el-color-danger);
+}
+.el-message--danger .el-message__content {
+  color: var(--el-message-text-color);
+  overflow-wrap: break-word;
+}
+.el-message--danger .el-message__closeBtn {
+  color: var(--el-color-danger);
+}
+.el-message--danger .el-message__closeBtn:hover {
+  color: var(--el-color-danger-light-4);
+}
+.el-message--danger .el-message__closeBtn:active {
+  color: var(--el-color-danger-light-6);
+}
+
+.el-message .el-message-icon--danger {
+  color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message .el-message__badge {
   position: absolute;
@@ -10269,45 +10738,61 @@ heights > $common-component-size
 }
 .el-message__content {
   padding: 0;
-  font-size: 14px;
-  line-height: 1;
+  font-size: var(--el-message-font-size);
+  line-height: 14px;
 }
 .el-message__content:focus {
   outline-width: 0;
 }
 
-.el-message .el-message__closeBtn {
-  cursor: pointer;
-  color: var(--el-message-close-icon-color);
-  font-size: var(--el-message-close-size);
-}
-.el-message .el-message__closeBtn:focus {
-  outline-width: 0;
-}
-.el-message .el-message__closeBtn:hover {
-  color: var(--el-message-close-hover-color);
-}
-
 .el-message-fade-enter-from,
 .el-message-fade-leave-to {
   opacity: 0;
   transform: translate(-50%, -100%);
 }
 
+.el-message::before {
+  font-family: "iconsax" !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 600;
+  line-height: 1;
+  speak: never;
+  text-transform: none;
+  font-size: 12px;
+}
+.el-message.el-message--success::before {
+  content: "\ec2a";
+}
+.el-message.el-message--info::before {
+  content: "\eb4d";
+}
+.el-message.el-message--warning::before {
+  content: "\e9f6";
+}
+.el-message.el-message--danger::before, .el-message.el-message--error::before {
+  content: "\e9c8";
+}
+.el-message .el-message__icon {
+  display: none;
+}
+
 .el-notification {
   --el-notification-width: 330px;
-  --el-notification-padding: 14px 26px 14px 13px;
+  --el-notification-padding: 12px 26px 12px 16px;
   --el-notification-radius: 8px;
   --el-notification-shadow: var(--el-box-shadow-light);
-  --el-notification-border-color: var(--el-border-color-lighter);
+  --el-notification-border-color: var(--el-color-neutral-light-3);
   --el-notification-icon-size: 24px;
-  --el-notification-close-font-size: var(--el-message-close-size, 16px);
+  --el-notification-close-font-size: var(--el-message-close-size, 12px);
   --el-notification-group-margin-left: 13px;
   --el-notification-group-margin-right: 8px;
   --el-notification-content-font-size: var(--el-font-size-base);
-  --el-notification-content-color: var(--el-text-color-regular);
-  --el-notification-title-font-size: 16px;
-  --el-notification-title-color: var(--el-text-color-primary);
+  --el-notification-content-color: var(--el-color-neutral-light-7);
+  --el-notification-title-font-size: 14px;
+  --el-notification-title-color: var(--el-color-neutral-light-9);
   --el-notification-close-color: var(--el-text-color-secondary);
   --el-notification-close-hover-color: var(--el-text-color-regular);
 }
@@ -10334,12 +10819,11 @@ heights > $common-component-size
   left: 16px;
 }
 .el-notification__group {
-  margin-left: var(--el-notification-group-margin-left);
   margin-right: var(--el-notification-group-margin-right);
 }
 
 .el-notification__title {
-  font-weight: bold;
+  font-weight: normal;
   font-size: var(--el-notification-title-font-size);
   line-height: var(--el-notification-icon-size);
   color: var(--el-notification-title-color);
@@ -10349,7 +10833,7 @@ heights > $common-component-size
 .el-notification__content {
   font-size: var(--el-notification-content-font-size);
   line-height: 24px;
-  margin: 6px 0 0;
+  margin: 12px 0 0;
   color: var(--el-notification-content-color);
 }
 .el-notification__content p {
@@ -10360,6 +10844,7 @@ heights > $common-component-size
   height: var(--el-notification-icon-size);
   width: var(--el-notification-icon-size);
   font-size: var(--el-notification-icon-size);
+  margin-right: 8px;
 }
 .el-notification .el-notification__closeBtn {
   position: absolute;
@@ -10388,6 +10873,10 @@ heights > $common-component-size
   --el-notification-icon-color: var(--el-color-error);
   color: var(--el-notification-icon-color);
 }
+.el-notification .el-notification--danger {
+  --el-notification-icon-color: var(--el-color-danger);
+  color: var(--el-notification-icon-color);
+}
 
 .el-notification-fade-enter-from.right {
   right: 0;
@@ -10471,35 +10960,59 @@ heights > $common-component-size
 .el-pagination {
   --el-pagination-font-size: 14px;
   --el-pagination-bg-color: var(--el-fill-color-blank);
-  --el-pagination-text-color: var(--el-text-color-primary);
+  --el-pagination-text-color: var(--el-color-neutral-light-4);
+  --el-pagination-border-radius: 2px;
+  --el-pagination-button-color: var(--el-color-neutral-light-4);
+  --el-pagination-button-width: 32px;
+  --el-pagination-button-height: 30px;
+  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
+  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
+  --el-pagination-button-bg-color: var(--el-fill-color);
+  --el-pagination-hover-color: var(--el-color-primary);
+  --el-pagination-font-size-small: 12px;
+  --el-pagination-button-width-small: 24px;
+  --el-pagination-button-height-small: 30px;
+  --el-pagination-button-width-large: 40px;
+  --el-pagination-button-height-large: 30px;
+  --el-pagination-item-gap: 16px;
+  --el-pagination-width: 100%;
+  --el-pagination-font-size: 14px;
+  --el-pagination-bg-color: var(--el-fill-color-blank);
+  --el-pagination-text-color: var(--el-color-neutral-light-4);
   --el-pagination-border-radius: 2px;
-  --el-pagination-button-color: var(--el-text-color-primary);
+  --el-pagination-button-color: var(--el-color-neutral-light-4);
   --el-pagination-button-width: 32px;
-  --el-pagination-button-height: 32px;
+  --el-pagination-button-height: 30px;
   --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
   --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
   --el-pagination-button-bg-color: var(--el-fill-color);
   --el-pagination-hover-color: var(--el-color-primary);
   --el-pagination-font-size-small: 12px;
   --el-pagination-button-width-small: 24px;
-  --el-pagination-button-height-small: 24px;
+  --el-pagination-button-height-small: 30px;
   --el-pagination-button-width-large: 40px;
-  --el-pagination-button-height-large: 40px;
+  --el-pagination-button-height-large: 30px;
   --el-pagination-item-gap: 16px;
+  --el-pagination-width: 100%;
   white-space: nowrap;
   color: var(--el-pagination-text-color);
   font-size: var(--el-pagination-font-size);
   font-weight: normal;
   display: flex;
   align-items: center;
+  width: var(--el-pagination-width);
 }
 .el-pagination .el-input__inner {
   text-align: center;
   -moz-appearance: textfield;
+  height: calc(var(--el-pagination-button-height, 30px) - 2px);
 }
 .el-pagination .el-select {
   width: 128px;
 }
+.el-pagination .el-select .el-select__wrapper {
+  min-height: var(--el-pagination-button-height);
+}
 .el-pagination button {
   display: flex;
   justify-content: center;
@@ -10529,10 +11042,8 @@ heights > $common-component-size
 .el-pagination button.is-active {
   color: var(--el-pagination-hover-color);
   cursor: default;
-  font-weight: bold;
 }
 .el-pagination button.is-active.is-disabled {
-  font-weight: bold;
   color: var(--el-text-color-secondary);
 }
 .el-pagination button:disabled, .el-pagination button.is-disabled {
@@ -10571,18 +11082,23 @@ heights > $common-component-size
 .el-pagination__total {
   margin-left: var(--el-pagination-item-gap);
   font-weight: normal;
-  color: var(--el-text-color-regular);
+  color: var(--el-pagination-text-color);
+  flex-grow: 1;
 }
 .el-pagination__total[disabled=true] {
   color: var(--el-text-color-placeholder);
 }
+.el-pagination__total::after {
+  content: "Records";
+  padding-left: 4px;
+}
 
 .el-pagination__jump {
   display: flex;
   align-items: center;
   margin-left: var(--el-pagination-item-gap);
   font-weight: normal;
-  color: var(--el-text-color-regular);
+  color: var(--el-pagination-text-color);
 }
 .el-pagination__jump[disabled=true] {
   color: var(--el-text-color-placeholder);
@@ -10712,10 +11228,8 @@ heights > $common-component-size
 .el-pager li.is-active {
   color: var(--el-pagination-hover-color);
   cursor: default;
-  font-weight: bold;
 }
 .el-pager li.is-active.is-disabled {
-  font-weight: bold;
   color: var(--el-text-color-secondary);
 }
 .el-pager li:disabled, .el-pager li.is-disabled {
@@ -10953,7 +11467,8 @@ heights > $common-component-size
   outline: none;
 }
 .el-radio-button__inner {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   line-height: 1;
   white-space: nowrap;
   vertical-align: middle;
@@ -10974,6 +11489,7 @@ heights > $common-component-size
   padding: 12px 15px;
   font-size: 14px;
   border-radius: 0;
+  height: 40;
 }
 .el-radio-button__inner.is-round {
   padding: 12px 15px;
@@ -11019,7 +11535,7 @@ heights > $common-component-size
   color: var(--el-color-primary-light-3);
   cursor: not-allowed;
   background-image: none;
-  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
+  background-color: var(--el-button-disabled-bg-color, var(--el-color-primary-light-2));
   border-color: var(--el-color-primary-light-3);
   box-shadow: none;
 }
@@ -11037,6 +11553,7 @@ heights > $common-component-size
   padding: 12px 15px;
   font-size: 14px;
   border-radius: 0;
+  height: 40px;
 }
 .el-radio-button--large .el-radio-button__inner.is-round {
   padding: 12px 15px;
@@ -11046,6 +11563,7 @@ heights > $common-component-size
   padding: 8px 15px;
   font-size: 14px;
   border-radius: 0;
+  height: 36px;
 }
 .el-radio-button--medium .el-radio-button__inner.is-round {
   padding: 8px 15px;
@@ -11055,6 +11573,7 @@ heights > $common-component-size
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 0;
+  height: 30px;
 }
 .el-radio-button--small .el-radio-button__inner.is-round {
   padding: 5px 15px;
@@ -11064,6 +11583,7 @@ heights > $common-component-size
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 0;
+  height: 28px;
 }
 .el-radio-button--mini .el-radio-button__inner.is-round {
   padding: 5px 15px;
@@ -11660,6 +12180,7 @@ heights > $common-component-size
 }
 
 .el-select-dropdown__item {
+  display: flex;
   font-size: var(--el-font-size-small);
   font-weight: 500;
   padding: 0 44px 0 16px;
@@ -11770,10 +12291,10 @@ heights > $common-component-size
   cursor: pointer;
   text-align: left;
   font-size: 14px;
-  padding: 4px 12px;
+  padding: 10px 12px;
   gap: 8px;
   min-height: 40px;
-  line-height: 24px;
+  line-height: 20px;
   border-radius: var(--el-border-radius-base);
   background-color: var(--el-fill-color-blank);
   transition: var(--el-transition-duration);
@@ -11866,22 +12387,12 @@ heights > $common-component-size
   min-width: 0;
   gap: 8px;
 }
-.el-select__selection.is-near {
-  margin: 6px 0;
-}
-
 .el-select__selection .el-tag {
   cursor: pointer;
 }
 .el-select__selection .el-tag.el-tag--plain {
   border-color: var(--el-tag-border-color);
 }
-.el-select__selection .el-tag.el-tag--light {
-  --el-tag-bg-color: var(--el-color-primary-light-2);
-  --el-tag-border-color: var(--el-color-primary-light-4);
-  --el-tag-hover-color: var(--el-color-primary-light-5);
-  --el-tag-text-color: var(--el-color-primary-light-5);
-}
 .el-select__selection .el-tag .el-tag__content {
   min-width: 0;
 }
@@ -11894,6 +12405,12 @@ heights > $common-component-size
   flex-wrap: wrap;
   user-select: none;
 }
+.el-select__selected-item .el-tag.el-tag--info {
+  --el-tag-bg-color: var(--el-color-primary-light-2);
+  --el-tag-border-color: var(--el-color-primary-light-4);
+  --el-tag-hover-color: var(--el-color-primary-light-5);
+  --el-tag-text-color: var(--el-color-primary-light-5);
+}
 
 .el-select__tags-text {
   display: block;
@@ -11960,7 +12477,7 @@ heights > $common-component-size
   font-size: inherit;
   font-family: inherit;
   appearance: none;
-  height: 24px;
+  height: 20px;
   max-width: 100%;
   background-color: transparent;
 }
@@ -11980,9 +12497,9 @@ heights > $common-component-size
 
 .el-select--large .el-select__wrapper {
   gap: 8px;
-  padding: 4px 12px;
+  padding: 10px 12px;
   min-height: 40px;
-  line-height: 24px;
+  line-height: 20px;
   font-size: 14px;
 }
 
@@ -11990,7 +12507,7 @@ heights > $common-component-size
   gap: 8px;
 }
 .el-select--large .el-select__selection.is-near {
-  margin: 6px 0;
+  margin: 0;
 }
 
 .el-select--large .el-select__prefix {
@@ -12002,12 +12519,12 @@ heights > $common-component-size
 }
 
 .el-select--large .el-select__input {
-  height: 24px;
+  height: 20px;
 }
 
 .el-select--medium .el-select__wrapper {
   gap: 8px;
-  padding: 4px 12px;
+  padding: 8px 12px;
   min-height: 36px;
   font-size: 14px;
 }
@@ -12016,7 +12533,7 @@ heights > $common-component-size
   gap: 8px;
 }
 .el-select--medium .el-select__selection.is-near {
-  margin: 5px -3px;
+  margin: 0 -3px;
 }
 
 .el-select--medium .el-select__prefix {
@@ -12029,7 +12546,7 @@ heights > $common-component-size
 
 .el-select--small .el-select__wrapper {
   gap: 4px;
-  padding: 2px 8px;
+  padding: 6px 12px;
   min-height: 30px;
   line-height: 20px;
   font-size: 12px;
@@ -12039,7 +12556,7 @@ heights > $common-component-size
   gap: 4px;
 }
 .el-select--small .el-select__selection.is-near {
-  margin: 4px -2px;
+  margin: 0 -6px;
 }
 
 .el-select--small .el-select__prefix {
@@ -12056,7 +12573,7 @@ heights > $common-component-size
 
 .el-select--mini .el-select__wrapper {
   gap: 4px;
-  padding: 2px 8px;
+  padding: 5px 12px;
   min-height: 28px;
   font-size: 12px;
 }
@@ -12065,7 +12582,7 @@ heights > $common-component-size
   gap: 4px;
 }
 .el-select--mini .el-select__selection.is-near {
-  margin: 3px -3px;
+  margin: 0 -7px;
 }
 
 .el-select--mini .el-select__prefix {
@@ -12719,8 +13236,12 @@ heights > $common-component-size
 }
 
 .el-switch {
-  --el-switch-on-color: var(--el-color-primary);
-  --el-switch-off-color: var(--el-border-color);
+  --el-switch-on-color: var(--el-color-success);
+  --el-switch-on-box-shadow: 0 0 0 4px var(--el-color-success-light-2);
+  --el-switch-off-box-shadow: 0 0 0 4px var(--el-color-neutral-light-3);
+  --el-switch-off-color: var(--el-color-neutral-light-7);
+  --el-switch-on-disabled-color: var(--el-color-neutral-light-3);
+  --el-switch-off-disabled-color: var(--el-color-success-light-3);
 }
 
 .el-switch {
@@ -12729,11 +13250,31 @@ heights > $common-component-size
   position: relative;
   font-size: 14px;
   line-height: 20px;
-  height: 32px;
+  height: 40px;
   vertical-align: middle;
 }
+.el-switch:active .el-switch__core {
+  box-shadow: var(--el-switch-off-box-shadow);
+  transition: box-shadow 0.1s ease-in-out;
+}
+.el-switch:active.is-checked .el-switch__core {
+  box-shadow: var(--el-switch-on-box-shadow);
+  transition: box-shadow 0.1s ease-in-out;
+}
+
+.el-switch:active.is-disabled .el-switch__core {
+  box-shadow: none;
+}
+
 .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
   cursor: not-allowed;
+  background-color: var(--el-switch-on-disabled-color);
+  border-color: var(--el-switch-on-disabled-color);
+}
+.el-switch.is-disabled.is-checked .el-switch__core, .el-switch.is-disabled.is-checked .el-switch__label {
+  cursor: not-allowed;
+  background-color: var(--el-switch-off-disabled-color);
+  border-color: var(--el-switch-off-disabled-color);
 }
 
 .el-switch__label {
@@ -12744,18 +13285,18 @@ heights > $common-component-size
   font-weight: 500;
   cursor: pointer;
   vertical-align: middle;
-  color: var(--el-text-color-primary);
+  color: var(--el-color-neutral-light-9);
 }
 .el-switch__label.is-active {
-  color: var(--el-color-primary);
+  color: var(--el-color-neutral-light-9);
 }
 
 .el-switch__label--left {
-  margin-right: 10px;
+  margin-right: 16px;
 }
 
 .el-switch__label--right {
-  margin-left: 10px;
+  margin-left: 16px;
 }
 
 .el-switch__label * {
@@ -12841,10 +13382,6 @@ heights > $common-component-size
   padding: 0 calc(16px + 2px) 0 4px;
 }
 
-.el-switch.is-disabled {
-  opacity: 0.6;
-}
-
 .el-switch--wide .el-switch__label.el-switch__label--left span {
   left: 10px;
 }
@@ -12875,7 +13412,7 @@ heights > $common-component-size
 }
 .el-switch--large .el-switch__core .el-switch__inner {
   height: 20px;
-  padding: 0 6px 0 calc(20px + 2px);
+  padding: 0 116px 0 calc(20px + 2px);
 }
 .el-switch--large .el-switch__core .el-switch__action {
   width: 20px;
@@ -12886,23 +13423,47 @@ heights > $common-component-size
   left: calc(100% - 21px);
 }
 .el-switch--large.is-checked .el-switch__core .el-switch__inner {
-  padding: 0 calc(20px + 2px) 0 6px;
+  padding: 0 calc(20px + 2px) 0 116px;
+}
+
+.el-switch--medium {
+  font-size: 14px;
+  line-height: 20px;
+  height: 36px;
+}
+.el-switch--medium .el-switch__label {
+  height: 20px;
+  font-size: 14px;
+}
+.el-switch--medium .el-switch__label * {
+  font-size: 14px;
 }
 
+.el-switch--medium .el-switch__core {
+  min-width: 36px;
+  height: 20px;
+  border-radius: 10px;
+}
 .el-switch--medium .el-switch__core .el-switch__inner {
-  padding: 0 0 calc( + 2px);
+  height: 16px;
+  padding: 0 0 calc(16px + 2px);
+}
+.el-switch--medium .el-switch__core .el-switch__action {
+  width: 16px;
+  height: 16px;
 }
+
 .el-switch--medium.is-checked .el-switch__core .el-switch__action {
-  left: calc(100% - 1px);
+  left: calc(100% - 17px);
 }
 .el-switch--medium.is-checked .el-switch__core .el-switch__inner {
-  padding: 0 calc( + 2px) 0;
+  padding: 0 calc(16px + 2px) 0;
 }
 
 .el-switch--small {
   font-size: 12px;
   line-height: 16px;
-  height: 24px;
+  height: 30px;
 }
 .el-switch--small .el-switch__label {
   height: 16px;
@@ -12933,14 +13494,38 @@ heights > $common-component-size
   padding: 0 calc(12px + 2px) 0 2px;
 }
 
+.el-switch--mini {
+  font-size: 12px;
+  line-height: 12px;
+  height: 28px;
+}
+.el-switch--mini .el-switch__label {
+  height: 12px;
+  font-size: 12px;
+}
+.el-switch--mini .el-switch__label * {
+  font-size: 12px;
+}
+
+.el-switch--mini .el-switch__core {
+  min-width: 20px;
+  height: 12px;
+  border-radius: 6px;
+}
 .el-switch--mini .el-switch__core .el-switch__inner {
-  padding: 0 0 calc( + 2px);
+  height: 8px;
+  padding: 0 0 calc(8px + 2px);
 }
+.el-switch--mini .el-switch__core .el-switch__action {
+  width: 8px;
+  height: 8px;
+}
+
 .el-switch--mini.is-checked .el-switch__core .el-switch__action {
-  left: calc(100% - 1px);
+  left: calc(100% - 9px);
 }
 .el-switch--mini.is-checked .el-switch__core .el-switch__inner {
-  padding: 0 calc( + 2px) 0;
+  padding: 0 calc(8px + 2px) 0;
 }
 
 .el-table-column--selection .cell {
@@ -12970,7 +13555,7 @@ heights > $common-component-size
   font-size: var(--el-font-size-base);
 }
 .el-table-filter__list-item:hover {
-  background-color: var(--el-color-primary-light-9);
+  background-color: var(--el-color-white);
   color: var(--el-color-primary);
 }
 .el-table-filter__list-item.is-active {
@@ -13956,7 +14541,7 @@ heights > $common-component-size
 }
 
 .el-tabs__item {
-  padding: 0 20px;
+  padding: 0 12px;
   height: var(--el-tabs-header-height);
   box-sizing: border-box;
   display: flex;
@@ -13965,7 +14550,7 @@ heights > $common-component-size
   list-style: none;
   font-size: var(--el-font-size-base);
   font-weight: 500;
-  color: var(--el-text-color-primary);
+  color: var(--el-color-neutral-light-4);
   position: relative;
 }
 .el-tabs__item:focus, .el-tabs__item:focus:active {
@@ -14819,6 +15404,12 @@ heights > $common-component-size
   vertical-align: -2px;
 }
 
+mark.el-text {
+  border: 1px solid #eaea0d;
+  border-radius: 4px;
+  padding: 0 4px;
+}
+
 .time-select {
   margin: 5px 0;
   min-width: 0;
@@ -16059,7 +16650,7 @@ heights > $common-component-size
 .el-popper.is-light {
   background: var(--el-bg-color-overlay);
   border: 1px solid var(--el-border-color);
-  box-shadow: 0px 1px 2px 0px rgba(26, 11, 94, 0.1);
+  box-shadow: var(--el-box-shadow-light);
 }
 .el-popper.is-light .el-popper__arrow::before {
   border: 1px solid var(--el-border-color);
@@ -16240,7 +16831,7 @@ heights > $common-component-size
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 16px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-tour__closebtn .el-tour__close {
   color: var(--el-tour-close-color);
@@ -16254,7 +16845,7 @@ heights > $common-component-size
   padding-bottom: var(--el-tour-padding-primary);
 }
 .el-tour__header.show-close {
-  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px));
+  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-tour__title {