._popContainer_13mv3_1 {
  position: relative;
  backdrop-filter: blur(18px);
  font-size: 16px;
  width: 420px;
  display: flex;
  border: 0.5px solid var(--m-modal-border);
  background: var(--m-modal);
  flex-direction: column;
  color: var(--font-color);
  letter-spacing: 2px;
  border-radius: 8px;
}
._popContainer_13mv3_1 ._focusInput_13mv3_14 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
._popContainer_13mv3_1 ._popHeader_13mv3_19 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 40px;
  font-size: 16px;
  padding: 8px 20px 8px 12px;
  background-color: var(--m-modal-header);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._popContainer_13mv3_1 ._popHeader_13mv3_19 ._title_13mv3_30 {
  cursor: default;
}
._popContainer_13mv3_1 ._popHeader_13mv3_19 ._closeBtn_13mv3_33 {
  cursor: pointer;
}
._popContainer_13mv3_1 ._popContent_13mv3_36 {
  cursor: default;
  padding: 20px 20px 16px 20px;
  font-size: 16px;
  line-height: 24px;
  white-space: pre-wrap;
}
._popContainer_13mv3_1 ._popFooter_13mv3_43 {
  padding: 20px 16px;
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
.m-icon[data-v-8aebd3c2] {
  user-select: none;
  background-color: currentColor;
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.network-detection-overlay[data-v-88ae78e6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
}
.network-detection-overlay.is-offline[data-v-88ae78e6] {
  opacity: 1;
  pointer-events: auto;
}
.network-detection-alert[data-v-88ae78e6] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8px;
  border-radius: 8px;
  border: 0.5px solid #5e5ce5;
  background: #585859;
  backdrop-filter: blur(18px);
  width: fit-content;
}
.network-detection-alert .alert-content[data-v-88ae78e6] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
[data-theme='light'] .network-detection-alert[data-v-88ae78e6] {
  background: #fff;
  border: 0.5px solid #5e5ce5;
  box-shadow: 0px 0px 12.6px 0px rgba(94, 92, 229, 0.4);
}
.draggable-wrap {
  z-index: 1888;
  overflow: hidden;
}
.draggable-wrap .draggable-bar {
  z-index: -1;
  overflow: hidden;
  cursor: move;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px 8px 0 0;
}
.draggable-wrap .draggable-bar svg {
  color: #fff;
  position: absolute;
}
.draggable-wrap .draggable-bar svg.svg-drag {
  top: calc(50%);
  transform: translateY(-50%) rotate(90deg);
}
.draggable-wrap .draggable-bar svg.svg-close {
  cursor: pointer;
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);
}
.draggable-wrap .draggable-bar svg.svg-fixed {
  cursor: pointer;
  display: none;
}
.draggable-wrap .draggable-bar.is-fixed .svg-close {
  cursor: not-allowed;
  color: var(--font-color3);
}
.draggable-wrap .draggable-bar.is-fixed .svg-close path {
  fill: var(--font-color3);
}
.draggable-wrap .draggable-bar.is-fixed .svg-fixed {
  color: var(--pri-color);
}
.draggable-wrap .draggable-bar.is-fixed .svg-fixed path {
  fill: var(--pri-color);
}
.draggable-wrap .resize-dom-wrap .top {
  z-index: 1;
  cursor: ns-resize;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.draggable-wrap .resize-dom-wrap .bottom {
  z-index: 1;
  cursor: ns-resize;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.draggable-wrap .resize-dom-wrap .left {
  z-index: 1;
  cursor: ew-resize;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.draggable-wrap .resize-dom-wrap .right {
  z-index: 1;
  cursor: ew-resize;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.draggable-wrap .resize-dom-wrap .top-right {
  z-index: 2;
  cursor: nesw-resize;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  opacity: 0;
}
.draggable-wrap .resize-dom-wrap .bottom-right {
  z-index: 2;
  cursor: nwse-resize;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  opacity: 0;
}
.draggable-wrap .resize-dom-wrap .bottom-left {
  z-index: 2;
  cursor: nesw-resize;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
}
.draggable-wrap .resize-dom-wrap .top-left {
  z-index: 2;
  cursor: nwse-resize;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0;
}
.draggable-wrap.resize-wrap {
  min-width: 100px;
  min-height: 100px;
}
.draggable-wrap.draggable-wrap__normal {
  padding-top: 32px;
  background-color: #2e2e2e;
  border-radius: 8px;
  border: 0.5px solid #4e4e4e;
}
.draggable-wrap.draggable-wrap__normal .draggable-bar {
  display: flex;
  align-items: center;
  height: 32px;
  background: #222;
}
.draggable-wrap.draggable-wrap__normal .draggable-bar .title {
  max-width: 100%;
  padding-right: 70px;
  margin-left: 12px;
  color: #fff;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.draggable-wrap.draggable-wrap__normal .draggable-bar svg.svg-close {
  width: 20px;
  height: 20px;
  right: 12px;
  left: auto;
}
.draggable-wrap.draggable-wrap__normal .draggable-bar svg.svg-fixed {
  display: block;
  width: 18px;
  height: 18px;
  right: 40px;
  left: auto;
}
.draggable-wrap.draggable-wrap__type2 {
  padding-top: 15.85px;
  background-color: #151515;
}
.draggable-wrap.draggable-wrap__type2 .draggable-bar {
  height: 15.85px;
  background: #2c2c2c;
}
.draggable-wrap.draggable-wrap__type2 .draggable-bar svg {
  width: 12px;
  height: 12px;
  left: 2px;
}
.draggable-wrap.draggable-wrap__type2 .draggable-bar svg.svg-close {
  width: 12px;
  height: 12px;
  left: auto;
  right: 0px;
}
[data-theme='light'] .draggable-wrap {
  background-color: #fff;
  border: 0.5px solid rgba(17, 17, 20, 0.15);
}
[data-theme='light'] .draggable-wrap .draggable-bar {
  background: #fafafa;
  color: #000;
}
[data-theme='light'] .draggable-wrap .draggable-bar .title {
  color: #000;
}
[data-theme='light'] .draggable-wrap .draggable-bar svg {
  color: #000;
}
[data-theme='light'] .draggable-wrap .draggable-bar svg path {
  fill: #000;
}
.drag-bar {
  position: absolute;
}
.drag-bar.drag-bar--column {
  cursor: ns-resize;
  width: 100%;
  height: 6px;
}
.drag-bar.drag-bar--column svg {
  transform: translateY(50%) translateX(-50%) rotate(90deg);
  bottom: 50%;
  left: 50%;
}
.drag-bar.drag-bar--row {
  cursor: col-resize;
  width: 6px;
  height: 100%;
  right: 0;
}
.drag-bar.drag-bar--row svg {
  transform: translateY(50%) translateX(-50%);
  bottom: 50%;
  left: 50%;
}
.drag-bar.drag-bar--first {
  left: 0;
  top: 0;
  z-index: 5;
}
.drag-bar.drag-bar--last {
  right: 0;
  bottom: 0;
}
.drag-bar svg {
  color: #fff;
  position: absolute;
  width: 12px;
  height: 12px;
}
/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 1s;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
/* fade-fast 推荐mode out-in*/
.fade-fast-enter-active,
.fade-fast-leave-active {
  transition: all 0.3s;
}
.fade-fast-enter-from,
.fade-fast-leave-to {
  opacity: 0;
  transform: scale(0.9);
}
/* fade-transform */
.fade-transform-leave-active {
  transition: all 0.5s;
}
.fade-transform-enter-from {
  opacity: 0;
  transform: translateX(-30px);
}
.fade-transform-enter-active {
  transition: all 0.5s;
}
.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all 0.5s;
}
.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}
.breadcrumb-move {
  transition: all 0.5s;
}
.breadcrumb-leave-active {
  position: absolute;
}
/* app-loading */
.app-loading-enter-active {
  transition: opacity 1s;
}
.app-loading-leave-active {
  transition: opacity 1s;
}
.app-loading-enter-from,
.app-loading-leave-to {
  opacity: 0;
}
/* login-content */
.login-content-enter-active {
  transition: all 0.25s;
  backdrop-filter: blur(30px);
}
.login-content-leave-active {
  transition: all 0.15s;
  backdrop-filter: blur(30px);
}
.login-content-enter-from {
  opacity: 0;
  transform: scale(0.9) translateX(100px);
  backdrop-filter: blur(30px);
}
.login-content-leave-to {
  opacity: 0;
  transform: scale(0.9) translateX(-100px);
  backdrop-filter: blur(30px);
}
/* pact-right-tool */
.pact-right-tool-enter-active {
  animation: pcatRightToolIn 0.3s;
}
.pact-right-tool-leave-active {
  transition: all 0.5s;
}
.pact-right-tool-leave {
  opacity: 1;
  transform: translateX(0);
}
.pact-right-tool-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
/* app-content */
.app-content-enter-from {
  opacity: 0;
}
.app-content-enter-active {
  transition: all 0.5s;
}
.app-content-leave-active {
  position: absolute !important;
  top: 32px;
  left: 40px;
  right: 40px;
  bottom: 20px;
  transition: all 0.5s;
  opacity: 0.3;
}
.app-content-leave-to {
  opacity: 0;
  transform: translateX(20px);
}
/* task-item-star */
.task-item-star-enter-from {
  opacity: 0 !important;
  transform: scale(0.7) rotateZ(-45deg);
}
.task-item-star-enter-active {
  transition: all 0.3s !important;
}
.task-item-star-leave-active {
  transition: all 0.3s !important;
}
.task-item-star-leave-to {
  opacity: 0 !important;
  transform: scale(0.7) rotateZ(45deg);
}
/* app-menu-fade */
.app-menu-fade-enter-active {
  transition: all 0.5s;
}
.app-menu-fade-leave-active {
  display: none;
}
.app-menu-fade-enter-from {
  opacity: 0;
  transform: translateX(-16px);
}
/* batch-flow-info */
.batch-flow-info-enter-from {
  opacity: 0;
  transform: translateX(-10px);
}
.batch-flow-info-enter-active {
  transition: all 0.3s;
}
.batch-flow-info-leave-active {
  transition: all 0.3s;
  opacity: 0.3;
}
.batch-flow-info-leave-to {
  opacity: 0;
  transform: translateX(10px);
}
.turn-page-enter-form {
  opacity: 0;
  transform: rotateY(-90deg);
}
.turn-page-enter-active {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  opacity: 0.5;
  transition: 0.4s ease;
  transform: rotateY(-180deg);
}
.turn-page-enter-to {
  opacity: 1;
  transform: rotateY(0deg);
}
.turn-page-leave-from {
  opacity: 0.5;
}
.turn-page-leave-active {
  position: absolute;
  transition: 0.5s ease;
}
.turn-page-leave-to {
  opacity: 0;
  transform: rotateY(-180deg);
}
.trans-left-enter-from {
  opacity: 0;
  transform: translateX(-20px);
}
.trans-left-enter-active {
  transition: all 0.2s;
}
.trans-left-leave-active {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s;
  opacity: 0.3;
  overflow: hidden;
}
.trans-left-leave-to {
  opacity: 0;
  transform: translateX(20px);
}
.trans-right-enter-from {
  opacity: 0;
  transform: translateX(20px);
}
.trans-right-enter-active {
  transition: all 0.2s;
}
.trans-right-leave-active {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s;
  opacity: 0.3;
  overflow: hidden;
}
.trans-right-leave-to {
  opacity: 0;
  transform: translateX(-20px);
}
.trans-bottom-enter-from {
  opacity: 0;
  transform: translateY(20px);
}
.trans-bottom-enter-active {
  transition: all 0.2s;
}
.trans-bottom-leave-active {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s;
  opacity: 0.3;
  overflow: hidden;
}
.trans-bottom-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes twinkle {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes Rotation {
  0% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(180deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes appHeadIn {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
@keyframes appLeftSideIn {
  0% {
    opacity: 0.5;
    transform: translateX(-70px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes appLeftSideFootIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes appTabsIn {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes appContentIn {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes workHeadTopIn {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes workSideLeftIn {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes cvatRightCardIn {
  0% {
    opacity: 0.5;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes cvatBottomIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pcatRightCardIn {
  0% {
    opacity: 0.5;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pcatBottomSwitchIn {
  0% {
    opacity: 0.5;
    transform: translateY(-80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pcatRightToolIn {
  0% {
    opacity: 0.5;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pcatRightToolOut {
  0% {
    z-index: 1;
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    z-index: 1;
    opacity: 0;
    transform: translateX(30px);
  }
}
@keyframes pcatRightToolIn {
  0% {
    opacity: 0.5;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pcatRightToolOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(30px);
  }
}
@keyframes pcatRightToolInPlus {
  0% {
    opacity: 0.5;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pcatRightToolOutPlus {
  0% {
    z-index: 1;
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    z-index: 1;
    opacity: 0;
    transform: translateX(50px);
  }
}
@keyframes flowNodeShadow {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
.flex {
  display: flex;
}
.center {
  align-items: center;
  justify-content: center;
}
.flex-column {
  flex-direction: column;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.blur {
  backdrop-filter: blur(10px);
}
.i-icon {
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.page-header {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.page-header .header-left {
  display: flex;
}
.page-header .header-right {
  display: flex;
}
.page-header .button {
  height: 40px;
  padding: 0 20px;
  border-radius: 6px;
  margin-bottom: 12px;
  font-size: 16px;
  letter-spacing: 2px;
}
.page-header .header-input {
  margin-bottom: 12px;
  width: 284px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
}
.page-header .header-input .icon {
  margin: 0 8px 0 0;
}
.page-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  box-shadow: 0px 2px 4px 0px rgba(28, 41, 90, 0.04);
  border-radius: 10px;
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: all 0.3s;
}
.search-input {
  max-width: 200px;
}
.search-input .icon-search {
  width: 18px;
  height: 18px;
  background-size: cover;
  background-image: url('/assets/icon_search-9d873667.png');
}
.pop-container {
  position: relative;
  padding: var(--modal-padding);
  border-radius: var(--modal-border-radius);
  background: var(--modal-bg);
  display: flex;
  border: var(--modal-border);
  flex-direction: column;
  backdrop-filter: var(--modal-backdrop-filter);
}
.pop-container .pop-header {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.pop-container .pop-header .m-icon {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
}
.pop-container .pop-main {
  margin-top: 20px;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pop-container .pop-footer {
  margin-top: 20px;
  display: flex;
  justify-content: end;
  gap: 20px;
  align-items: center;
}
.m-skeleton {
  width: 100%;
  height: 28px;
  position: absolute;
  background: var(--bg-color-skeleton);
  border-radius: 4px;
  background-size: 400% 100%;
  animation: 1.4s m-skeleton-loading infinite ease;
}
.m-skeleton__n-data-table {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  padding-top: 56px;
}
.m-skeleton__n-data-table .m-skeleton-li-wrap {
  display: flex;
}
.m-skeleton__n-data-table .m-skeleton-li-wrap .m-skeleton-wrap {
  height: 50px;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0 8px;
}
.m-skeleton__n-data-table .m-skeleton-li-wrap .m-skeleton-wrap .m-skeleton {
  height: 22px;
  position: relative;
}
@keyframes m-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clear.n-data-table .n-data-table-tr {
  background-clip: unset;
}
.clear.n-data-table.n-data-table--bordered .n-data-table-wrapper {
  border: unset;
}
.clear.n-data-table .n-data-table-table {
  background-color: unset;
}
.clear.n-data-table .n-data-table-table .n-data-table-thead {
  background-color: unset;
}
.clear.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-tr:hover {
  background-color: unset;
}
.clear.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th {
  overflow: hidden;
  background-color: unset;
  border: unset;
}
.clear.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th .table-title {
  height: 42px;
}
.clear.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th .sort-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.clear.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-tr:hover {
  background-color: unset;
}
.clear.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td {
  height: 48px;
  padding: 0;
  overflow: hidden;
  background-color: unset;
  border: unset;
}
.clear.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td .action-item {
  height: auto;
}
.clear.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td > .n-button .i-icon-more-one {
  margin-top: 8px;
}
.clear.n-dropdown-menu {
  background-color: unset;
  box-shadow: unset;
}
.clear.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body::before {
  left: 0;
  right: 0;
  border-radius: 0;
}
.clear.n-input {
  border: unset;
}
.clear.n-input .n-input-wrapper {
  border: unset;
}
.default.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th {
  padding: 22px 12px 12px;
}
.default.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th:first-child {
  padding-left: 26px;
  padding-right: 0;
}
.default.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-tr:hover {
  background: var(--n-table-item-bg-hover);
}
.default.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-tr:hover .n-data-table-td:first-child {
  border-left: 4px solid var(--n-table-item-border-hover);
}
.default.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td {
  padding: 12px;
}
.default.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td:first-child {
  padding: 0 0 0 22px;
  border-left: 4px solid transparent;
}
.default.n-dropdown-menu {
  background: var(--bg-color);
  box-shadow: 0px 2px 4px 0px rgba(28, 41, 90, 0.04);
  border-radius: 4px;
  border: 1px solid var(--border-color);
  backdrop-filter: blur(10px);
  padding: 0;
  text-align: center;
  letter-spacing: 2px;
}
.default.n-dropdown-menu .n-dropdown-option-body {
  height: 40px;
}
.default.n-dropdown-menu .n-dropdown-option-body .n-dropdown-option-body__label {
  line-height: 40px;
}
.default.n-dropdown-menu .n-dropdown-option-body.n-dropdown-option-body--pending::before {
  background-color: unset !important;
}
.default.n-dropdown-menu .n-dropdown-option-body.n-dropdown-option-body--pending {
  background: rgba(68, 189, 243, 0.2);
  transition: background 0.3s var(--n-bezier);
}
.default.n-input-number > .n-input,
.default.n-input {
  --n-border: 1px solid #434343 !important;
  --n-color: rgba(0, 0, 0, 0.7) !important;
  --n-border-radius: 8px !important;
  --n-height: 34px !important;
  --n-padding-left: 8px !important;
}
.default.n-input-number > .n-input .n-input-wrapper,
.default.n-input .n-input-wrapper {
  border-radius: 8px;
}
.default.n-input-number > .n-input .n-input-wrapper .n-input__prefix,
.default.n-input .n-input-wrapper .n-input__prefix {
  margin-right: 8px;
}
.default.n-input-number > .n-input .n-input-wrapper .n-input__input .n-input__input-el,
.default.n-input .n-input-wrapper .n-input__input .n-input__input-el {
  letter-spacing: 2px;
}
.default.n-select {
  border-radius: 8px;
  border: 1px solid var(--border-color2);
}
.default.n-popover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(28, 41, 90, 0.04);
  border-radius: 4px !important;
  border: 1px solid #ffffff;
  backdrop-filter: blur(10px);
  text-align: center;
  letter-spacing: 2px;
  cursor: default;
}
.default.n-popover .n-popover-arrow-wrapper {
  display: none;
}
.default.n-switch.n-switch--active .n-switch__rail {
  background-color: var(--pri-color) !important;
}
.default2.n-data-table {
  --n-th-text-color: #969696 !important;
  --n-font-size: 14px !important;
  width: calc(100% + 40px + 34px);
  margin-left: -40px;
}
.default2.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th {
  padding: 20px 12px 16px;
}
.default2.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th:first-child {
  padding: 20px 12px 16px 44px !important;
}
.default2.n-data-table .n-data-table-table .n-data-table-tbody tr:hover .n-data-table-td {
  position: relative;
  background: rgba(217, 217, 217, 0.1);
}
.default2.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td {
  font-size: 12px !important;
  border-left-color: transparent !important;
}
.default2.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td:first-child {
  padding-left: 40px !important;
}
.border.n-input {
  --n-border: 1px solid var(--border-color) !important;
}
.n-message-container.n-message-container--top {
  top: 48px;
  z-index: 10000;
}
.n-message-container.n-message-container--top .n-message-wrapper {
  background: var(--bg-color);
  border-radius: 6px;
  border: 1px solid var(--border-color3);
  backdrop-filter: blur(10px);
}
.n-message-container.n-message-container--top .n-message {
  padding: 13px 12px;
  background: unset;
}
.n-message-container.n-message-container--top .n-message__icon {
  margin-right: 8px;
}
.n-message-container.n-message-container--top .n-message__content {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 2px;
}
.n-data-table {
  letter-spacing: 2px;
  --n-font-size: 12px !important;
  --n-td-text-color: unset !important;
  --n-th-text-color: unset !important;
  --n-td-color: unset !important;
  --n-td-color-hover: var(--n-table-item-bg-hover) !important;
}
.n-data-table .n-data-table-empty {
  position: relative;
}
.n-notification-container .n-notification {
  background-color: unset;
  box-shadow: unset;
  width: unset;
  background: var(--bg-color);
  border-radius: 6px;
  border: 1px solid var(--border-color3);
  backdrop-filter: blur(10px);
  padding: 0;
}
.n-notification-container .n-notification .n-notification-main {
  margin: 0;
  padding: 0;
  width: 100%;
}
.n-input {
  --n-color: var(--bg-color) !important;
  --n-suffix-text-color: var(--font-color) !important;
  --n-placeholder-color: var(--font-color4) !important;
  --n-text-color: var(--font-color) !important;
  --n-border: 1px solid var(--n-input-border) !important;
  --n-border-hover: 1px solid #5E5CE5 !important;
  --n-border-focus: 1px solid #5E5CE5 !important;
  --n-color-focus: rgba(94, 92, 229, 0.1) !important;
  --n-border-radius: 8px !important;
  --n-padding-left: 8px !important;
  --n-caret-color: currentColor !important;
  --n-box-shadow-focus: 0 0 8px 0 var(--n-input-shadow-focus) !important;
  --n-font-size: 12px !important;
  --n-height: 32px !important;
}
.n-input-number .n-button {
  width: 20px;
  height: 20px;
  background: var(--bg-color5);
  border-radius: 4px;
  margin-left: 8px;
}
.n-base-selection {
  background: var(--bg-color5);
  backdrop-filter: blur(13.5914px);
  --n-box-shadow-focus: 0 0 8px 0 var(--shadow-focus) !important;
  --n-box-shadow-active: 0 0 8px 0 var(--shadow-focus) !important;
  --n-text-color: var(--font-color) !important;
  --n-color: var(--bg-color) !important;
  --n-color-active: var(--n-select-active-bg) !important;
  --n-border: 1px solid var(--n-input-border) !important;
  --n-border-hover: 1px solid var(--pri-color) !important;
  --n-border-focus: 1px solid var(--pri-color) !important;
  --n-border-active: 1px solid var(--pri-color) !important;
  --n-border-radius: 8px !important;
  --n-padding-multiple: 3px 26px 0 8px !important;
  --n-color-disabled: var(--bg-color) !important;
  --n-text-color-disabled: var(--font-color) !important;
  --n-placeholder-color: var(--font-color3) !important;
  --n-clear-color-hover: var(--font-color) !important;
  --n-clear-color: var(--font-color) !important;
  --n-arrow-color: var(--font-color) !important;
}
.n-base-select-menu {
  --n-color: var(--bg-color) !important;
  backdrop-filter: blur(14px);
  border: 1px solid var(--border-color3);
  border-radius: 8px;
  --n-option-color-pending: rgba(94, 92, 229, 0.15) !important;
  --n-option-color-active: rgba(94, 92, 229, 0.15) !important;
  --n-option-color-active-pending: rgba(94, 92, 229, 0.15) !important;
  --n-option-check-color: var(--pri-color) !important;
  --n-option-text-color: var(--font-color) !important;
  --n-option-text-color-active: var(--pri-color) !important;
}
.n-checkbox {
  --n-border: 1px solid var(--border-color) !important;
  --n-border-disabled: 1px solid var(--border-color) !important;
  --n-border-hover: 1px solid var(--pri-color) !important;
  --n-border-checked: 1px solid var(--pri-color) !important;
  --n-border-focus: 1px solid var(--pri-color) !important;
  --n-color-checked: var(--pri-color) !important;
  --n-color: var(--bg-color) !important;
  --n-check-mark-color: var(--bg-color1) !important;
  --n-box-shadow-focus: 0 0 0 2px var(--n-input-shadow-focus) !important;
  --n-merged-color-table: rgba(0, 0, 0, 0.2) !important;
  --n-text-color: var(--font-color) !important;
  --n-text-color-disabled: var(--font-color3) !important;
  --n-border-radius: 4px !important;
  border-radius: var(--n-border-radius);
}
.n-tooltip {
  border: 1px solid var(--border-color);
  color: var(--font-color);
  backdrop-filter: blur(10px);
  --n-color: var(--bg-color) !important;
  --n-border-radius: 8px !important;
  --n-font-size: 14px !important;
}
.n-tooltip .n-popover-arrow {
  --n-color: var(--bg-color) !important;
  border: 1px solid var(--border-color);
}
.n-radio-group {
  --n-button-color-active: var(--pri-color) !important;
  --n-button-border-color: var(--border-color1) !important;
  --n-button-border-color-active: var(--pri-color) !important;
  --n-button-text-color: var(--font-color) !important;
  --n-button-text-color-hover: var(--pri-color) !important;
  --n-button-text-color-active: #fdfbff !important;
  --n-button-box-shadow-hover: inset 0 0 0 1px var(--pri-color) !important;
  --n-button-box-shadow-focus: unset !important;
}
.n-radio {
  --n-border: 1px solid var(--border-color) !important;
  --n-text-color: var(--font-color) !important;
  --n-box-shadow: inset 0 0 0 1px var(--border-color) !important;
  --n-dot-color-active: var(--pri-color) !important;
  --n-box-shadow-active: inset 0 0 0 1px var(--pri-color) !important;
  --n-box-shadow-hover: inset 0 0 0 1px var(--pri-color) !important;
  --n-box-shadow-focus: inset 0 0 0 1px var(--pri-color), 0 0 0 2px rgba(94, 92, 229, 0.3) !important;
}
.n-switch.n-switch--active .n-switch__rail {
  background-color: var(--pri-color) !important;
}
.n-tag {
  --n-close-icon-color: var(--font-color) !important;
  --n-border: 1px solid var(--border-color2) !important;
  --n-color-checked: var(--pri-color) !important;
  --n-text-color: var(--font-color) !important;
  --n-text-color-checked: var(--font-color) !important;
}
.n-popover {
  --n-box-shadow: unset !important;
}
.n-pagination {
  --n-item-text-color: var(--font-color3) !important;
  --n-item-text-color-hover: var(--font-color) !important;
  --n-item-text-color-active: var(--font-color) !important;
  --n-item-border-active: 1px solid var(--border-color) !important;
  --n-button-border: 1px solid var(--border-color) !important;
  --n-button-border-hover: 1px solid var(--border-color) !important;
  --n-button-icon-color: var(--font-color3) !important;
  --n-button-icon-color-hover: var(--font-color) !important;
  --n-item-border-disabled: var(--border-color) !important;
  --n-item-text-color-disabled: var(--font-color3) !important;
  --n-item-color-disabled: var(--border-color2) !important;
}
.n-empty {
  --n-text-color: var(--font-color) !important;
  --n-icon-color: var(--font-color) !important;
}
.n-switch {
  --n-box-shadow-focus: 0 0 8px 0 var(--shadow-focus) !important;
  --n-rail-color: var(--divider-color) !important;
}
.n-tree {
  --n-node-text-color: var(--font-color) !important;
  --n-arrow-color: var(--font-color4) !important;
}
.n-button {
  --n-text-color: var(--font-color) !important;
  --n-border-hover: 1px solid var(--pri-color) !important;
  --n-text-color-hover: var(--pri-color) !important;
  --n-text-color-focus: var(--pri-color) !important;
}
.n-tabs {
  --n-tab-text-color: var(--font-color) !important;
  --n-pane-text-color: var(--font-color) !important;
}
.n-message-wrapper {
  --n-text-color: var(--font-color2) !important;
}
.n-upload {
  --n-dragger-border-hover: 1px dashed var(--pri-color) !important;
  --n-border-focus: 1px solid var(--pri-color) !important;
}
.molar-light .n-upload {
  --n-item-border-image-card: 1px solid var(--border-color2) !important;
  --n-dragger-border: 1px dashed var(--border-color2) !important;
}
.n-menu {
  --n-item-text-color-hover: var(--font-color) !important;
  --n-item-text-color-active: var(--font-color) !important;
  --n-item-text-color-active-hover: var(--font-color) !important;
}
.n-menu .n-menu-item-content--selected::before {
  background-color: transparent !important;
  background-image: var(--app-side-menu-active-bg) !important;
}
.n-modal-container .n-input {
  background: var(--bg-color5) !important;
}
.n-modal-container .n-base-select-menu {
  --n-color: var(--bg-color1) !important;
}
.n-modal-container .n-card.n-modal.default-card-modal {
  border: 1px solid var(--border-color3);
  background: var(--bg-color2);
  backdrop-filter: blur(18px);
  box-shadow: 0 2px 4px rgba(28, 41, 90, 0.04);
  border-radius: 8px;
  color: var(--font-color);
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card-header {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card-header .n-card-header__main {
  color: var(--font-color);
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card-header .n-base-close {
  color: var(--font-color);
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content {
  flex: 1;
  overflow-y: auto;
  position: relative;
  padding-bottom: 0;
  padding: 0 20px 0 28px;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content::-webkit-scrollbar {
  display: none;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-tabs {
  padding-top: 42px;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-tabs .n-tabs-nav.n-tabs-nav--top {
  z-index: 1;
  width: 100%;
  position: fixed;
  top: 69px;
  left: 0;
  padding-left: 30px;
  background-color: #000000;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-tabs .n-tabs-tab {
  --n-tab-text-color: rgba(253, 251, 255, 0.3) !important;
  --n-pane-text-color: rgba(253, 251, 255, 0.3) !important;
  --n-tab-text-color-active: var(--pri-color);
  --n-tab-text-color-hover: var(--pri-color);
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-tabs .n-tabs-tab .n-tabs-tab__label {
  font-size: 16px;
  font-family: PingFang SC;
  line-height: 16px;
  letter-spacing: 2px;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-tabs .n-tabs-tab.n-tabs-tab--active {
  color: var(--pri-color);
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-tabs .n-tabs-bar {
  background-color: var(--pri-color);
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-form .n-form-item--left-labelled {
  --n-feedback-height: 30px !important;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-form .n-form-item--left-labelled .n-form-item-blank {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 24px;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-form .n-form-item--left-labelled .n-form-item-feedback-wrapper .n-form-item-feedback__line {
  text-align: right;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-form .n-form-item--left-labelled .n-input-number,
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-form .n-form-item--left-labelled .n-input {
  width: 300px;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-form .n-form-item--left-labelled .n-select .n-base-selection .n-base-selection-tags {
  background: var(--bg-color5) !important;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__content .n-form .n-form-item--left-labelled .n-select .n-base-selection .n-base-selection-tags .n-base-selection-tag-wrapper .n-tag {
  --n-height: 26px !important;
  --n-border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.n-modal-container .n-card.n-modal.default-card-modal .n-card__footer {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  padding: 20px;
}
.n-spin-container .n-spin {
  color: var(--pri-color);
}
.en-US .n-data-table.table-v2 {
  letter-spacing: 0.16px;
}
.en-US .n-data-table:not(.table-v2) .n-data-table-th__title {
  letter-spacing: 1px !important;
}
.n-slider {
  --n-dot-border-active: 2px solid var(--pri-color) !important;
  --n-fill-color: var(--pri-color) !important;
  --n-fill-color-hover: var(--pri-color) !important;
  --n-handle-color: var(--pri-color) !important;
}
.n-popover {
  --n-color: var(--bg-color-box) !important;
}
.n-popover .n-popover__content {
  border-radius: 8px;
  backdrop-filter: blur(14px);
}
.n-popover .n-button.n-button--default-type {
  --n-border: 1px solid var(--pri-color) !important;
  color: var(--pri-color);
  border-color: var(--pri-color) !important;
}
.n-popover .n-button.n-button--primary-type {
  --n-border: 1px solid var(--pri-color) !important;
  --n-border-hover: var(--pri-color);
  --n-text-color-hover: #fff !important;
  background: var(--pri-color);
}
.molar-light .n-popover {
  --n-text-color: var(--font-color) !important;
  --n-font-size: 12px !important;
}
.molar-light .upload-format-hint {
  color: var(--font-color3) !important;
}
.introjs-tooltipReferenceLayer {
  position: fixed !important;
}
.introjs-tooltipReferenceLayer .introjs-tooltip {
  max-width: 400px;
  min-width: 300px;
  padding: 12px 16px;
  border-radius: 6px;
  backdrop-filter: blur(8px);
  background: linear-gradient(90deg, #5e5ce5 0%, rgba(94, 92, 229, 0.3) 100%);
  transition: opacity 0.2s linear;
  /* Adjust timing as needed */
}
.introjs-tooltipReferenceLayer .introjs-tooltip::after {
  z-index: 0;
  content: '';
  display: block;
  width: 57px;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(270deg, #5e5ce5 0%, rgba(94, 92, 229, 0.3) 100%);
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header {
  position: static;
  padding: 0;
  margin-bottom: 4px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header .introjs-tooltip-title {
  color: #fff;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
  cursor: pointer;
  width: auto;
  height: auto;
  position: absolute;
  top: auto;
  left: 16px;
  right: auto;
  bottom: 17px;
  color: #fff;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  padding: 0;
  color: #fff;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets {
  padding: 0;
  margin: 12px 0;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li {
  margin: 2px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets a {
  background: #999;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets a.active {
  background: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  margin-top: 12px;
  margin-right: -6px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  border-top: none;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 100% */
  text-shadow: none;
  transition: all 0.3s;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button:hover {
  border-color: var(--pri-color);
  color: var(--pri-color);
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons.m-introjs-tooltipbuttons {
  align-items: center;
  justify-content: flex-start;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons.m-introjs-tooltipbuttons .introjs-skipbutton {
  cursor: pointer;
  width: auto;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  color: #fff;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons.m-introjs-tooltipbuttons .introjs-bullets {
  margin: 0;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons.m-introjs-tooltipbuttons .introjs-button {
  margin-left: auto;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons.m-introjs-tooltipbuttons .introjs-prevbutton + .introjs-button.introjs-nextbutton {
  margin-left: 0;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons.m-introjs-tooltipbuttons .introjs-hidden + .introjs-button.introjs-nextbutton {
  margin-left: auto;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow {
  display: block;
  border: none !important;
  left: 0;
  position: static;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow::before {
  z-index: 1;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateX(-10px) translateY(-50%);
  background: #5e5ce5;
  opacity: 0.3;
  border-radius: 50%;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow::after {
  z-index: 2;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateX(-7px) translateY(-50%);
  background: #5e5ce5;
  border-radius: 50%;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-right {
  margin-left: 50px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-right .introjs-arrow::before {
  left: -57px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-right .introjs-arrow::after {
  left: -57px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-right::after {
  left: -57px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-left {
  margin-right: 50px;
  background: linear-gradient(90deg, rgba(94, 92, 229, 0.3) 0%, #5e5ce5 100%);
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-left .introjs-arrow::before {
  right: -78px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-left .introjs-arrow::after {
  right: -72px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-left::after {
  right: -57px;
  transform: rotateZ(180deg);
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-bottom-left-aligned {
  left: 0 !important;
  margin-top: 50px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-bottom-left-aligned .introjs-arrow::before {
  top: -57px;
  left: 50%;
  margin-left: 2px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-bottom-left-aligned .introjs-arrow::after {
  top: -57px;
  left: 50%;
  margin-left: 2px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-bottom-left-aligned::after {
  width: 60px;
  top: -30px;
  left: 50%;
  transform: translateX(-50%) rotateZ(90deg);
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-top-left-aligned {
  left: 0 !important;
  margin-bottom: 50px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-top-left-aligned .introjs-arrow::before {
  top: auto;
  bottom: -77px;
  left: 50%;
  margin-left: 2px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-top-left-aligned .introjs-arrow::after {
  top: auto;
  bottom: -71px;
  left: 50%;
  margin-left: 2px;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-top-left-aligned::after {
  width: 60px;
  top: auto;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%) rotateZ(90deg);
}
.introjs-helperLayer {
  position: fixed !important;
  border-radius: 4px;
  border: 1px solid #5e5ce5;
}
.introjs-disableInteraction {
  position: fixed !important;
}
[data-theme='light'] .default.n-input {
  --n-color: transparent !important;
  --n-border: 1px solid var(--border-color2) !important;
}
[data-theme='light'] .default.n-select .n-base-selection {
  --n-border: none !important;
}
.pcat3.n-data-table {
  --n-border-color: #7a797b !important;
  --n-border-radius: 4px !important;
  --n-merged-th-color: #3d3d3d !important;
  --n-merged-td-color: #2e2e2e !important;
  --n-td-padding: 13px 8px !important;
  --n-th-padding: 13px 8px !important;
  --n-line-height: 1 !important;
}
.pcat3.n-data-table.n-data-table--bordered .n-data-table-wrapper {
  border: 1px solid var(--n-merged-border-color);
}
.pcat3.n-data-table th {
  --n-th-padding: 13px 8px !important;
}
.pcat3.n-data-table td {
  --n-td-padding: 13px 8px !important;
}
.pcat3.n-data-table .n-data-table-tr:hover {
  background-color: #333340 !important;
}
.pcat3.n-data-table .n-data-table-tr:hover .n-data-table-td:first-child {
  border-left: none !important;
  background-color: #40404e !important;
}
.pcat3.n-data-table .n-data-table-tr .n-data-table-th {
  border-right: 0.5px solid var(--n-border-color);
}
.pcat3.n-data-table .n-data-table-tr .n-data-table-th:last-child {
  border-right: none;
}
.pcat3.n-data-table .n-data-table-tr .n-data-table-td {
  border-right: 0.5px solid var(--n-border-color);
}
.pcat3.n-data-table .n-data-table-tr .n-data-table-td:first-child {
  --n-merged-td-color: #3d3d3d !important;
}
.pcat3.n-data-table .n-data-table-tr .n-data-table-td:last-child {
  border-right: none;
}
.pcat3.n-data-table .n-data-table-table .n-data-table-thead {
  background-color: var(--n-merged-th-color) !important;
}
.pcat3.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th {
  padding: var(--n-th-padding) !important;
  border: none;
  border-right: 0.5px solid var(--n-border-color) !important;
  border-bottom: 1px solid var(--n-merged-border-color) !important;
}
.pcat3.n-data-table .n-data-table-table .n-data-table-thead .n-data-table-th:first-child {
  padding: var(--n-th-padding) !important;
}
.pcat3.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td {
  padding: var(--n-td-padding) !important;
  height: auto !important;
  background-color: var(--n-merged-td-color) !important;
  border: none;
  border-right: 0.5px solid var(--n-border-color) !important;
  border-bottom: 1px solid var(--n-merged-border-color) !important;
}
.pcat3.n-data-table .n-data-table-table .n-data-table-tbody .n-data-table-td:first-child {
  padding: var(--n-td-padding) !important;
}
.pcat3.n-input {
  --n-font-size: 12px !important;
  --n-height: 24px !important;
  --n-border: 0.5px solid #434343 !important;
  --n-border-radius: 4px !important;
}
.pcat3.n-input-number .n-input {
  --n-font-size: 12px !important;
  --n-height: 20px !important;
  --n-border: 0.5px solid #434343 !important;
  --n-border-radius: 4px !important;
}
.pcat3.n-input-number.both .n-input {
  background: transparent;
  --n-border: none !important;
}
.pcat3.n-input-number.both .n-input-wrapper {
  padding: 0;
}
.pcat3.n-input-number.both .n-input__input {
  text-align: center;
}
.pcat3.n-input-number.both .n-input__prefix {
  margin-right: 3px;
}
.pcat3.n-input-number.both .n-input__prefix .n-button {
  margin-left: 0;
}
.pcat3.n-input-number.both .n-input__suffix .n-button {
  margin-left: 0;
}
.pcat3.n-radio-group {
  --n-font-size: 12px !important;
  --n-height: 20px !important;
  --n-border-radius: 4px !important;
  --n-button-border-color: var(--pri-color) !important;
}
.pcat3.n-radio-group .n-radio {
  --n-font-size: 12px !important;
  --n-height: 20px !important;
  --n-border-radius: 4px !important;
  --n-button-border-color: var(--pri-color) !important;
  --n-radio-size: 12px !important;
}
.pcat3.n-radio-group .n-radio .n-radio__label {
  --n-label-padding: 0 0 0 4px !important;
}
.pcat3.n-radio-group .n-radio .n-radio__dot::before {
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  left: 2px;
  top: 2px;
}
.pcat3.n-radio-group.n-radio-group--button-group .n-radio-group__splitor {
  display: none;
}
.pcat3.n-radio-group.n-radio-group--button-group .n-radio-button {
  --n-button-border-radius: 4px !important;
  line-height: 19px !important;
  padding-left: 12px;
  padding-right: 12px;
}
.pcat3.n-radio-group.n-radio-group--button-group .n-radio-button.n-radio-button--checked {
  position: relative;
}
.pcat3.n-radio-group.n-radio-group--button-group .n-radio-button.n-radio-button--checked::after {
  z-index: -1;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px !important;
  background-color: var(--pri-color);
}
.pcat3.n-radio {
  --n-font-size: 12px !important;
  --n-height: 20px !important;
  --n-border-radius: 4px !important;
  --n-button-border-color: var(--pri-color) !important;
  --n-radio-size: 12px !important;
}
.pcat3.n-radio .n-radio__label {
  --n-label-padding: 0 0 0 4px !important;
}
.pcat3.n-radio .n-radio__dot::before {
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  left: 2px;
  top: 2px;
}
.pcat3.n-tabs {
  --n-tab-font-size: 12px !important;
  --n-tab-padding: 3px 0 !important;
  --n-tab-border-radius: 4px !important;
  --n-pane-padding-top: 0 !important;
}
.pcat3.n-tabs .n-tabs-rail {
  padding: 0;
}
.pcat3.n-tabs .n-tabs-capsule {
  --n-tab-border-radius: 4px !important;
  --n-tab-color-segment: var(--pri-color) !important;
  height: 100% !important;
  margin-left: 0;
}
.pcat3.n-select .n-cascader-submenu--virtual,
.pcat3.n-cascader .n-cascader-submenu--virtual {
  width: unset !important;
}
.pcat3.n-select .n-cascader-submenu,
.pcat3.n-cascader .n-cascader-submenu {
  --n-column-width: 80px;
}
.pcat3.n-select .n-cascader-submenu .n-cascader-option,
.pcat3.n-cascader .n-cascader-submenu .n-cascader-option {
  min-width: 100px;
}
.pcat3.n-select .n-base-selection--selected,
.pcat3.n-cascader .n-base-selection--selected {
  --n-height: 20px !important;
  --n-font-size: 12px !important;
  --n-color: rgba(253, 251, 255, 0.05) !important;
  --n-border-radius: 4px !important;
  --n-padding-single: 4px !important;
  --n-arrow-size: 12px !important;
  --n-border: 0.5px solid #434343 !important;
}
.pcat3.n-select .n-base-selection--selected .n-base-suffix,
.pcat3.n-cascader .n-base-selection--selected .n-base-suffix {
  right: 4px !important;
}
.pcat3.n-select .n-base-selection--multiple,
.pcat3.n-cascader .n-base-selection--multiple {
  --n-font-size: 12px !important;
  --n-color: rgba(253, 251, 255, 0.05) !important;
  --n-border-radius: 4px !important;
  --n-arrow-size: 12px !important;
  --n-border: 0.5px solid #434343 !important;
  --n-padding-multiple: 4px 26px 1px 4px !important;
}
.pcat3.n-select .n-base-selection--multiple .n-base-suffix,
.pcat3.n-cascader .n-base-selection--multiple .n-base-suffix {
  right: 6px !important;
}
.pcat3.n-select .n-base-selection--multiple .n-base-selection-tag-wrapper,
.pcat3.n-cascader .n-base-selection--multiple .n-base-selection-tag-wrapper {
  padding-right: 4px;
}
.pcat3.n-select .n-base-selection--multiple .n-base-selection-tag-wrapper .n-tag,
.pcat3.n-cascader .n-base-selection--multiple .n-base-selection-tag-wrapper .n-tag {
  --n-height: 26px !important;
  --n-font-size: 12px !important;
  --n-border-radius: 4px !important;
  --n-border: 1px solid #585859;
  --n-close-icon-size: 12px !important;
  font-size: 12px;
  background-color: #585859;
}
.pcat3.n-select .n-base-selection,
.pcat3.n-cascader .n-base-selection {
  --n-height: 24px !important;
  background: var(--bg-color);
  backdrop-filter: blur(13.5914px);
  --n-box-shadow-focus: 0 0 8px 0 var(--shadow-focus) !important;
  --n-box-shadow-active: 0 0 8px 0 var(--shadow-focus) !important;
  --n-text-color: var(--font-color) !important;
  --n-color: var(--bg-color) !important;
  --n-color-active: var(--n-select-active-bg) !important;
  --n-border: 0.5px solid #434343 !important;
  --n-border-hover: 1px solid var(--pri-color) !important;
  --n-border-focus: 1px solid var(--pri-color) !important;
  --n-border-active: 1px solid var(--pri-color) !important;
  --n-border-radius: 4px !important;
  --n-padding-multiple: 3px 26px 0 8px !important;
  --n-color-disabled: var(--bg-color) !important;
  --n-text-color-disabled: var(--font-color) !important;
  --n-placeholder-color: var(--font-color3) !important;
  --n-clear-color-hover: var(--font-color) !important;
  --n-clear-color: var(--font-color) !important;
  --n-arrow-color: var(--font-color) !important;
  --n-font-size: 12px !important;
}
.pcat3.n-select .n-base-select-menu,
.pcat3.n-cascader .n-base-select-menu {
  --n-color: var(--bg-color) !important;
  backdrop-filter: blur(14px);
  border: 1px solid var(--border-color3);
  border-radius: 8px;
  --n-option-color-pending: rgba(94, 92, 229, 0.15) !important;
  --n-option-color-active: rgba(94, 92, 229, 0.15) !important;
  --n-option-color-active-pending: rgba(94, 92, 229, 0.15) !important;
  --n-option-check-color: var(--pri-color) !important;
  --n-option-text-color: var(--font-color) !important;
  --n-option-text-color-active: var(--pri-color) !important;
  --n-font-size: 12px !important;
  --n-option-font-size: 12px !important;
}
.pcat3.n-select .n-base-selection-placeholder,
.pcat3.n-cascader .n-base-selection-placeholder {
  --n-padding-single: 4px !important;
}
.pcat3.n-select .n-cascader-menu,
.pcat3.n-cascader .n-cascader-menu {
  --n-menu-color: var(--bg-color) !important;
  --n-color: var(--bg-color) !important;
  backdrop-filter: blur(14px);
  border: 1px solid var(--border-color3);
  border-radius: 8px;
  --n-option-color-pending: rgba(94, 92, 229, 0.15) !important;
  --n-option-color-active: rgba(94, 92, 229, 0.15) !important;
  --n-option-color-active-pending: rgba(94, 92, 229, 0.15) !important;
  --n-option-check-color: var(--pri-color) !important;
  --n-option-text-color: var(--font-color) !important;
  --n-option-text-color-active: var(--pri-color) !important;
  --n-font-size: 12px !important;
  --n-option-font-size: 12px !important;
}
.pcat3.n-select .n-cascader-submenu,
.pcat3.n-cascader .n-cascader-submenu {
  --n-column-width: 100px;
}
.pcat3.n-select .n-cascader-submenu .n-cascader-option,
.pcat3.n-cascader .n-cascader-submenu .n-cascader-option {
  min-width: 100px;
}
.pcat3.n-color-picker {
  --n-border-radius: 4px !important;
}
.pcat3.n-checkbox-group {
  --n-font-size: 12px !important;
  --n-height: 20px !important;
  --n-border-radius: 4px !important;
  --n-button-border-color: var(--pri-color) !important;
}
.pcat3.n-checkbox-group .n-checkbox {
  --n-font-size: 12px !important;
  --n-height: 20px !important;
  --n-border-radius: 4px !important;
  --n-button-border-color: var(--pri-color) !important;
  --n-size: 12px !important;
}
.pcat3.n-checkbox-group .n-checkbox .n-checkbox__label {
  --n-label-padding: 0 0 0 4px !important;
}
.pcat3.n-checkbox {
  --n-font-size: 12px !important;
  --n-height: 20px !important;
  --n-border-radius: 4px !important;
  --n-button-border-color: var(--pri-color) !important;
  --n-size: 12px !important;
}
.pcat3.n-checkbox .n-checkbox__label {
  --n-label-padding: 0 0 0 4px !important;
}
.pcat3.button {
  height: 24px;
  min-width: 0;
  padding: 0 16px;
  font-size: 12px;
  border-radius: 4px;
}
.pcat3.n-dropdown-menu {
  --n-text-color: #fff !important;
  --n-color: #0e0e0e !important;
  --n-border-radius: 4px !important;
  --n-option-height: 32px !important;
  --n-font-size: 12px !important;
  --n-option-color-hover: rgba(94, 92, 229, 0.15) !important;
  --n-option-icon-size: 12px !important;
  border: 0.927px solid #434343;
}
.pcat3.n-dropdown-menu .n-dropdown-option {
  position: relative;
}
.pcat3.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body::before {
  left: 0;
  right: 0;
  border-radius: 0 !important;
}
.pcat3.n-dropdown-menu .n-dropdown-option::after {
  content: '';
  display: block;
  height: 1px;
  width: calc(100% - 18px);
  position: absolute;
  left: 9px;
  background-color: #434343;
}
.pcat3.n-dropdown-menu .n-dropdown-option:last-child::after {
  display: none;
}
.pcat3.n-dropdown-menu .n-dropdown-option:first-child {
  padding-top: 7px;
}
.pcat3.n-popover {
  backdrop-filter: blur(14px);
  --n-color: var(--bg-color-box) !important;
}
.pcat3.n-popover.n-popover--raw {
  backdrop-filter: none;
}
.pcat3.n-popover .n-button.n-button--default-type {
  --n-border: 1px solid var(--pri-color) !important;
  color: var(--pri-color);
  border-color: var(--pri-color) !important;
}
.pcat3.n-popover .n-button.n-button--primary-type {
  --n-border: 1px solid var(--pri-color) !important;
  --n-border-hover: var(--pri-color);
  --n-text-color-hover: #fff !important;
  background: var(--pri-color);
}
.button {
  user-select: none;
  cursor: pointer;
  height: 32px;
  border-radius: 6px;
  border: 1px solid transparent;
  color: var(--pri-button-font-color);
  background-color: var(--pri-button-background-color);
  backdrop-filter: blur(8px);
  display: inline-flex;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 0 14px 0 16px;
  white-space: nowrap;
}
.button:hover {
  background-color: var(--pri-button-hover-background-color);
}
.button:active {
  border-color: var(--pri-button-active-border-color);
  background-color: var(--pri-button-active-background-color);
}
.button.disabled {
  pointer-events: none;
  opacity: 0.6;
  border-color: var(--pri-button-disabled-border-color);
  background-color: var(--pri-button-disabled-background-color);
}
.button.primary {
  color: var(--pri-button-font-color);
  background-color: var(--pri-button-background-color);
}
.button.primary:hover {
  background-color: var(--pri-button-hover-background-color);
}
.button.primary:active {
  color: var(--pri-button-active-font-color);
  background-color: var(--pri-button-active-background-color);
}
.button.primary.disabled {
  opacity: 0.6;
  border-color: var(--pri-button-disabled-border-color);
  background-color: var(--pri-button-disabled-background-color);
}
.button.second {
  color: var(--sec-button-font-color);
  border-color: var(--sec-button-border-color);
  background-color: var(--sec-button-background-color);
}
.button.second:hover {
  border-color: var(--sec-button-hover-border-color);
  background-color: var(--sec-button-hover-background-color);
}
.button.second:active {
  color: var(--sec-button-active-font-color);
  border-color: var(--sec-button-active-border-color);
  background-color: var(--sec-button-active-background-color);
}
.button.second.disabled {
  opacity: 0.6;
  border-color: var(--sec-button-disabled-border-color);
  background-color: var(--sec-button-disabled-background-color);
}
.button.error {
  color: var(--error-button-font-color);
  background: var(--error-button-background-color);
  border-color: var(--error-button-border-color);
}
.button.error:hover {
  border-color: var(--error-button-hover-border-color);
  background: var(--error-button-hover-background-color);
}
.button.error:active {
  color: var(--error-button-active-font-color);
  border-color: var(--error-button-active-background-color);
}
.button.error.disabled {
  opacity: 0.6;
  border-color: var(--error-button-disabled-border-color);
  background: var(--error-button-disabled-background-color);
}
.button.error.loading::before {
  border-color: var(--error-button-loading-border-color);
}
.button.warning {
  color: var(--warning-button-font-color);
  background: var(--warning-button-background-color);
  border-color: var(--warning-button-border-color);
}
.button.warning:hover {
  border-color: var(--warning-button-hover-border-color);
  background: var(--warning-button-hover-background-color);
}
.button.warning:active {
  color: var(--warning-button-active-font-color);
  border-color: var(--warning-button-active-background-color);
}
.button.warning.disabled {
  opacity: 0.6;
  border-color: var(--warning-button-disabled-border-color);
  background: var(--warning-button-disabled-background-color);
}
.button.warning.loading::before {
  border-color: var(--warning-button-loading-border-color);
}
.button.success {
  color: var(--success-button-font-color);
  background: var(--success-button-background-color);
  border-color: var(--success-button-border-color);
}
.button.success:hover {
  border-color: var(--success-button-hover-border-color);
  background: var(--success-button-hover-background-color);
}
.button.success:active {
  color: var(--success-button-active-font-color);
  border-color: var(--success-button-active-background-color);
}
.button.success.disabled {
  opacity: 0.6;
  border-color: var(--success-button-disabled-border-color);
  background: var(--success-button-disabled-background-color);
}
.button.success.loading::before {
  border-color: var(--success-button-loading-border-color);
}
.button.loading {
  pointer-events: none;
  color: transparent;
  position: relative;
}
.button.loading::before,
.button.loading::after {
  content: '';
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2.4px solid transparent;
}
.button.loading::before {
  border-color: #1d2473;
}
.button.loading::after {
  border-color: var(--font-color);
  clip-path: inset(0 12px 0px 0px);
  animation: originRotate 1.3s infinite ease-in-out;
}
.button.text {
  color: var(--font-color);
  backdrop-filter: unset;
  background: unset;
}
.button.text.primary:hover {
  background-color: unset;
  color: var(--pri-color);
}
.button.text.primary:active {
  border-color: transparent;
  background-color: unset;
  color: var(--pri-button-active-font-color);
}
.button.text.primary.disabled {
  opacity: 0.6;
  border-color: var(--pri-button-disabled-border-color);
}
.button.medium {
  font-weight: 500;
  min-width: 70px;
  height: 32px;
  padding: 0px 12px 0 14px;
  font-size: 14px;
  border-radius: 4px;
}
.button.small {
  font-weight: 500;
  min-width: 56px;
  height: 26px;
  padding: 0 6px 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.text-button {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: var(--font-color);
  line-height: 22px;
  transition: all 0.3s;
  cursor: pointer;
}
.text-button.disabled {
  pointer-events: none;
}
.text-button:hover {
  opacity: 0.7;
}
.text-button:active {
  opacity: 0.5;
}
.text-button.info {
  color: #50b5e2;
}
.text-button.success {
  color: #54ffdd;
}
.text-button.error {
  color: #f84137;
}
.text-button.warning {
  color: #f3bf44;
}
.text-button.table {
  color: #8d88f2;
}
.icon-button {
  cursor: pointer;
}
.icon-button:hover {
  color: var(--pri-color);
}
.icon-button:active {
  opacity: 0.8;
}
.loading-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
  z-index: 999;
  border: 6px solid;
  animation: loadingView 5s infinite linear;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  letter-spacing: 5px;
  color: #fff;
}
.button.icon {
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  height: auto;
}
.button.icon.primary {
  color: var(--pri-color);
}
.button.icon:hover {
  background-color: transparent;
  border-color: transparent;
  opacity: 0.7;
}
.button.icon:hover.primary {
  opacity: 1;
  color: var(--pri-color);
}
.button.icon:active {
  background-color: transparent;
  border-color: transparent;
  opacity: 0.7 !important;
}
@keyframes originRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingView {
  0% {
    border-image: linear-gradient(0deg, #50b5e2, #f84137) 1;
  }
  50% {
    border-image: linear-gradient(180deg, #50b5e2, #f84137) 1;
  }
  100% {
    border-image: linear-gradient(360deg, #50b5e2, #f84137) 1;
  }
}
:root .molar-dark {
  --pri-color: #5e5ce5;
  --pri-color1: #12194d;
  --pri-color2: #1d2473;
  --pri-color3: #2e3399;
  --pri-color4: #4345bf;
  --pri-color5: #7674e9;
  --pri-color6: #5e5ce5;
  --pri-color7: #8d88f2;
  --pri-color8: #9e9def;
  --pri-color9: #b7b6f3;
  --pri-color10: #efeffc;
  --info-color: #0052D9;
  --warning-color: #f1af3f;
  --error-color: #e34d59;
  --success-color: #09e1e3;
  --bg-color: rgba(0, 0, 0, 0.5);
  --bg-color1: #000000;
  --bg-color2: rgba(0, 0, 0, 0.8);
  --bg-color3: rgba(0, 0, 0, 0.7);
  --bg-color4: rgba(0, 0, 0, 0.5);
  --bg-color5: rgba(255, 255, 255, 0.05);
  --bg-color-skeleton: linear-gradient(90deg, rgba(67, 67, 67, 0.2) 25%, rgba(67, 67, 67, 0.6) 37%, rgba(67, 67, 67, 0.2) 63%);
  --bg-color6: rgba(255, 255, 255, 0.1);
  --bg-color7: rgba(0, 0, 0, 0.35);
  --bg-color8: rgba(255, 255, 255, 0.1);
  --bg-color9: #131319;
  --bg-color10: #3f3f3f;
  --bg-color11: rgba(147, 147, 147, 0.1);
  --border-color: rgba(253, 251, 255, 0.15);
  --border-color1: rgba(253, 251, 255, 0.3);
  --border-color2: rgba(253, 251, 255, 0.15);
  --border-color3: rgba(253, 251, 255, 0.15);
  --font-color: #fdfbff;
  --font-color1: #fdfbff;
  --font-color2: rgba(253, 251, 255, 0.85);
  --font-color3: rgba(253, 251, 255, 0.6);
  --font-color4: rgba(253, 251, 255, 0.45);
  --font-color5: rgba(253, 251, 255, 0.3);
  --divider-color: rgba(253, 251, 255, 0.3);
  --divider-color1: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 51.5676%, rgba(255, 255, 255, 0) 100%);
  --bg-hover-color: rgba(94, 92, 229, 0.15);
  --bg-hover-color1: rgba(141, 136, 242, 0.2);
  --border-hover: linear-gradient(90deg, #5e5ce5 0%, #ff54cf 100%);
  --border-hover1: #5e5ce5;
  --bg-vertical-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  --team-switcher-item-bg: rgba(94, 92, 229, 0.15);
  --app-side-menu-active-bg: linear-gradient(270deg, transparent 0%, rgba(94, 92, 229, 0.5) 100%);
  --app-side-menu-active-text: var(--font-color);
  --dash-news-item-bg: rgba(255, 255, 255, 0.03);
  --dash-news-item-border-hover: var(--border-hover);
  --dash-news-item-tag1: rgba(255, 255, 255, 0.05);
  --dash-news-item-tag2: rgba(255, 255, 255, 0.05);
  --dash-news-item-tag3: rgba(255, 255, 255, 0.05);
  --dash-news-item-tag4: rgba(255, 255, 255, 0.05);
  --task-favorite: #f3bf44;
  --create-task-item-info-mask: rgba(0, 0, 0, 0.8);
  --task-item-progress-bar: #333333;
  --space-info-border: var(--border-color2);
  --space-avatar-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.48) 107.78%);
  --space-info-guide-mask: transparent;
  --space-cost-center-member: url(/assets/cost_center_member-d8ff39b9.png);
  --space-cost-center-storage: url(/assets/cost_center_storage-97770edf.png);
  --space-cost-center-ai: url(/assets/cost_center_ai-01454b3a.png);
  --space-cost-center-module: url(/assets/cost_center_module-7746d783.png);
  --task-overview-item-bg: rgba(255, 255, 255, 0.05);
  --task-overview-auto-label-text: var(--font-color);
  --task-overview-small-card-border: transparent;
  --task-overview-big-card-border: var(--border-color);
  --task-auto-bg: url(/assets/icon_create_space_bg-33130f0f.png);
  --task-auto-mask: transparent;
  --task-label-text: var(--success-color);
  --task-auto-item-border: linear-gradient(180deg, #99feff, #3dafe1);
  --setting-item-bg: rgba(255, 255, 255, 0.05);
  --setting-item-bg-active: rgba(94, 92, 229, 0.1);
  --setting-order-bg: #838386;
  --task-file-io-mask: transparent;
  --task-file-io-format-item-bg: rgba(94, 92, 229, 0.15);
  --task-file-io-item-icon: var(--font-color);
  --task-file-io-item-bg: rgba(94, 92, 229, 0.2);
  --task-statistics-trend-up-bg: url(/assets/trend_up-0da25a4b.png);
  --avatar-text-bg: rgba(0, 0, 0, 0.8);
  --x-axis-line: rgba(255, 255, 255, 0.8);
  --x-axis-label: rgba(255, 255, 255, 0.8);
  --x-axis-name: rgba(255, 255, 255, 0.6);
  --y-axis-line: #ffffff;
  --y-axis-label: rgba(255, 255, 255, 0.8);
  --y-axis-name: rgba(255, 255, 255, 0.6);
  --chart-label: rgba(255, 255, 255, 0.9);
  --chart-background-color: #1e1e1e;
  --chart-inner-color: #181818;
  --chart-split-line: rgba(255, 255, 255, 0.1);
  --bg-mask: rgba(0, 0, 0, 0.6);
  --z-tab-item-bg: rgba(0, 0, 0, 0.2);
  --z-tab-item-bg-active: var(--bg-color);
  --z-tab-item-font: var(--font-color2);
  --z-tab-item-font-active: var(--font-color);
  --header-tab-font: var(--font-color2);
  --header-tab-font-active: var(--font-color);
  --header-border: var(--border-color);
  --team-switcher-btn-hover: rgba(94, 92, 229, 0.5);
  --n-input-border: transparent;
  --n-input-shadow-focus: rgba(94, 92, 229, 0.3);
  --n-table-item-bg-hover: var(--bg-hover-color1);
  --n-table-item-border-hover: var(--border-hover1);
  --multi-select-border: transparent;
  --multi-select-bg: rgba(0, 0, 0, 0.3);
  --n-select-active-bg: rgba(94, 92, 229, 0.1);
  --shadow-focus: rgba(94, 92, 229, 0.3);
  --pri-button-font-color: #fff;
  --pri-button-background-color: #5E5CE5;
  --pri-button-hover-background-color: #7674e9;
  --pri-button-active-border-color: #2e3399;
  --pri-button-active-background-color: #4345bf;
  --pri-button-disabled-border-color: #4345bf;
  --pri-button-disabled-background-color: #4345bf;
  --sec-button-font-color: var(--pri-color5);
  --sec-button-border-color: rgba(118, 116, 233, 0.4);
  --sec-button-background-color: rgba(118, 116, 233, 0.1);
  --sec-button-hover-border-color: rgba(118, 116, 233, 0.7);
  --sec-button-hover-background-color: rgba(118, 116, 233, 0.1);
  --sec-button-active-font-color: rgba(118, 116, 233, 0.6);
  --sec-button-active-border-color: rgba(118, 116, 233, 0.6);
  --sec-button-active-background-color: rgba(118, 116, 233, 0.1);
  --sec-button-disabled-border-color: rgba(118, 116, 233, 0.2);
  --sec-button-disabled-background-color: rgba(118, 116, 233, 0.1);
  --error-button-font-color: #e34d59;
  --error-button-border-color: rgba(227, 77, 89, 0.2);
  --error-button-background-color: rgba(227, 77, 89, 0.1);
  --error-button-hover-border-color: rgba(227, 77, 89, 0.7);
  --error-button-hover-background-color: rgba(227, 77, 89, 0.1);
  --error-button-active-font-color: rgba(227, 77, 89, 0.6);
  --error-button-active-border-color: rgba(227, 77, 89, 0.6);
  --error-button-active-background-color: rgba(227, 77, 89, 0.1);
  --error-button-disabled-border-color: rgba(227, 77, 89, 0.2);
  --error-button-disabled-background-color: rgba(227, 77, 89, 0.1);
  --error-button-loading-border-color: #e34d59;
  --warning-button-font-color: #f1af3f;
  --warning-button-border-color: rgba(241, 175, 63, 0.2);
  --warning-button-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-hover-border-color: rgba(241, 175, 63, 0.7);
  --warning-button-hover-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-active-font-color: rgba(241, 175, 63, 0.6);
  --warning-button-active-border-color: rgba(241, 175, 63, 0.6);
  --warning-button-active-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-disabled-border-color: rgba(241, 175, 63, 0.2);
  --warning-button-disabled-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-loading-border-color: #f1af3f;
  --success-button-font-color: #23ccce;
  --success-button-border-color: rgba(35, 204, 206, 0.2);
  --success-button-background-color: rgba(35, 204, 206, 0.1);
  --success-button-hover-border-color: rgba(35, 204, 206, 0.7);
  --success-button-hover-background-color: rgba(35, 204, 206, 0.1);
  --success-button-active-font-color: rgba(35, 204, 206, 0.6);
  --success-button-active-border-color: rgba(35, 204, 206, 0.6);
  --success-button-active-background-color: rgba(35, 204, 206, 0.1);
  --success-button-disabled-border-color: rgba(35, 204, 206, 0.2);
  --success-button-disabled-background-color: rgba(35, 204, 206, 0.1);
  --success-button-loading-border-color: #23ccce;
  --modal-feedback-bg-color: rgba(0, 0, 0, 0.8);
  --modal-feedback-mask-bg-color: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(78, 78, 78, 0.85) 71.87%, #000000 93.87%);
  --modal-feedback-name-color: rgba(255, 255, 255, 0.85);
  --modal-feedback-title-color: rgba(255, 255, 255);
  --modal-feedback-desc-color: rgba(255, 255, 255, 0.45);
  --modal-feedback-close-btn-color: #000;
  --modal-recharge-bg-color: #000000;
  --modal-recharge-box-shadow: 0px 4px 35px #000000;
  --modal-recharge-content-bg: linear-gradient(180deg, #000 0%, #5e5ce5 100%);
  --modal-recharge-paylist-filter: none;
  --group-card-bg-color: rgba(253, 251, 255, 0.05);
  --attr-hover-bg-color: rgba(7, 7, 13, 0.9);
  --select-border-color: transparent;
  --alias-empty-bg-color: #07070d;
  --color-picker-border: 4px solid rgba(255, 255, 255, 0.05);
  --color-picker-radius: 4px;
  --status-color-yellow: #ee9032;
  --status-color-grey: #969696;
  --status-color-red: #e34d59;
  --status-color-blue: #5e6ad2;
  --status-color-green: #35c800;
}
:root .molar-light {
  --pri-color: #5e5ce5;
  --pri-color1: #12194d;
  --pri-color2: #1d2473;
  --pri-color3: #2e3399;
  --pri-color4: #4345bf;
  --pri-color5: #7674e9;
  --pri-color6: #5e5ce5;
  --pri-color7: #8d88f2;
  --pri-color8: #9e9def;
  --pri-color9: #b7b6f3;
  --pri-color10: #efeffc;
  --info-color: #0052D9;
  --warning-color: #f1af3f;
  --error-color: #e34d59;
  --success-color: #23ccce;
  --bg-color: rgba(253, 251, 255, 0.5);
  --bg-color1: #fdfbff;
  --bg-color2: rgba(253, 251, 255, 0.8);
  --bg-color3: rgba(253, 251, 255, 0.7);
  --bg-color4: rgba(253, 251, 255, 0.5);
  --bg-color5: rgba(255, 255, 255, 0.05);
  --bg-color-skeleton: linear-gradient(90deg, rgba(17, 17, 20, 0.02) 25%, rgba(17, 20, 20, 0.06) 37%, rgba(17, 17, 20, 0.02) 63%);
  --bg-color6: rgba(255, 255, 255, 0.1);
  --bg-color7: rgba(0, 0, 0, 0.07);
  --bg-color8: rgba(0, 0, 0, 0.1);
  --bg-color9: rgba(0, 0, 0, 0.03);
  --border-color: rgba(17, 17, 20, 0.15);
  --border-color1: rgba(17, 17, 20, 0.1);
  --border-color2: rgba(17, 17, 20, 0.15);
  --border-color3: rgba(17, 17, 20, 0.3);
  --font-color: #111114;
  --font-color1: #111114;
  --font-color2: rgba(17, 17, 20, 0.85);
  --font-color3: rgba(17, 17, 20, 0.6);
  --font-color4: rgba(17, 17, 20, 0.45);
  --font-color5: rgba(17, 17, 20, 0.3);
  --divider-color: rgba(17, 17, 20, 0.3);
  --divider-color1: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #c0c0c0 51.5676%, rgba(255, 255, 255, 0) 100%);
  --bg-hover-color: rgba(94, 92, 229, 0.15);
  --bg-hover-color1: rgba(141, 136, 242, 0.2);
  --border-hover: #5e5ce5;
  --bg-vertical-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  --team-switcher-item-bg: rgba(94, 92, 229, 0.15);
  --app-side-menu-active-bg: linear-gradient(270deg, transparent 0%, rgba(94, 92, 229, 0.5) 100%);
  --app-side-menu-active-text: var(--pri-color);
  --dash-news-item-bg: rgba(94, 92, 229, 0.05);
  --dash-news-item-border-hover: var(--border-hover);
  --dash-news-item-tag1: rgba(54, 193, 255, 0.05);
  --dash-news-item-tag2: rgba(255, 153, 153, 0.05);
  --dash-news-item-tag3: rgba(94, 92, 229, 0.05);
  --dash-news-item-tag4: rgba(255, 212, 100, 0.05);
  --task-favorite: #f3bf44;
  --create-task-item-info-mask: rgba(255, 255, 255, 0.8);
  --task-item-progress-bar: rgba(17, 17, 20, 0.3);
  --space-info-border: transparent;
  --space-avatar-mask: rgba(255, 255, 255, 0.6);
  --space-info-guide-mask: rgba(255, 255, 255, 0.6);
  --space-cost-center-member: url(/assets/cost_center_member_light-e66c9aed.png);
  --space-cost-center-storage: url(/assets/cost_center_storage_light-b87c6aa5.png);
  --space-cost-center-ai: url(/assets/cost_center_ai_light-43be0952.png);
  --space-cost-center-module: url(/assets/cost_center_module_light-91098e34.png);
  --task-overview-item-bg: rgba(0, 0, 0, 0.05);
  --task-overview-auto-label-text: #2e2d78;
  --task-overview-small-card-border: rgba(17, 17, 20, 0.15);
  --task-overview-big-card-border: transparent;
  --task-auto-bg: url(/assets/icon_create_space_bg_light-36b5082d.png);
  --task-auto-mask: rgba(255, 255, 255, 0.6);
  --task-label-text: var(--pri-color);
  --task-auto-item-border: var(--pri-color);
  --setting-item-bg: rgba(255, 255, 255, 0.05);
  --setting-item-bg-active: rgba(94, 92, 229, 0.1);
  --setting-order-bg: rgba(0, 0, 0, 0.05);
  --task-file-io-mask: rgba(255, 255, 255, 0.6);
  --task-file-io-format-item-bg: rgba(94, 92, 229, 0.15);
  --task-file-io-item-icon: var(--bg-color1);
  --task-file-io-item-bg: rgba(94, 92, 229, 0.2);
  --task-statistics-trend-up-bg: url(/assets/trend_up_light-45e7432f.png);
  --avatar-text-bg: linear-gradient(180deg, rgba(94, 92, 229, 0.21) 0%, rgba(94, 92, 229, 0.7) 100%);
  --x-axis-line: rgba(17, 17, 20, 0.3);
  --x-axis-label: #111114d9;
  --y-axis-line: #111114;
  --y-axis-label: #111114d9;
  --y-axis-name: #11111499;
  --chart-label: #111114d9;
  --chart-background-color: #fdfbff;
  --chart-inner-color: #ffffff;
  --chart-split-line: rgba(0, 0, 0, 0.1);
  --bg-mask: rgba(255, 255, 255, 0.6);
  --z-tab-item-bg: rgba(17, 17, 20, 0.05);
  --z-tab-item-bg-active: var(--bg-color);
  --z-tab-item-font: var(--font-color2);
  --z-tab-item-font-active: var(--font-color);
  --header-tab-font: var(--font-color2);
  --header-tab-font-active: var(--font-color);
  --header-border: var(--border-color);
  --team-switcher-btn-hover: rgba(94, 92, 229, 0.5);
  --n-input-border: var(--border-color);
  --n-input-shadow-focus: rgba(94, 92, 229, 0.3);
  --n-input-text: var(--font-color);
  --n-table-item-bg-hover: var(--bg-hover-color1);
  --n-table-item-border-hover: var(--border-hover);
  --multi-select-border: var(--border-color1);
  --multi-select-bg: var(--bg-color);
  --n-select-active-bg: rgba(94, 92, 229, 0.1);
  --shadow-focus: rgba(94, 92, 229, 0.3);
  --pri-button-font-color: #fff;
  --pri-button-background-color: #5E5CE5;
  --pri-button-hover-background-color: #7674e9;
  --pri-button-active-border-color: #2e3399;
  --pri-button-active-background-color: #4345bf;
  --pri-button-disabled-border-color: #4345bf;
  --pri-button-disabled-background-color: #4345bf;
  --sec-button-font-color: #5E5CE5;
  --sec-button-border-color: rgba(118, 116, 233, 0.2);
  --sec-button-background-color: rgba(118, 116, 233, 0.1);
  --sec-button-hover-border-color: rgba(118, 116, 233, 0.7);
  --sec-button-hover-background-color: rgba(118, 116, 233, 0.1);
  --sec-button-active-font-color: rgba(118, 116, 233, 0.6);
  --sec-button-active-border-color: rgba(118, 116, 233, 0.6);
  --sec-button-active-background-color: rgba(118, 116, 233, 0.1);
  --sec-button-disabled-border-color: rgba(118, 116, 233, 0.2);
  --sec-button-disabled-background-color: rgba(118, 116, 233, 0.1);
  --error-button-font-color: #e34d59;
  --error-button-border-color: rgba(227, 77, 89, 0.2);
  --error-button-background-color: rgba(227, 77, 89, 0.1);
  --error-button-hover-border-color: rgba(227, 77, 89, 0.7);
  --error-button-hover-background-color: rgba(227, 77, 89, 0.1);
  --error-button-active-font-color: rgba(227, 77, 89, 0.6);
  --error-button-active-border-color: rgba(227, 77, 89, 0.6);
  --error-button-active-background-color: rgba(227, 77, 89, 0.1);
  --error-button-disabled-border-color: rgba(227, 77, 89, 0.2);
  --error-button-disabled-background-color: rgba(227, 77, 89, 0.1);
  --error-button-loading-border-color: #e34d59;
  --warning-button-font-color: #f1af3f;
  --warning-button-border-color: rgba(241, 175, 63, 0.2);
  --warning-button-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-hover-border-color: rgba(241, 175, 63, 0.7);
  --warning-button-hover-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-active-font-color: rgba(241, 175, 63, 0.6);
  --warning-button-active-border-color: rgba(241, 175, 63, 0.6);
  --warning-button-active-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-disabled-border-color: rgba(241, 175, 63, 0.2);
  --warning-button-disabled-background-color: rgba(241, 175, 63, 0.1);
  --warning-button-loading-border-color: #f1af3f;
  --success-button-font-color: #23ccce;
  --success-button-border-color: rgba(35, 204, 206, 0.2);
  --success-button-background-color: rgba(35, 204, 206, 0.1);
  --success-button-hover-border-color: rgba(35, 204, 206, 0.7);
  --success-button-hover-background-color: rgba(35, 204, 206, 0.1);
  --success-button-active-font-color: rgba(35, 204, 206, 0.6);
  --success-button-active-border-color: rgba(35, 204, 206, 0.6);
  --success-button-active-background-color: rgba(35, 204, 206, 0.1);
  --success-button-disabled-border-color: rgba(35, 204, 206, 0.2);
  --success-button-disabled-background-color: rgba(35, 204, 206, 0.1);
  --success-button-loading-border-color: #23ccce;
  --modal-feedback-bg-color: #ffffff;
  --modal-feedback-mask-bg-color: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 71.87%, #ffffff 93.87%);
  --modal-feedback-name-color: rgba(0, 0, 0, 0.85);
  --modal-feedback-title-color: rgba(0, 0, 0);
  --modal-feedback-desc-color: rgba(0, 0, 0, 0.45);
  --modal-feedback-close-btn-color: #979797;
  --modal-recharge-bg-color: #ffffff;
  --modal-recharge-box-shadow: 10px 0px 20px -10px #fff;
  --modal-recharge-content-bg: linear-gradient(180deg, #fff 0%, #5e5ce5 100%);
  --modal-recharge-paylist-filter: brightness(0);
  --group-card-bg-color: rgba(0, 0, 0, 0.05);
  --attr-hover-bg-color: rgba(253, 251, 255, 0.5);
  --select-border-color: rgba(253, 251, 255, 0.15);
  --alias-empty-bg-color: #f8f8fe;
  --color-picker-border: unset;
  --color-picker-radius: 6px;
  --status-color-yellow: #ee9032;
  --status-color-grey: #969696;
  --status-color-red: #e34d59;
  --status-color-blue: #5e6ad2;
  --status-color-green: #35c800;
}
:root .molar-dark {
  --popover-bg: rgba(0, 0, 0, 0.5);
  --popover-border: #434343;
  --sidebar-bg: #171717;
  --active-color: rgba(94, 92, 229, 0.2);
  --bg-color-active: var(--active-color);
  --bg-color-box: rgba(0, 0, 0, 0.5);
  --bg-color-card: rgba(0, 0, 0, 0);
  --bg-color-modal: rgba(0, 0, 0, 0.8);
  --bg-color-container: #000000;
  --bg-color-workflow-node: linear-gradient(90deg, rgba(32, 32, 32, 0.6) 0%, rgba(18, 18, 18, 0.12) 100%);
  --bg-color-alias-setting: #080808;
  --border-color-active: var(--pri-color);
  --border-color-box: #434343;
  --border-color-card: rgba(253, 251, 255, 0.15);
  --border-color-modal: rgba(0, 0, 0, 0.8);
  --border-color-container: rgba(253, 251, 255, 0.15);
  --border-color-layout: rgba(255, 255, 255, 0.2);
  --font-color: #fdfbff;
  --font-color-strong: #fff;
  --font-color-desc: rgba(253, 251, 255, 0.45);
  --font-color-helper: rgba(253, 251, 255, 0.85);
  --font-color-disabled: #969696;
  --font-color-placeholder: #969696;
  --font: #fdfbff;
  --font-desc: rgba(253, 251, 255, 0.45);
  --font-disabled: #969696;
  --input-bg: rgba(255, 255, 255, 0.05);
  --input-border: rgba(253, 251, 255, 0.15);
  --input-hover-border: #fff;
  --input-active-border: var(--pri-color);
  --card-round: 8px;
}
:root .molar-light {
  --sidebar-bg: #fafafa;
  --active-color: rgba(94, 92, 229, 0.2);
  --bg-color-box: rgba(17, 17, 20, 0.1);
  --bg-color-card: rgba(17, 17, 20, 0.1);
  --bg-color-modal: #fafafa;
  --bg-color-container: #fafafa;
  --bg-color-alias-setting: #fefdff;
  --bg-color-workflow-node: #fafafa;
  --border-color-box: rgba(17, 17, 20, 0.15);
  --border-color-card: rgba(17, 17, 20, 0.15);
  --border-color-modal: rgba(17, 17, 20, 0.15);
  --border-color-container: rgba(17, 17, 20, 0.15);
  --border-color-layout: var(--border-color-container);
  --font-color: #111114;
  --font-color-strong: #000;
  --font-color-desc: rgba(17, 17, 20, 0.45);
  --font-color-helper: rgba(17, 17, 20, 0.45);
  --font-color-disabled: #969696;
  --font-color-placeholder: #969696;
}
.n-modal {
  --n-text-color: var(--font-color) !important;
  border: var(--modal-border-new);
}
.n-scrollbar {
  --n-scrollbar-color: rgb(from var(--font-color) r g b / 80%) !important;
  --n-scrollbar-color-hover: var(--font-color) !important;
}
[data-theme='light'] .n-data-table.table-v2 {
  /* 其他非原生组件 (已在组件里实现) */
}
[data-theme='light'] .n-data-table.table-v2 .n-data-table-td {
  background-color: #fff !important;
  color: #111114 !important;
}
[data-theme='light'] .n-data-table.table-v2 .n-data-table-table .n-data-table-thead .n-data-table-th {
  background-color: #e9e9e9;
  color: #111114;
}
[data-theme='light'] .n-data-table.table-v2 .n-data-table-table .n-data-table-tbody .n-data-table-tr:not(.n-data-table-tr--summary):hover .n-data-table-td {
  background-color: #efeffb !important;
}
[data-theme='light'] .n-data-table.table-v2 .n-data-table-table .n-data-table-tbody .n-data-table-tr:not(.n-data-table-tr--summary):hover .n-data-table-td:first-child {
  box-shadow: inset 1px 0 0 #5e5ce5;
}
[data-theme='light'] .n-data-table.table-v2 .n-checkbox:not(.n-checkbox--checked, .n-checkbox--disabled).n-checkbox--inside-table .n-checkbox-box {
  background-color: #ffffff;
}
[data-theme='light'] .n-data-table.table-v2.mode--transparent .n-data-table-table .n-data-table-thead .n-data-table-th {
  border-bottom: 1px solid #d9d9d9;
}
[data-theme='light'] .n-data-table.table-v2.mode--transparent .n-data-table-table .n-data-table-thead .n-data-table-th:not(.n-data-table-th--last) {
  border-right: 1px dashed #d9d9d9 !important;
}
[data-theme='light'] .n-data-table.table-v2.mode--transparent .n-data-table-td {
  background-color: transparent !important;
}
[data-theme='light'] .n-data-table.table-v2.mode--transparent .n-data-table-td:not(.n-data-table-td--last-col) {
  border-right: 1px dashed #d9d9d9 !important;
}
[data-theme='light'] .n-data-table.table-v2.mode--transparent .n-data-table-td.n-data-table-td--last-row {
  border-bottom: 1px dashed #d9d9d9 !important;
}
.n-data-table.table-v2 {
  font-family: 'PingFang SC';
  letter-spacing: 1px;
  /** 表格紧凑度-稠密 */
  --n-border-radius: 8px !important;
  --n-td-padding: 10px 8px !important;
  --n-box-shadow-after: inset 12px 0 8px -12px #002e00;
}
.n-data-table.table-v2 .m-skeleton .node-tag {
  display: none;
}
.n-data-table.table-v2 .m-skeleton .label-status {
  display: none;
}
.n-data-table.table-v2 .m-skeleton .check-status {
  display: none;
}
.n-data-table.table-v2.dense .n-data-table-td {
  height: 36px;
}
.n-data-table.table-v2.dense .m-skeleton__n-data-table .m-skeleton-wrap {
  height: 36px;
}
.n-data-table.table-v2 .n-data-table-empty {
  padding: unset;
}
.n-data-table.table-v2.n-data-table--bordered .n-data-table-wrapper {
  border-style: dashed;
  border-color: rgba(78, 78, 78, 0.4);
}
.n-data-table.table-v2.n-data-table--bordered .n-scrollbar {
  padding-bottom: unset;
}
.n-data-table.table-v2 .n-data-table-base-table-header {
  height: 36px;
}
.n-data-table.table-v2 .n-data-table-base-table-body.n-scrollbar {
  max-height: unset !important;
}
.n-data-table.table-v2 .n-scrollbar {
  padding-bottom: 15px;
  --n-scrollbar-color: rgb(from var(--font-color) r g b / 40%) !important;
  --n-scrollbar-color-hover: var(--font-color) !important;
  --n-scrollbar-rail-right-vertical-right: 0px !important;
}
.n-data-table.table-v2 .n-scrollbar .n-scrollbar-rail.n-scrollbar-rail--vertical {
  --n-scrollbar-rail-bottom-vertical-right: 10px !important;
}
.n-data-table.table-v2 .n-scrollbar .n-scrollbar-rail.n-scrollbar-rail--horizontal {
  --n-scrollbar-rail-right-horizontal-bottom: 5px !important;
  --n-scrollbar-rail-bottom-horizontal-bottom: 0px !important;
}
.n-data-table.table-v2:not(.n-data-table--single-line) .n-data-table-th:not(.n-data-table-th--last) {
  border-right: 1px dashed rgba(78, 78, 78, 0.4) !important;
}
.n-data-table.table-v2:not(.n-data-table--single-line) .n-data-table-td:not(.n-data-table-td--last-col) {
  border-right: 1px dashed rgba(78, 78, 78, 0.4);
}
.n-data-table.table-v2 .n-data-table-th .n-data-table-resize-button {
  right: -4px;
  height: 36px;
}
.n-data-table.table-v2 .n-data-table-th .n-data-table-resize-button::after {
  width: 1px;
  transition: none;
  height: 100%;
  background-color: transparent;
}
.n-data-table.table-v2 .n-data-table-th .n-data-table-resize-button:hover::after {
  background-color: #8673ff;
}
.n-data-table.table-v2 .n-data-table-th .n-data-table-resize-button.dragging::after {
  background-color: transparent !important;
}
.n-data-table.table-v2 .n-data-table-tr.second-style {
  opacity: 0.5;
}
.n-data-table.table-v2 .n-data-table-td {
  height: 50px;
  padding: 0px 8px !important;
  background-color: #101010 !important;
  --n-td-text-color: #ffffff;
}
.n-data-table.table-v2 .n-data-table-td.n-data-table-td--last-row {
  border-bottom: unset !important;
}
.n-data-table.table-v2 .n-data-table-td:has(.n-ellipsis) .n-ellipsis {
  width: 100%;
}
.n-data-table.table-v2 .n-data-table-td .cover-item {
  display: flex;
  align-items: center;
}
.n-data-table.table-v2 .n-data-table-td .cover-item .n-image {
  border-radius: 4px;
}
.n-data-table.table-v2 .n-data-table-table {
  background-color: unset;
  height: 100%;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-thead {
  background-color: unset;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-thead .n-data-table-tr:hover {
  background-color: unset;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-thead .n-data-table-th {
  user-select: none;
  padding: 0px 4px;
  overflow: hidden;
  background-color: #202020;
  border: unset;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-thead .n-data-table-th .table-title {
  height: 42px;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-thead .n-data-table-th .sort-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-thead .n-data-table-th .n-data-table-th__title:not(:has(.table-header-filter, .table-v2)) {
  padding-left: 4px;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-tbody .n-data-table-tr:not(.n-data-table-tr--summary):hover .n-data-table-td {
  background-color: #181825 !important;
}
.n-data-table.table-v2 .n-data-table-table .n-data-table-tbody .n-data-table-tr:not(.n-data-table-tr--summary):hover .n-data-table-td:first-child {
  box-shadow: inset 1px 0 0 #5e5ce5;
}
.n-data-table.table-v2 .base-select-wrapper {
  height: unset;
  background: unset;
}
.n-data-table.table-v2.mode--transparent .n-data-table-td {
  height: 40px;
}
.n-data-table.table-v2.mode--transparent .m-skeleton__n-data-table .m-skeleton-wrap {
  height: 40px;
}
.n-data-table.table-v2.mode--transparent .n-data-table-table .n-data-table-thead .n-data-table-th {
  background-color: transparent;
  border-bottom: 1px solid rgba(229, 229, 229, 0.1);
}
.n-data-table.table-v2.mode--transparent .n-data-table-table .n-data-table-thead .n-data-table-th:not(.n-data-table-th--last) {
  border-right: 1px dashed rgba(229, 229, 229, 0.1) !important;
}
.n-data-table.table-v2.mode--transparent .n-data-table-td {
  background-color: transparent !important;
}
.n-data-table.table-v2.mode--transparent .n-data-table-td:not(.n-data-table-td--last-col) {
  border-right: 1px dashed rgba(229, 229, 229, 0.1) !important;
}
.n-data-table.table-v2.mode--transparent .n-data-table-td.n-data-table-td--last-row {
  border-bottom: 1px dashed rgba(229, 229, 229, 0.1) !important;
}
.n-data-table:not(.table-v2) .n-data-table-tr {
  background-clip: unset;
}
.n-data-table:not(.table-v2).n-data-table--bordered .n-data-table-wrapper {
  border: unset;
}
.n-data-table:not(.table-v2) .n-data-table-table {
  background-color: unset;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead {
  background-color: unset;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead .n-data-table-tr:hover {
  background-color: unset;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead .n-data-table-th {
  overflow: hidden;
  background-color: unset;
  border: unset;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead .n-data-table-th .table-title {
  height: 42px;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead .n-data-table-th .sort-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-tr:hover {
  background-color: unset;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-td {
  height: 48px;
  padding: 0;
  overflow: hidden;
  background-color: unset;
  border: unset;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-td .action-item {
  height: auto;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-td > .n-button .i-icon-more-one {
  margin-top: 8px;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead .n-data-table-th--fixed-left {
  backdrop-filter: blur(10px);
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead .n-data-table-th {
  padding: 22px 12px 12px;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-thead .n-data-table-th:first-child {
  padding: 22px 12px 12px 16px !important;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-tr .n-data-table-td--fixed-left {
  backdrop-filter: blur(10px);
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-tr:hover {
  background: var(--n-table-item-bg-hover);
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-tr:hover .n-data-table-td--fixed-left {
  background: var(--n-table-item-bg-hover);
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-tr:hover .n-data-table-td:first-child {
  border-left: 4px solid var(--n-table-item-border-hover);
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-td {
  padding: 12px;
}
.n-data-table:not(.table-v2) .n-data-table-table .n-data-table-tbody .n-data-table-td:first-child {
  padding: 12px !important;
  border-left: 4px solid transparent;
}
.n-data-table .n-data-table-th.n-data-table-th--fixed-left::after {
  right: -37px !important;
}
.n-data-table .n-data-table-td.n-data-table-td--fixed-left::after {
  right: -37px !important;
}
.n-data-table .n-data-table-th.n-data-table-th--fixed-right::before {
  border-right: 1px dashed #292929 !important;
}
.n-data-table .n-data-table-td.n-data-table-td--fixed-right::before {
  border-right: 1px dashed #292929 !important;
}
.n-code {
  --n-text-color: var(--font-color) !important;
}
.n-base-selection {
  --n-caret-color: var(--pri-color) !important;
}
.n-base-select-menu {
  --n-option-text-color-disabled: var(--font-color4) !important;
}
.n-input-number .n-base-icon {
  color: var(--font-color) !important;
}
.n-date-panel {
  --n-item-color-active: var(--pri-color) !important;
  --n-item-color-included: var(--active-color) !important;
}
.n-date-panel-actions .n-button--default-type {
  --n-text-color-hover: var(--pri-color) !important;
  --n-text-color-pressed: var(--pri-color) !important;
  --n-border-pressed: 1px solid var(--pri-color) !important;
  --n-border-focus: 1px solid var(--pri-color) !important;
}
.n-date-panel-actions .n-button {
  --n-text-color: var(--font-color) !important;
}
.n-date-panel-actions .n-button--primary-type {
  --n-text-color: var(--font-color) !important;
  --n-color-hover: var(--active-color) !important;
  --n-color-focus: var(--pri-color) !important;
  --n-color-pressed: var(--pri-color) !important;
  --n-border-pressed: 1px solid var(--pri-color) !important;
  --n-border-focus: 1px solid var(--pri-color) !important;
}
.n-collapse {
  --n-text-color: var(--font-color) !important;
  --n-arrow-color: var(--font-color) !important;
}
.n-input {
  --n-icon-color: var(--font-color) !important;
  --n-count-text-color: var(--font-color) !important;
  --n-text-color-disabled: var(--font-color4) !important;
  --n-placeholder-color-disabled: var(--font-color4) !important;
  --n-color-disabled: var(--border-color-box) !important;
  --n-border-disabled: 1px solid var(--n-input-border) !important;
  --n-suffix-text-color: var(--font-color) !important;
}
.n-input .n-input__suffix .n-base-icon {
  color: var(--font-color) !important;
}
.n-date-picker {
  --n-icon-color: var(--font-color) !important;
}
[data-theme='light'] .n-drawer-mask {
  background-color: transparent;
}
.n-checkbox {
  --n-border-disabled-checked: 1px solid var(--border-color) !important;
  --n-color-disabled-checked: var(--pri-color) !important;
}
.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.ato-center-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-center-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ato-flex-center {
  display: flex;
  align-items: center;
}
.directive-tooltip {
  --spacing: 12px;
  z-index: 9999;
  position: fixed;
  opacity: 1;
  translate: -50% 0;
  padding-bottom: var(--spacing);
}
.directive-tooltip::after {
  z-index: 1;
  content: '';
  position: absolute;
  left: 50%;
  border-radius: 4px;
  rotate: 135deg;
  translate: -50% calc(-50% - 1px);
  border: 1px solid var(--border-color);
  clip-path: polygon(100% 0, 0% 0%, 100% 100%);
  background-color: #fff;
  background-color: #000;
  width: 12px;
  height: 12px;
}
.directive-tooltip .directive-tooltip--inner {
  position: relative;
  white-space: nowrap;
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  height: calc(100% - var(--spacing));
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid var(--border-color);
}
/**
 * 基础主题
 * 元素样式，一定程度上参考tailwindcss以及组件库
 * 明确几个之前的误区：
 *  1. 诸如color1,color2之类的命名，只适合当色阶而非主题色
 *  2. 命名需要做到语义化，并且要做到准确，不要存在一个颜色存在多个地方的存在
 * 一些简单的规则：
 *  1、颜色作为最通用存在最多的变量，在命名中隐藏color
 *  2、为了以后的国内外区分，边框以及一些页面元素的宽度也会被概括到命名中
 *  3、 变量命名会类似于： --panel-width
 */
:root {
  --text: #fdfbff;
  --text-muted: #969696;
  --text-desc: #969696;
  --text-disabled: '';
  --panel-bg: rgba(0, 0, 0, 0.8);
  --modal-bg: rgba(0, 0, 0, 0.8);
  --modal-border: 1px solid #333;
  --modal-bg-new: #2e2e2e;
  --modal-header-bg: #222222;
  --modal-border-new: 0.5px solid #333333;
  --modal-padding: 20px 20px 22px 28px;
  --modal-border-radius: 8px;
  --modal-backdrop-filter: blur(12px);
  /**
  * 容器：似乎是大的卡片，但又不是卡片
  */
  --container-bg: rgba(0, 0, 0, 0.5);
  --container-border: '';
  /**
  * 真正的卡片
  **/
  --card-bg: linear-gradient(127deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.24) 100%);
  --card-border: 0.5px solid rgba(67, 67, 67, 0.5);
  --card-border-radius: 8px;
  --card-backdrop-filter: blur(12px);
  --card-padding: 10px 12px 26px 12px;
  /** 
  弹出框：跟modal有很大的区别
  */
  --popover-bg: '';
  --input: '';
  --sidebar-bg: '';
  --sidebar-margin: '';
  --sidebar-padding: '';
  --sidebar-rounded: '';
  --line-button-text: #fff;
}
:root .molar-light {
  --panel-bg: rgba(253, 251, 255, 0.8);
  --modal-bg: #fafafa;
  --modal-bg-new: #FDFBFF;
  --modal-border: 1px solid rgba(253, 251, 255, 0.5);
  --modal-header-bg: #fff;
  --modal-border-new: 0.5px solid #333333;
  --modal-shadow: rgba(0, 0, 0, 0.25);
  --modal-border: rgba(94, 92, 229, 0.25);
  --header-border: 1px solid rgba(17, 17, 20, 0.1);
  --card-bg: rgba(253, 251, 255, 0.5);
  --card-border: 0.5px solid rgba(17, 17, 20, 0.15);
  --line-button-text: #7674E9;
}
.ja-JP .work-head-container .head-text-button,
.ja-JP .work-head-container .head-submit-button {
  letter-spacing: 0px !important;
}
.ja-JP .work-container .lock-container {
  width: 240px;
}
.ja-JP .work-container .lock-container .text {
  width: 240px;
}
/**
 * 与UI共同创建的终极版本
 */
html.dark {
  --m-text-primary: #fff;
  --m-text-second: #7a797b;
  --m-card-bg: #1e1e1e;
  --m-card-border: #3e3e3e;
  --m-card-container-bg: rgba(217, 217, 217, 0.05);
  --m-modal: #2e2e2e;
  --m-modal-header: #222;
  --m-modal-border: #9d9a9e;
}
html.light {
  --m-modal: #fdfbff;
  --m-modal-header: #ffffff;
  --m-modal-border: rgba(17, 17, 20, 0.1);
  --m-card-bg: #fdfbff;
  --m-card-border: rgba(17, 17, 20, 0.1);
  --m-card-container-bg: #fff;
}
:root {
  --transition-base: all 0.3s;
}
html {
  height: 100%;
  box-sizing: border-box;
}
::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  background-color: transparent !important;
}
::-webkit-scrollbar-track:vertical {
  background-color: #4e4e4e !important;
}
::-webkit-scrollbar-thumb:vertical {
  border-radius: 5px !important;
  background-color: var(--font-color) !important;
}
::-webkit-scrollbar-track:horizontal {
  background-color: #4e4e4e !important;
}
::-webkit-scrollbar-thumb:horizontal {
  border-radius: 5px !important;
  background-color: var(--font-color) !important;
}
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
  color: var(--font-color);
}
#app {
  height: 100%;
  font-size: 12px;
}
* {
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
a:focus,
a:active {
  outline: none;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
div:focus {
  outline: none;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
.view-level::view-transition-old(root) {
  z-index: 999;
}
.view-level::view-transition-new(root) {
  z-index: 1;
}
::view-transition-old(root) {
  z-index: 1;
}
::view-transition-new(root) {
  z-index: 999;
}