:root {
  --el-color-primary: #4e6ef2;
  --el-color-primary-light-3: #6b85f5;
  --el-color-primary-light-5: #8da2f7;
  --el-color-primary-light-7: #afbff9;
  --el-color-primary-light-8: #c5d1fb;
  --el-color-primary-light-9: #dce3fd;
  --el-color-primary-dark-2: #3d5ad0;
  
  --el-bg-color: #1a1a2e;
  --el-bg-color-overlay: #2d2d44;
  --el-text-color-primary: rgba(255, 255, 255, 0.85);
  --el-text-color-regular: rgba(255, 255, 255, 0.75);
  --el-text-color-secondary: rgba(255, 255, 255, 0.55);
  --el-text-color-placeholder: rgba(255, 255, 255, 0.4);
  --el-border-color: rgba(255, 255, 255, 0.08);
  --el-border-color-light: rgba(255, 255, 255, 0.06);
  --el-border-color-lighter: rgba(255, 255, 255, 0.04);
  --el-fill-color: rgba(255, 255, 255, 0.06);
  --el-fill-color-light: rgba(255, 255, 255, 0.04);
  --el-fill-color-lighter: rgba(255, 255, 255, 0.02);
  --el-fill-color-blank: transparent;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  color: rgba(255, 255, 255, 0.85);
  background: #1a1a2e;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  
  &:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}

::-webkit-scrollbar-corner {
  background: transparent;
}

a {
  color: #4e6ef2;
  text-decoration: none;
  transition: color 0.15s;
}

a:hover {
  color: #6b85f5;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
}

p {
  color: rgba(255, 255, 255, 0.55);
}

.page-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
}

.auth-page {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

.auth-card {
  background: #2d2d44;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 36px;
  width: 100%;
  max-width: 400px;
}

.auth-card h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 600;
}

.auth-links {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.auth-links a {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
}

.auth-links a:hover {
  color: #4e6ef2;
}

.el-button--primary {
  background: #4e6ef2 !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
}

.el-button--primary:hover {
  background: #5a7af5 !important;
  color: #fff !important;
}

.el-button--primary.is-link {
  background: transparent !important;
  color: #4e6ef2 !important;
}

.el-button--primary.is-link:hover {
  color: #6b85f5 !important;
}

.el-button--default {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-button--default:hover,
.el-button--default:focus,
.el-button--default:active {
  background: #35355a !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info) {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):hover,
.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):focus,
.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):active {
  background: #35355a !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.el-dialog .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger) {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-dialog .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):hover,
.el-dialog .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):focus {
  background: #35355a !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.el-input__wrapper {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.el-input__wrapper:hover {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.el-input__wrapper.is-focus {
  border-color: #4e6ef2 !important;
  box-shadow: 0 0 0 2px rgba(78, 110, 242, 0.15) !important;
}

.el-input__inner {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-input__inner::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

.el-textarea__inner {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-textarea__inner:focus {
  border-color: #4e6ef2 !important;
  box-shadow: 0 0 0 2px rgba(78, 110, 242, 0.15) !important;
}

.el-select-dropdown {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

.el-select-dropdown.el-popper {
  background: #2d2d44 !important;
}

.el-select-dropdown__wrap {
  background: transparent !important;
  max-height: 274px !important;
}

.el-select-dropdown__list {
  background: transparent !important;
  padding: 4px 0 !important;
  list-style: none !important;
}

.el-select-dropdown__item {
  color: rgba(255, 255, 255, 0.75) !important;
  padding: 8px 16px !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 22px !important;
  height: auto !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
}

.el-select-dropdown__item:hover,
.el-select-dropdown__item.hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

.el-select-dropdown__item.selected,
.el-select-dropdown__item.is-selected {
  color: #4e6ef2 !important;
  font-weight: 600 !important;
  background: rgba(78, 110, 242, 0.15) !important;
}

.el-select-dropdown__item.is-hovering {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

.el-select-dropdown__item.is-disabled {
  color: rgba(255, 255, 255, 0.3) !important;
  cursor: not-allowed !important;
}

.el-select-dropdown__empty {
  color: rgba(255, 255, 255, 0.35) !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.dark-select-dropdown {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

.dark-select-dropdown .el-select-dropdown__wrap {
  background: transparent !important;
  max-height: 274px !important;
}

.dark-select-dropdown .el-select-dropdown__list {
  background: transparent !important;
  padding: 4px 0 !important;
  list-style: none !important;
  margin: 0 !important;
}

.dark-select-dropdown .el-select-dropdown__item {
  color: rgba(255, 255, 255, 0.75) !important;
  padding: 0 16px !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.dark-select-dropdown .el-select-dropdown__item:hover,
.dark-select-dropdown .el-select-dropdown__item.hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

.dark-select-dropdown .el-select-dropdown__item.selected,
.dark-select-dropdown .el-select-dropdown__item.is-selected {
  color: #4e6ef2 !important;
  font-weight: 600 !important;
  background: rgba(78, 110, 242, 0.15) !important;
}

.dark-select-dropdown .el-select-dropdown__item.is-disabled {
  color: rgba(255, 255, 255, 0.3) !important;
  cursor: not-allowed !important;
}

.dark-select-dropdown .el-select-dropdown__empty {
  color: rgba(255, 255, 255, 0.35) !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.dark-select-dropdown.el-popper {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.dark-date-picker {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

.dark-date-picker.el-popper {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.dark-date-picker .el-picker-panel {
  background: #2d2d44 !important;
  border: none !important;
}

.dark-date-picker .el-date-picker__header-label {
  color: rgba(255, 255, 255, 0.6) !important;
}

.dark-date-picker .el-date-picker__header-label:hover {
  color: #4e6ef2 !important;
}

.dark-date-picker .el-date-table th {
  color: rgba(255, 255, 255, 0.4) !important;
}

.dark-date-picker .el-date-table td.available:hover {
  color: #4e6ef2 !important;
}

.dark-date-picker .el-date-table td.today span {
  color: #4e6ef2 !important;
}

.dark-date-picker .el-date-table td.current:not(.disabled) span {
  background: #4e6ef2 !important;
  color: #fff !important;
}

.dark-date-picker .el-date-table td span {
  color: rgba(255, 255, 255, 0.65) !important;
}

.dark-date-picker .el-date-table td.prev-month span,
.dark-date-picker .el-date-table td.next-month span {
  color: rgba(255, 255, 255, 0.25) !important;
}

.dark-date-picker .el-picker-panel__icon-btn {
  color: rgba(255, 255, 255, 0.5) !important;
}

.dark-date-picker .el-picker-panel__icon-btn:hover {
  color: #4e6ef2 !important;
}

.dark-date-picker .el-month-table td .cell {
  color: rgba(255, 255, 255, 0.6) !important;
}

.dark-date-picker .el-month-table td .cell:hover {
  color: #4e6ef2 !important;
}

.dark-date-picker .el-year-table td .cell {
  color: rgba(255, 255, 255, 0.6) !important;
}

.dark-date-picker .el-year-table td .cell:hover {
  color: #4e6ef2 !important;
}

.dark-date-picker .el-time-panel {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.dark-date-picker .el-time-spinner__item {
  color: rgba(255, 255, 255, 0.5) !important;
}

.dark-date-picker .el-time-spinner__item:hover,
.dark-date-picker .el-time-spinner__item.active {
  color: #4e6ef2 !important;
}

.dark-date-picker .el-time-panel__content {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-select .el-input__wrapper {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.el-select .el-input__wrapper:hover {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.el-select .el-input__wrapper.is-focus {
  border-color: #4e6ef2 !important;
  box-shadow: 0 0 0 2px rgba(78, 110, 242, 0.15) !important;
}

.el-select .el-input__inner {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-select .el-input__inner::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.el-select .el-input__suffix .el-icon {
  color: rgba(255, 255, 255, 0.4) !important;
}

.el-select .el-select__placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.el-select .el-select__selected-item {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-popper.is-light {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-popper.is-dark {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-popper.is-pure {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-popper[data-popper-placement^="bottom"] .el-popper__arrow::before {
  background: #2d2d44 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.el-popper[data-popper-placement^="top"] .el-popper__arrow::before {
  background: #2d2d44 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.el-dropdown__popper,
.el-tooltip__popper {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-dropdown__popper.el-popper,
.el-tooltip__popper.el-popper {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-dropdown__popper .el-dropdown-menu,
.el-tooltip__popper .el-dropdown-menu {
  background: transparent !important;
  border: none !important;
}

.el-dropdown__popper[data-popper-placement^="bottom"] .el-popper__arrow::before,
.el-dropdown__popper[data-popper-placement^="top"] .el-popper__arrow::before,
.el-dropdown__popper[data-popper-placement^="left"] .el-popper__arrow::before,
.el-dropdown__popper[data-popper-placement^="right"] .el-popper__arrow::before {
  background: #2d2d44 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.el-tooltip__popper.is-dark {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-tooltip__popper.is-light {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-card {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
}

.el-card__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

.el-dropdown-menu {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 4px 0 !important;
}

.el-dropdown-menu__item {
  color: rgba(255, 255, 255, 0.75) !important;
  padding: 8px 16px !important;
  transition: all 0.15s !important;
}

.el-dropdown-menu__item:hover,
.el-dropdown-menu__item:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  outline: none !important;
}

.el-dropdown-menu__item.is-active {
  color: #4e6ef2 !important;
  background: rgba(78, 110, 242, 0.1) !important;
}

.el-dropdown-menu__item--divided {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin-top: 4px !important;
  padding-top: 12px !important;
}

.el-tag {
  border: none !important;
}

.el-tag--info {
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

.el-tag--success {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #10b981 !important;
}

.el-tag--warning {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #f59e0b !important;
}

.el-tag--danger {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171 !important;
}

.el-table {
  --el-table-bg-color: transparent !important;
  --el-table-tr-bg-color: transparent !important;
  --el-table-header-bg-color: rgba(255, 255, 255, 0.03) !important;
  --el-table-row-hover-bg-color: rgba(255, 255, 255, 0.04) !important;
  --el-table-text-color: rgba(255, 255, 255, 0.75) !important;
  --el-table-header-text-color: rgba(255, 255, 255, 0.45) !important;
  --el-table-border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-button--danger {
  background: #ef4444 !important;
  border: none !important;
  color: #fff !important;
}

.el-button--danger:hover {
  background: #f87171 !important;
  color: #fff !important;
}

.el-button--danger.is-link {
  background: transparent !important;
  color: #f87171 !important;
}

.el-button--danger.is-link:hover {
  color: #fca5a5 !important;
}

.el-button--warning {
  background: #f59e0b !important;
  border: none !important;
  color: #fff !important;
}

.el-button--warning:hover {
  background: #fbbf24 !important;
  color: #fff !important;
}

.el-button--warning.is-link {
  background: transparent !important;
  color: #f59e0b !important;
}

.el-button--warning.is-link:hover {
  color: #fbbf24 !important;
}

.el-button--success {
  background: #10b981 !important;
  border: none !important;
  color: #fff !important;
}

.el-button--success:hover {
  background: #34d399 !important;
  color: #fff !important;
}

.el-button--success.is-link {
  background: transparent !important;
  color: #10b981 !important;
}

.el-button--success.is-link:hover {
  color: #34d399 !important;
}

.el-button--info {
  background: rgba(255, 255, 255, 0.1) !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-button--info:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}

.el-button--info.is-link {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.el-button--info.is-link:hover {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-table .el-button.is-link {
  padding: 4px 8px;
  font-size: 13px;
}

.el-table .el-button.is-link + .el-button.is-link {
  margin-left: 8px;
}

.el-pagination {
  --el-pagination-bg-color: rgba(255, 255, 255, 0.04) !important;
  --el-pagination-text-color: rgba(255, 255, 255, 0.55) !important;
  --el-pagination-button-bg-color: #2d2d44 !important;
  --el-pagination-hover-color: #4e6ef2 !important;
}

.el-dialog {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
}

.el-dialog__title {
  color: #fff !important;
}

.el-dialog__headerbtn .el-dialog__close {
  color: rgba(255, 255, 255, 0.4) !important;
}

.el-form-item__label {
  color: rgba(255, 255, 255, 0.55) !important;
}

.el-empty__description p {
  color: rgba(255, 255, 255, 0.3) !important;
}

.el-breadcrumb__inner {
  color: rgba(255, 255, 255, 0.45) !important;
}

.el-breadcrumb__inner:hover {
  color: #4e6ef2 !important;
}

.el-tabs__item {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-tabs__item:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-tabs__item.is-active {
  color: #4e6ef2 !important;
}

.el-tabs__nav-wrap::after {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.el-divider {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-switch.is-checked .el-switch__core {
  background-color: #4e6ef2 !important;
  border-color: #4e6ef2 !important;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: #4e6ef2 !important;
  border-color: #4e6ef2 !important;
}

.el-radio__input.is-checked + .el-radio__label {
  color: #4e6ef2 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #4e6ef2 !important;
  border-color: #4e6ef2 !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #4e6ef2 !important;
}

.el-message-box {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
}

.el-message-box__title {
  color: #fff !important;
}

.el-message-box__message {
  color: rgba(255, 255, 255, 0.65) !important;
}

.el-notification {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
}

.el-notification__title {
  color: #fff !important;
}

.el-notification__content {
  color: rgba(255, 255, 255, 0.55) !important;
}

.el-menu {
  background: #16162a !important;
  border: none !important;
}

.el-menu-item {
  color: rgba(255, 255, 255, 0.55) !important;
}

.el-menu-item:hover,
.el-menu-item.is-active {
  background: rgba(78, 110, 242, 0.1) !important;
  color: #4e6ef2 !important;
}

.el-alert {
  border-radius: 8px !important;
}

.el-descriptions__label {
  color: rgba(255, 255, 255, 0.45) !important;
}

.el-descriptions__content {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-step__title {
  color: rgba(255, 255, 255, 0.45) !important;
}

.el-step__title.is-process {
  color: #fff !important;
}

.el-step__description {
  color: rgba(255, 255, 255, 0.3) !important;
}

.cart-item,
.cart-footer {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

.product-card-shared {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

.article-card {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

.product-card {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

.product-image {
  background: rgba(255, 255, 255, 0.04) !important;
}

.product-info h3 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.product-info .price {
  color: #4e6ef2 !important;
}

.filter-bar {
  background: transparent !important;
}

.section-title {
  color: #fff !important;
}

.page-container h2 {
  color: #fff !important;
}

[class*="page-container"] [style*="background: #fff"],
[class*="page-container"] [style*="background:#fff"] {
  background: #2d2d44 !important;
}

.el-image {
  background: rgba(255, 255, 255, 0.04) !important;
}

.el-image-viewer__mask {
  background: rgba(0, 0, 0, 0.8) !important;
}

.el-overlay {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.el-drawer {
  background: #1e1e2e !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.el-drawer__header {
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.el-drawer__body {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-dialog__body {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 20px 24px !important;
}

.el-dialog__footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 16px 24px !important;
}

.el-input-number {
  width: 100%;
}

.el-input-number .el-input__wrapper {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.el-input-number .el-input__inner {
  color: rgba(255, 255, 255, 0.85) !important;
  text-align: left !important;
}

.el-input-number__decrease,
.el-input-number__increase {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
  color: #4e6ef2 !important;
}

.el-date-editor {
  --el-input-bg-color: rgba(255, 255, 255, 0.06) !important;
  --el-input-border-color: rgba(255, 255, 255, 0.08) !important;
  --el-input-hover-border-color: rgba(255, 255, 255, 0.15) !important;
  --el-input-focus-border-color: #4e6ef2 !important;
}

.el-date-editor .el-input__wrapper {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.el-date-editor .el-input__inner {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-picker-panel {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}

.el-picker-panel__body {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-date-picker__header-label {
  color: rgba(255, 255, 255, 0.6) !important;
}

.el-date-picker__header-label:hover {
  color: #4e6ef2 !important;
}

.el-date-table th {
  color: rgba(255, 255, 255, 0.4) !important;
}

.el-date-table td.available:hover {
  color: #4e6ef2 !important;
}

.el-date-table td.today span {
  color: #4e6ef2 !important;
}

.el-date-table td.current:not(.disabled) span {
  background: #4e6ef2 !important;
  color: #fff !important;
}

.el-month-table td .cell {
  color: rgba(255, 255, 255, 0.6) !important;
}

.el-month-table td .cell:hover {
  color: #4e6ef2 !important;
}

.el-year-table td .cell {
  color: rgba(255, 255, 255, 0.6) !important;
}

.el-year-table td .cell:hover {
  color: #4e6ef2 !important;
}

.el-time-panel {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-time-panel__content {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-time-spinner__item {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-time-spinner__item:hover,
.el-time-spinner__item.active {
  color: #4e6ef2 !important;
}

.el-form-item {
  margin-bottom: 18px !important;
}

.el-form-item__content {
  line-height: 32px !important;
}

.el-row {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.el-col {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.el-divider__text {
  background-color: #2d2d44 !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-descriptions {
  --el-descriptions-item-bordered-label-background: rgba(255, 255, 255, 0.03) !important;
}

.el-descriptions__body {
  background: transparent !important;
}

.el-descriptions__table {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-descriptions__cell {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-dialog__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 16px 24px !important;
  margin-right: 0 !important;
}

.el-dialog__footer .el-button + .el-button {
  margin-left: 12px;
}

.el-form-item__error {
  color: #f87171 !important;
}

.el-form-item--feedback .el-input__wrapper {
  border-color: #f87171 !important;
}

.el-select .el-tag {
  background: rgba(78, 110, 242, 0.15) !important;
  color: #4e6ef2 !important;
  border: none !important;
}

.el-select .el-tag .el-tag__close {
  color: #4e6ef2 !important;
}

.el-select .el-tag .el-tag__close:hover {
  background: rgba(78, 110, 242, 0.3) !important;
  color: #fff !important;
}

.el-popconfirm__main {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-popconfirm__action {
  margin-top: 12px !important;
}

.el-popover.el-popper {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-popover__title {
  color: #fff !important;
}

.el-popover.el-popper[data-popper-placement^="bottom"] .el-popper__arrow::before,
.el-popover.el-popper[data-popper-placement^="top"] .el-popper__arrow::before,
.el-popover.el-popper[data-popper-placement^="left"] .el-popper__arrow::before,
.el-popover.el-popper[data-popper-placement^="right"] .el-popper__arrow::before {
  background: #2d2d44 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.el-cascader-panel {
  background: #2d2d44 !important;
}

.el-cascader-menu {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-cascader-node {
  color: rgba(255, 255, 255, 0.65) !important;
}

.el-cascader-node:hover,
.el-cascader-node.is-active {
  background: rgba(255, 255, 255, 0.06) !important;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active {
  color: #4e6ef2 !important;
}

.el-transfer-panel {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-transfer-panel__header {
  background: rgba(255, 255, 255, 0.03) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-transfer-panel__item {
  color: rgba(255, 255, 255, 0.65) !important;
}

.el-transfer-panel__item:hover {
  color: #fff !important;
}

.el-transfer__buttons .el-button {
  background: #2d2d44 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-transfer__buttons .el-button:hover {
  border-color: #4e6ef2 !important;
  color: #4e6ef2 !important;
}

.el-slider__runway {
  background: rgba(255, 255, 255, 0.1) !important;
}

.el-slider__bar {
  background: #4e6ef2 !important;
}

.el-slider__button {
  border-color: #4e6ef2 !important;
}

.el-rate__icon {
  color: rgba(255, 255, 255, 0.2) !important;
}

.el-rate__icon.is-active {
  color: #f59e0b !important;
}

.el-color-picker__trigger {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.el-color-dropdown__main-wrapper {
  background: #2d2d44 !important;
}

.el-color-dropdown__btns {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-upload-dragger {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px dashed rgba(255, 255, 255, 0.15) !important;
}

.el-upload-dragger:hover {
  border-color: #4e6ef2 !important;
}

.el-upload__text {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-upload__text em {
  color: #4e6ef2 !important;
}

.el-progress__text {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-tree {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

.el-tree-node__content:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.el-tree-node.is-current > .el-tree-node__content {
  background: rgba(78, 110, 242, 0.1) !important;
  color: #4e6ef2 !important;
}

.el-calendar {
  background: #2d2d44 !important;
}

.el-calendar__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.el-calendar-table td {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-calendar-table .el-calendar-day {
  color: rgba(255, 255, 255, 0.65) !important;
}

.el-calendar-table .el-calendar-day:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.el-calendar-table td.is-selected {
  background: rgba(78, 110, 242, 0.15) !important;
}

.el-calendar-table td.is-today {
  color: #4e6ef2 !important;
}

.el-backtop {
  background: #4e6ef2 !important;
  color: #fff !important;
}

.el-backtop:hover {
  background: #5a7af5 !important;
}

.el-skeleton__item {
  background: rgba(255, 255, 255, 0.06) !important;
}

.el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.1) 37%, rgba(255, 255, 255, 0.06) 63%) !important;
}

.el-result__title {
  color: #fff !important;
}

.el-result__subtitle {
  color: rgba(255, 255, 255, 0.55) !important;
}

.el-timeline-item__timestamp {
  color: rgba(255, 255, 255, 0.4) !important;
}

.el-timeline-item__tail {
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}

.el-timeline-item__node {
  background: rgba(255, 255, 255, 0.1) !important;
}

.el-timeline-item__node--primary {
  background: #4e6ef2 !important;
}

.el-collapse {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-collapse-item__header {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-collapse-item__header:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.el-collapse-item__wrap {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.el-collapse-item__content {
  color: rgba(255, 255, 255, 0.65) !important;
}

.el-carousel__button {
  background: rgba(255, 255, 255, 0.3) !important;
}

.el-carousel__indicator.is-active .el-carousel__button {
  background: #4e6ef2 !important;
}

.el-badge__content {
  background: #ef4444 !important;
  border-color: #2d2d44 !important;
  color: #fff !important;
}

.el-badge__content.is-fixed {
  top: 2px !important;
  right: calc(-10px + var(--el-badge-size) / 2) !important;
}

.el-loading-mask {
  background-color: rgba(26, 26, 46, 0.8) !important;
}

.el-loading-spinner .path {
  stroke: #4e6ef2 !important;
}

.el-loading-spinner .el-loading-text {
  color: #4e6ef2 !important;
}

.el-text {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-text.el-text--primary {
  color: #4e6ef2 !important;
}

.el-text.el-text--success {
  color: #10b981 !important;
}

.el-text.el-text--warning {
  color: #f59e0b !important;
}

.el-text.el-text--danger {
  color: #ef4444 !important;
}

.el-text.el-text--info {
  color: rgba(255, 255, 255, 0.55) !important;
}

.el-statistic__head {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-statistic__content {
  color: #fff !important;
}

.el-segmented {
  background: rgba(255, 255, 255, 0.04) !important;
}

.el-segmented__item {
  color: rgba(255, 255, 255, 0.65) !important;
}

.el-segmented__item:hover {
  color: #fff !important;
}

.el-segmented__item-selected {
  background: #4e6ef2 !important;
  color: #fff !important;
}

.el-segmented__item-selected:hover {
  color: #fff !important;
}

.el-upload-list__item-name {
  color: rgba(255, 255, 255, 0.85) !important;
}

.el-upload-list__item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.el-upload-list__item-status-label {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
  color: #10b981 !important;
}

.el-upload-list__item.is-error .el-upload-list__item-status-label {
  color: #ef4444 !important;
}

.el-upload-list__item-delete {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-upload-list__item-delete:hover {
  color: #f87171 !important;
}

.el-upload-dragger {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px dashed rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
}

.el-upload-dragger:hover {
  border-color: #4e6ef2 !important;
}

.el-upload__text {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-upload__text em {
  color: #4e6ef2 !important;
}

.el-upload--picture-card {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px dashed rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
}

.el-upload--picture-card:hover {
  border-color: #4e6ef2 !important;
}

.el-upload-list--picture-card .el-upload-list__item {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.el-upload-list--picture .el-upload-list__item {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
  background: rgba(255, 255, 255, 0.04) !important;
}
