@cloudtower/eagle 0.33.35 → 0.33.37

package/dist/linaria.merged.scss

@@ -119,6 +119,24 @@
 }
 
 
+.E_d133fzv0 {
+  .ant-dropdown-menu-item-group {
+    .ant-dropdown-menu-item-group-title {
+      padding: 4px 8px 0 8px;
+      color: $text-light-secondary;
+      font-size: 12px;
+    }
+    .ant-dropdown-menu-item-group-list {
+      padding-bottom: 6px;
+    }
+    &:not(:first-child) {
+      padding-top: 4px;
+      border-top: 1px solid $strokes-light-trans-2;
+    }
+  }
+}
+
+
 .E_ccrbeuz {
   .ant-collapse-item {
     border: 0px;
@@ -151,49 +169,6 @@
 }
 
 
-.E_d133fzv0 {
-  .ant-dropdown-menu-item-group {
-    .ant-dropdown-menu-item-group-title {
-      padding: 4px 8px 0 8px;
-      color: $text-light-secondary;
-      font-size: 12px;
-    }
-    .ant-dropdown-menu-item-group-list {
-      padding-bottom: 6px;
-    }
-    &:not(:first-child) {
-      padding-top: 4px;
-      border-top: 1px solid $strokes-light-trans-2;
-    }
-  }
-}
-
-
-.E_c1uzzomf {
-  margin-bottom: 16px;
-
-  .card-title {
-    font-size: 16px;
-    color: $text-secondary-light;
-    font-weight: 700;
-    line-height: 32px;
-  }
-  .card-body {
-    padding: 24px;
-    border-radius: 8px;
-    background: $fills-light-white;
-  }
-
-  .empty {
-    font-weight: 700;
-    font-size: 14px;
-    line-height: 22px;
-    color: $text-light-tertiary;
-    text-align: center;
-  }
-}
-
-
 .E_sx1bpnu {
   .ant-input-sm {
     line-height: 18px;
@@ -201,97 +176,6 @@
 }
 
 
-.E_d1bw7c5z {
-  position: relative;
-  max-width: 388px;
-  min-width: 285px;
-  .center {
-    position: absolute;
-    font-size: 12px;
-    width: 80px;
-    height: 100px;
-    top: 0;
-    left: 35px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    color: $text-light-primary;
-
-    .number {
-      font-size: 24px;
-      font-weight: 700;
-    }
-
-    .text {
-      padding: 0 5px;
-      font-size: 12px;
-      width: inherit;
-      text-align: center;
-    }
-  }
-  .recharts-wrapper {
-    display: flex;
-    .recharts-legend-wrapper {
-      position: relative !important;
-      min-width: calc(
-        100% - var(--d1bw7c5z-0)
-      ) !important;
-      left: 0 !important;
-      bottom: 0 !important;
-      display: flex;
-      align-items: center;
-      .recharts-default-legend {
-        width: 100%;
-      }
-      li {
-        width: 100%;
-        margin-right: 0 !important;
-        line-height: 18px;
-        & > svg {
-          border-radius: 2px;
-        }
-        & > .recharts-legend-item-text {
-          min-width: 75px;
-          max-width: 198px;
-          width: calc(100% - 20px);
-          margin-left: 2px;
-          color: $text-light-primary !important;
-          display: inline-flex;
-          justify-content: space-between;
-        }
-      }
-    }
-  }
-  .tooltip-text {
-    maxwidth: calc(100% - 12px);
-    cursor: pointer;
-    border-bottom: 1px dashed $strokes-light-trans-4;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .value {
-    color: $text-neutral-secondary;
-  }
-}
-
-.E_t10pqbtc {
-  width: 140px;
-
-  .item {
-    margin: 6px auto;
-    display: flex;
-    justify-content: space-between;
-
-    .name {
-      width: 102px;
-    }
-  }
-}
-
-
 .E_b1wx3t3t {
   &.ant-btn-icon-only {
     justify-content: center;
@@ -705,73 +589,122 @@
 }
 
 
-.E_phljevk {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 0;
-  color: $text-light-secondary;
-  font-size: 12px;
-  line-height: 24px;
-
-  .pagination-left {
-    padding: 2px 8px;
-  }
-
-  .dropdown-trigger {
+.E_d1bw7c5z {
+  position: relative;
+  max-width: 388px;
+  min-width: 285px;
+  .center {
+    position: absolute;
+    font-size: 12px;
+    width: 80px;
+    height: 100px;
+    top: 0;
+    left: 35px;
     display: flex;
+    flex-direction: column;
+    justify-content: center;
     align-items: center;
-    border-radius: 6px;
-    cursor: pointer;
-    transition: all 0.3s ease;
+    color: $text-light-primary;
 
-    &:hover {
-      background: $fills-interaction-light-general-hover;
-      color: $text-light-general;
+    .number {
+      font-size: 24px;
+      font-weight: 700;
     }
-    .icon-inner {
-      margin-left: 4px;
+
+    .text {
+      padding: 0 5px;
+      font-size: 12px;
+      width: inherit;
+      text-align: center;
     }
   }
-
-  .pagination-right {
+  .recharts-wrapper {
     display: flex;
-    align-items: center;
-    color: $blue-60;
-    font-weight: bold;
-    .icon-inner {
-      margin-left: 4px;
-    }
-    .prev-btn,
-    .next-btn {
-      padding: 0 8px;
-      > span {
-        color: $text-light-general;
+    .recharts-legend-wrapper {
+      position: relative !important;
+      min-width: calc(
+        100% - var(--d1bw7c5z-0)
+      ) !important;
+      left: 0 !important;
+      bottom: 0 !important;
+      display: flex;
+      align-items: center;
+      .recharts-default-legend {
+        width: 100%;
       }
-    }
-
-    .next-btn {
-      .icon-inner {
-        transform: rotate(180deg);
+      li {
+        width: 100%;
+        margin-right: 0 !important;
+        line-height: 18px;
+        & > svg {
+          border-radius: 2px;
+        }
+        & > .recharts-legend-item-text {
+          min-width: 75px;
+          max-width: 198px;
+          width: calc(100% - 20px);
+          margin-left: 2px;
+          color: $text-light-primary !important;
+          display: inline-flex;
+          justify-content: space-between;
+        }
       }
     }
   }
+  .tooltip-text {
+    maxwidth: calc(100% - 12px);
+    cursor: pointer;
+    border-bottom: 1px dashed $strokes-light-trans-4;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .value {
+    color: $text-neutral-secondary;
+  }
 }
 
-.E_d12rtyeg {
-  &.ant-dropdown .ant-dropdown-menu {
-    max-height: calc(100vh - 128px);
-    overflow-y: auto;
+.E_t10pqbtc {
+  width: 140px;
 
-    .ant-dropdown-menu-item {
-      padding: 4px 20px;
-      font-size: 12px;
-      line-height: 18px;
+  .item {
+    margin: 6px auto;
+    display: flex;
+    justify-content: space-between;
+
+    .name {
+      width: 102px;
     }
   }
 }
 
 
+.E_c1uzzomf {
+  margin-bottom: 16px;
+
+  .card-title {
+    font-size: 16px;
+    color: $text-secondary-light;
+    font-weight: 700;
+    line-height: 32px;
+  }
+  .card-body {
+    padding: 24px;
+    border-radius: 8px;
+    background: $fills-light-white;
+  }
+
+  .empty {
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 22px;
+    color: $text-light-tertiary;
+    text-align: center;
+  }
+}
+
+
 .E_s1dizucg {
   &.ant-switch {
     min-width: 40px;
@@ -832,61 +765,6 @@
   }
 
 
-.E_ivqqkzv {
-  height: 24px;
-  width: 56px !important;
-  margin-right: 4px;
-}
-
-.E_c1wk4q29 {
-              color: $text-secondary-light;
-            }
-
-
-.E_c1bus5hc {
-  --color: white;
-  height: 14px;
-  width: 14px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid var(--color);
-
-  .circle-inner {
-    position: relative;
-    height: 10px;
-    width: 10px;
-    border-radius: 50%;
-    overflow: hidden;
-  }
-
-  .circle-content {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    left: 0;
-    top: 0;
-    border-radius: 50%;
-    background: linear-gradient(to right, var(--color) 50%, white 50%);
-    transform: rotate(180deg);
-  }
-
-  .circle-child {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    left: 0;
-    top: 0;
-    margin-left: 50%;
-    transform-origin: left;
-    background: white;
-    transform: rotate(0deg);
-  }
-}
-
-
 .E_rapgekc {
   &.ant-radio-wrapper {
     display: inline-flex;
@@ -1068,6 +946,128 @@
 }
 
 
+.E_phljevk {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+  color: $text-light-secondary;
+  font-size: 12px;
+  line-height: 24px;
+
+  .pagination-left {
+    padding: 2px 8px;
+  }
+
+  .dropdown-trigger {
+    display: flex;
+    align-items: center;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+
+    &:hover {
+      background: $fills-interaction-light-general-hover;
+      color: $text-light-general;
+    }
+    .icon-inner {
+      margin-left: 4px;
+    }
+  }
+
+  .pagination-right {
+    display: flex;
+    align-items: center;
+    color: $blue-60;
+    font-weight: bold;
+    .icon-inner {
+      margin-left: 4px;
+    }
+    .prev-btn,
+    .next-btn {
+      padding: 0 8px;
+      > span {
+        color: $text-light-general;
+      }
+    }
+
+    .next-btn {
+      .icon-inner {
+        transform: rotate(180deg);
+      }
+    }
+  }
+}
+
+.E_d12rtyeg {
+  &.ant-dropdown .ant-dropdown-menu {
+    max-height: calc(100vh - 128px);
+    overflow-y: auto;
+
+    .ant-dropdown-menu-item {
+      padding: 4px 20px;
+      font-size: 12px;
+      line-height: 18px;
+    }
+  }
+}
+
+
+.E_c1bus5hc {
+  --color: white;
+  height: 14px;
+  width: 14px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--color);
+
+  .circle-inner {
+    position: relative;
+    height: 10px;
+    width: 10px;
+    border-radius: 50%;
+    overflow: hidden;
+  }
+
+  .circle-content {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    left: 0;
+    top: 0;
+    border-radius: 50%;
+    background: linear-gradient(to right, var(--color) 50%, white 50%);
+    transform: rotate(180deg);
+  }
+
+  .circle-child {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    left: 0;
+    top: 0;
+    margin-left: 50%;
+    transform-origin: left;
+    background: white;
+    transform: rotate(0deg);
+  }
+}
+
+
+.E_ivqqkzv {
+  height: 24px;
+  width: 56px !important;
+  margin-right: 4px;
+}
+
+.E_c1wk4q29 {
+              color: $text-secondary-light;
+            }
+
+
 .E_i11gg7mj {
   .ant-input-prefix {
     margin-right: 8px;
@@ -1198,6 +1198,20 @@
 }
 
 
+.E_t1m2x205 {
+  .ant-tooltip-arrow {
+    display: none;
+  }
+  .ant-tooltip-inner {
+    background: $gray-a80-9;
+    border-radius: 4px;
+    &:has(.eagle-ellipsis-content) {
+      visibility: hidden;
+    }
+  }
+}
+
+
 .E_s1dni7lo {
   width: 430px !important;
 }
@@ -1287,6 +1301,23 @@
 }
 
 
+.E_fzh9mnb {
+  width: 100%;
+  height: 100%;
+  min-height: 124px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  .error-text {
+    color: $text-terdiary-light;
+    margin-bottom: 16px;
+    font-size: 18px;
+  }
+}
+
+
 .E_f7pxqmh {
   width: 100%;
   margin-bottom: 0 !important;
@@ -1351,108 +1382,6 @@
 }
 
 
-.E_i1inqkme {
-  height: 18px;
-  line-height: 18px;
-  padding: 0 4px;
-  border-radius: 4px;
-  background: rgba(235, 239, 245, 0.6);
-  border: 1px solid rgba(223, 228, 235, 0.6);
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  margin-right: 4px;
-}
-
-
-.E_atcz0kf {
-  .ant-input-suffix {
-    margin-left: 8px;
-  }
-  &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
-    padding: 2px 7px 2px 12px;
-  }
-}
-
-
-.E_owd0kml {
-  display: inline-block;
-}
-
-.E_h1jsgezc {
-  visibility: hidden;
-  position: absolute;
-}
-
-
-.E_t1m2x205 {
-  .ant-tooltip-arrow {
-    display: none;
-  }
-  .ant-tooltip-inner {
-    background: $gray-a80-9;
-    border-radius: 4px;
-    &:has(.eagle-ellipsis-content) {
-      visibility: hidden;
-    }
-  }
-}
-
-
-.E_fzh9mnb {
-  width: 100%;
-  height: 100%;
-  min-height: 124px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  .error-text {
-    color: $text-terdiary-light;
-    margin-bottom: 16px;
-    font-size: 18px;
-  }
-}
-
-
-.E_a1wfy30z {
-  .ant-input-number-handler-wrap {
-    display: var(--a1wfy30z-0);
-  }
-  .ant-input-number-input-wrap {
-    padding: 4px 11px;
-    display: inline-flex;
-    line-height: 1.5715;
-    height: inherit;
-  }
-
-  .ant-input-number-input-wrap::after {
-    content: var(--a1wfy30z-1);
-    display: var(--a1wfy30z-2);
-    flex: none;
-    align-items: center;
-    margin-left: 4px;
-  }
-
-  .ant-input-number-input-wrap::before {
-    content: var(--a1wfy30z-3);
-    display: var(--a1wfy30z-4);
-    flex: none;
-    align-items: center;
-    margin-right: 4px;
-    cursor: auto;
-  }
-
-  .ant-input-number-input {
-    padding: 0;
-    margin: 0;
-    height: auto;
-    font-size: inherit;
-  }
-}
-
-
 .E_ai7qkf2 {
   .ant-input-number-handler-wrap {
     display: var(--ai7qkf2-0);
@@ -1534,6 +1463,77 @@
 }
 
 
+.E_a1wfy30z {
+  .ant-input-number-handler-wrap {
+    display: var(--a1wfy30z-0);
+  }
+  .ant-input-number-input-wrap {
+    padding: 4px 11px;
+    display: inline-flex;
+    line-height: 1.5715;
+    height: inherit;
+  }
+
+  .ant-input-number-input-wrap::after {
+    content: var(--a1wfy30z-1);
+    display: var(--a1wfy30z-2);
+    flex: none;
+    align-items: center;
+    margin-left: 4px;
+  }
+
+  .ant-input-number-input-wrap::before {
+    content: var(--a1wfy30z-3);
+    display: var(--a1wfy30z-4);
+    flex: none;
+    align-items: center;
+    margin-right: 4px;
+    cursor: auto;
+  }
+
+  .ant-input-number-input {
+    padding: 0;
+    margin: 0;
+    height: auto;
+    font-size: inherit;
+  }
+}
+
+
+.E_i1inqkme {
+  height: 18px;
+  line-height: 18px;
+  padding: 0 4px;
+  border-radius: 4px;
+  background: rgba(235, 239, 245, 0.6);
+  border: 1px solid rgba(223, 228, 235, 0.6);
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  margin-right: 4px;
+}
+
+
+.E_atcz0kf {
+  .ant-input-suffix {
+    margin-left: 8px;
+  }
+  &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
+    padding: 2px 7px 2px 12px;
+  }
+}
+
+
+.E_owd0kml {
+  display: inline-block;
+}
+
+.E_h1jsgezc {
+  visibility: hidden;
+  position: absolute;
+}
+
+
 .E_cnujxq2 {
   display: flex;
   flex-direction: column;
@@ -2348,43 +2348,6 @@
 }
 
 
-.E_a1b5xrg3 {
-  .user-icon-inner {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    color: $white;
-    font-weight: bold;
-    font-size: 12px;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    background: var(--a1b5xrg3-0);
-  }
-  &.btn-item {
-    transition: all 160ms ease;
-    cursor: pointer;
-    width: 56px;
-    height: 40px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 6px;
-
-    &:hover {
-      box-shadow:
-        0px 0px 20px rgba(107, 125, 153, 0.18),
-        0px 25px 80px rgba(45, 58, 86, 0.3);
-    }
-
-    &:active {
-      transform: translateY(2px);
-      transition: all 320ms ease;
-    }
-  }
-}
-
-
 .E_dsnbhzf {
   @include Inter(bold);
   font-size: 32px;
@@ -2739,6 +2702,43 @@
 }
 
 
+.E_a1b5xrg3 {
+  .user-icon-inner {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: $white;
+    font-weight: bold;
+    font-size: 12px;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background: var(--a1b5xrg3-0);
+  }
+  &.btn-item {
+    transition: all 160ms ease;
+    cursor: pointer;
+    width: 56px;
+    height: 40px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 6px;
+
+    &:hover {
+      box-shadow:
+        0px 0px 20px rgba(107, 125, 153, 0.18),
+        0px 25px 80px rgba(45, 58, 86, 0.3);
+    }
+
+    &:active {
+      transform: translateY(2px);
+      transition: all 320ms ease;
+    }
+  }
+}
+
+
 .E_m196gn1d {
   min-width: 1280px;
 }
@@ -3075,11 +3075,43 @@
 }
 
 
-.E_hrhfj7c {
-  display: none;
+.E_w1dxz879 {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  .ellipsis-tooltip {
+    max-height: var(--w1dxz879-0);
+    text-overflow: clip;
+    overflow: hidden;
+  }
+  .tips {
+    color: #fff;
+    opacity: 0.8;
+  }
 }
 
-.E_dt9qoak {
+
+.E_suhck3k {
+  height: 24px;
+  width: 24px;
+  border-radius: 6px;
+  padding: 4px;
+  &:hover {
+    background-color: $fill-outstanding-light;
+    svg {
+      path {
+        fill: blue;
+      }
+    }
+  }
+}
+
+
+.E_hrhfj7c {
+  display: none;
+}
+
+.E_dt9qoak {
   .bottom {
     color: $text-neutral-secondary;
   }
@@ -3267,22 +3299,6 @@
 }
 
 
-.E_suhck3k {
-  height: 24px;
-  width: 24px;
-  border-radius: 6px;
-  padding: 4px;
-  &:hover {
-    background-color: $fill-outstanding-light;
-    svg {
-      path {
-        fill: blue;
-      }
-    }
-  }
-}
-
-
 .E_ryby9ds {
   display: flex;
   align-items: center;
@@ -3300,18 +3316,61 @@
 }
 
 
-.E_w1dxz879 {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  .ellipsis-tooltip {
-    max-height: var(--w1dxz879-0);
-    text-overflow: clip;
-    overflow: hidden;
+.E_s11wux3h {
+  .antd5-segmented-item:not(:last-child) {
+    margin-right: 2px;
   }
-  .tips {
-    color: #fff;
-    opacity: 0.8;
+}
+
+.E_s1t2an3z {
+  &.antd5-segmented-sm .antd5-segmented-item-label {
+    padding-left: 8px;
+    padding-right: 8px;
+    font-size: 12px;
+  }
+
+  &.antd5-segmented-sm .antd5-segmented-item-selected {
+    border-radius: 4px;
+  }
+
+  &.antd5-segmented
+    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    ) {
+    border-radius: 4px;
+  }
+}
+
+.E_ma64lna {
+  .antd5-segmented-item-label {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+}
+
+.E_ckld275 {
+  background-color: $fill-neutral-trans-2;
+  &.antd5-segmented
+    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    ) {
+    background-color: $fill-neutral-light-white;
+    color: $text-neutral-secondary-light;
+  }
+  // on animate remove hover bg color
+  &.antd5-segmented
+    .antd5-segmented-thumb
+    ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    ) {
+    background-color: transparent;
+  }
+  // remove after's bg color
+  &.antd5-segmented
+    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    )::after {
+    background-color: transparent;
   }
 }
 
@@ -3586,100 +3645,92 @@
 }
 
 
-.E_s11wux3h {
-  .antd5-segmented-item:not(:last-child) {
-    margin-right: 2px;
-  }
+.E_m5foqp8 {
+  --footer-height: 96px;
+  --header-height: 80px;
+  --modal-content-width: 720px;
+  --modal-content-min-height: 200px;
+  --modal-content-max-height: calc(
+    100vh - 136px - var(--header-height) - var(--footer-height)
+  );
+  --modal-header-padding: 36px 60px 0;
+  --modal-content-padding-y: 36px;
+  --modal-content-padding-x: 60px;
+  --modal-footer-padding: 0 60px;
 }
 
-.E_s1t2an3z {
-  &.antd5-segmented-sm .antd5-segmented-item-label {
-    padding-left: 8px;
-    padding-right: 8px;
-    font-size: 12px;
-  }
 
-  &.antd5-segmented-sm .antd5-segmented-item-selected {
-    border-radius: 4px;
-  }
+.E_l48ei06 {
+  @at-root {
+    button#{&}.ant-btn,
+    button#{&}.ant-btn.ant-btn-sm,
+    button#{&}.ant-btn.ant-btn-lg {
+      font-size: 12px;
+      line-height: 18px;
+      height: 18px;
+    }
+    button#{&} {
+      color: #0080FF;
+      height: unset;
+      .button-prefix-icon {
+        margin-right: 4px;
+      }
+      .button-suffix-icon {
+        margin-left: 4px;
+      }
 
-  &.antd5-segmented
-    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    ) {
-    border-radius: 4px;
-  }
-}
+      &:hover,
+      &.__pseudo-states-hover {
+        color: #009DFF;
+      }
 
-.E_ma64lna {
-  .antd5-segmented-item-label {
-    padding-left: 12px;
-    padding-right: 12px;
-  }
-}
+      &:active,
+      &.__pseudo-states-active {
+        color: #005ED1;
+      }
+      &.ui-kit-link-disabled {
+        color: #0080FF;
+      }
+      &.ui-kit-link-primary {
+        color: #00122E;
 
-.E_ckld275 {
-  background-color: $fill-neutral-trans-2;
-  &.antd5-segmented
-    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    ) {
-    background-color: $fill-neutral-light-white;
-    color: $text-neutral-secondary-light;
-  }
-  // on animate remove hover bg color
-  &.antd5-segmented
-    .antd5-segmented-thumb
-    ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    ) {
-    background-color: transparent;
-  }
-  // remove after's bg color
-  &.antd5-segmented
-    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    )::after {
-    background-color: transparent;
-  }
-}
+        &:hover,
+        &.__pseudo-states-hover {
+          color: #0080FF;
+        }
+
+        &:active,
+        &.__pseudo-states-active {
+          color: #005ED1;
+        }
 
+        &.ui-kit-link-disabled {
+          color: #00122E;
+        }
+      }
 
-.E_b14q2gmw {
-  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
-    0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
-    0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
-    0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
-    0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
-    0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
-    0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
-    0px 6px 22px rgba(129, 138, 153, 0.0335534);
-}
+      &.ui-kit-link-secondary {
+        color: #2C3852BF;
 
-.E_c1eym6el {
-  border-radius: 8px;
-  background-color: white;
-  &.hoverable {
-    cursor: pointer;
+        &:hover,
+        &.__pseudo-states-hover {
+          color: #0080FF;
+        }
 
-    &:hover {
-      transition: all 200ms ease;
-      box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
-        0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
-      transform: translateY(-4px);
+        &:active,
+        &.__pseudo-states-active {
+          color: #005ED1;
+        }
+
+        &.ui-kit-link-disabled {
+          color: #2C3852BF;
+        }
+      }
     }
   }
 }
 
 
-.E_ckui4s7 {
-  color: $text-primary-light;
-  line-height: 22px;
-  display: inline-flex;
-  .ant-checkbox {   height: 22px;   display: flex;   align-items: center;   top: 0; } .ant-checkbox-checked::after {   border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner {   border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner {   border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate {   .ant-checkbox-inner {     border: 1px solid $fills-light-general-general;   } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {   background: $fills-light-general-general;   &:after {     background-color: $white;     height: 2px;     width: 10px;     border-radius: 2px;   } } &.ant-checkbox-wrapper-disabled {   opacity: 0.5;   .ant-checkbox-disabled .ant-checkbox-inner {     background: $fills-light-trans-3;     border-color: $strokes-light-trans-4 !important;   }   .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {     border-color: $text-primary-light;   }   .ant-checkbox-disabled.ant-checkbox-indeterminate     .ant-checkbox-inner:after {     background: $text-primary-light;   } } .ant-checkbox + span, .ant-checkbox-disabled + span {   padding: 0;   .main {     display: inline-block;     margin-left: 12px;     color: $text-primary-light;   }   .sub {     margin-left: 28px;     color: $text-secondary-light;   } } &.compact {   .ant-checkbox + span,   .ant-checkbox-disabled + span {     .main {       margin-left: 8px;     }     .sub {       margin-left: 24px;     }   } }
-}
-
-
 .E_sddwhm6 {
   $prefix: ui-kit-status-capsule;
   margin: 0;
@@ -3764,975 +3815,867 @@
 }
 
 
-.E_l48ei06 {
-  @at-root {
-    button#{&}.ant-btn,
-    button#{&}.ant-btn.ant-btn-sm,
-    button#{&}.ant-btn.ant-btn-lg {
-      font-size: 12px;
-      line-height: 18px;
-      height: 18px;
-    }
-    button#{&} {
-      color: #0080FF;
-      height: unset;
-      .button-prefix-icon {
-        margin-right: 4px;
-      }
-      .button-suffix-icon {
-        margin-left: 4px;
-      }
-
-      &:hover,
-      &.__pseudo-states-hover {
-        color: #009DFF;
-      }
-
-      &:active,
-      &.__pseudo-states-active {
-        color: #005ED1;
-      }
-      &.ui-kit-link-disabled {
-        color: #0080FF;
-      }
-      &.ui-kit-link-primary {
-        color: #00122E;
-
-        &:hover,
-        &.__pseudo-states-hover {
-          color: #0080FF;
-        }
-
-        &:active,
-        &.__pseudo-states-active {
-          color: #005ED1;
-        }
-
-        &.ui-kit-link-disabled {
-          color: #00122E;
-        }
-      }
-
-      &.ui-kit-link-secondary {
-        color: #2C3852BF;
+.E_tc97u5y {
+  height: 100%;
+}
 
-        &:hover,
-        &.__pseudo-states-hover {
-          color: #0080FF;
-        }
+.E_efzf37v {
+  .ant-table-content,
+  .ant-table-body {
+    overflow: visible !important;
+    height: 100%;
+  }
 
-        &:active,
-        &.__pseudo-states-active {
-          color: #005ED1;
-        }
+  .ant-table-tbody .ant-table-placeholder td {
+    height: 100%;
+  }
 
-        &.ui-kit-link-disabled {
-          color: #2C3852BF;
-        }
-      }
+  table {
+    width: 100% !important;
+    height: 100%;
+    .ant-table-placeholder .ant-table-expanded-row-fixed {
+      padding: 15px 0;
     }
   }
-}
 
-
-.E_c1yd35n {
-  padding: 0 12px 14px 12px;
+  table thead.ant-table-thead {
+    display: none;
+  }
 }
 
+.E_t1fisho6 {
+  height: 100%;
 
-.E_c1kghdax {
-  color: $text-primary-light;
-  padding: 7px 12px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  &.has-arrow {
-    padding-left: 10px;
+  .ant-table.ant-table-small .ant-table-tbody > tr > td {
+    padding-top: 6px;
+    padding-bottom: 6px;
+  }
 
-    .title-wrapper {
-      cursor: pointer;
-      color: $text-light-primary;
+  .active-row td:nth-child(1) {
+    font-weight: 700;
+  }
+  &.has-selection .active-row td:nth-child(2) {
+    font-weight: 700;
+  }
 
-      &.is-open {
-        color: $text-primary-light;
-        font-weight: 600;
+  .ant-spin-nested-loading {
+    height: 100%;
 
-        .collapse-arrow {
-          transform: rotate(90deg);
-        }
-      }
+    .ant-spin-container {
+      height: 100%;
+      overflow: visible;
+    }
+    .ant-spin {
+      max-height: none;
     }
   }
 
-  .sub-info {
-    font-size: 12px;
-    line-height: 18px;
+  td.ant-table-column-sort {
+    background: transparent;
   }
 
-  .title-wrapper {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    flex-grow: 1;
-    font-size: 12px;
-    line-height: 18px;
-    color: $text-primary-light;
-    font-weight: 700;
+  td.ant-table-cell-fix-left,
+  td.ant-table-cell-fix-right {
+    background: #fff;
+    padding: 0 !important;
+    .ant-table-cell-content {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      padding: 8px;
+      > span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width: 100%;
+      }
+    }
   }
 
-  .collapse-arrow {
-    transition: all 50ms ease-out 0ms;
-    margin-right: 2px;
+  .ant-table-container {
+    height: 100%;
+    &::before,
+    &::after {
+      box-shadow: none !important;
+    }
   }
-}
 
+  div.ant-table {
+    $columnAlignRightPaddingRight: 25px;
+    border-radius: 0px;
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+    height: 100%;
+    font-size: 12px;
+    background: transparent;
 
-.E_r77hffu {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: 6px;
-}
-
-.E_p1cmxsf7 {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  row-gap: var(--p1cmxsf7-0);
+    .ant-table-header {
+      position: relative;
+      z-index: $table-header-index;
+      border-bottom: 1px solid $strokes-light-trans-2;
+      margin-bottom: -1px;
+    }
 
-  .antd5-progress-line {
-    font-size: 0;
-    margin-bottom: unset;
-    margin-inline-end: unset;
-  }
-}
+    .time-wrapper .date,
+    .value {
+      color: $text-primary-light;
+    }
 
+    .time-wrapper .time,
+    .unit {
+      color: $text-secondary-light;
+    }
 
-.E_sjob3jg {
-  $item: ant-steps-item;
-  --item-min-width: 60px;
-  .#{$item} {
-    &-tail,
-    &-icon {
-      display: none !important;
+    .ant-table-selection {
+      position: unset;
+      text-align: center;
     }
-  }
-  .#{$item}.#{$item}-active {
-    flex-shrink: 0 !important;
-    .step-item-prefix-container {
-      color: $text-colorful-outstanding;
+
+    .ant-table-tbody > tr.ant-table-row-selected td {
+      background: $white;
     }
-    .#{$item}-container .#{$item}-content .#{$item}-title {
-      color: $text-colorful-outstanding;
-      font-weight: normal;
+
+    .anticon-setting {
+      cursor: pointer;
+      position: absolute;
+      top: 50%;
+      right: 12px;
+      transform: translateY(-50%);
     }
-  }
-  .#{$item}.#{$item}-finish {
-    .#{$item}-container .#{$item}-content .#{$item}-title,
-    & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
-      color: $text-neutral-tertiary;
+
+    &.ant-table-ping-left {
+      .ant-table-cell-fix-left-last::after {
+        box-shadow: none;
+        width: 1px;
+        background: rgba(213, 219, 227, 0.6);
+      }
     }
-  }
-  .#{$item}.#{$item}-wait {
-    .#{$item}-container .#{$item}-content .#{$item}-title {
-      color: $text-neutral-primary;
+
+    &.ant-table-ping-right {
+      .ant-table-cell-fix-right-first::after {
+        box-shadow: none;
+        width: 1px;
+        background: rgba(213, 219, 227, 0.6);
+      }
     }
-  }
-  .step-item-text {
-    display: inline-block;
-  }
-  .step-item-title {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}
 
-.E_hjvj6s6 {
-  $item: ant-steps-item;
-  @mixin rightTriangle($color: $fills-light-trans-1) {
-    content: "";
-    width: 0;
-    height: 0;
-    border: 13px solid transparent;
-    position: absolute;
-    top: 0;
-    border-left: 8px solid $color;
-  }
-  .#{$item}-container {
-    min-width: var(--item-min-width);
-  }
-  .#{$item}-disabled {
-    cursor: not-allowed !important;
-  }
-  .ant-steps-horizontal.ant-steps-label-horizontal {
-    flex-direction: row;
-    justify-content: stretch;
-    .#{$item} {
-      padding: 0;
-      margin-right: 4px;
-      flex: 1;
-      overflow: visible;
-      .#{$item}-content {
-        width: 100%;
-        min-height: unset;
-        .#{$item}-title {
-          height: 26px;
-          line-height: 26px;
-          width: 100%;
-          padding: 0;
-          font-size: 12px;
-          .step-count {
-            margin-right: 10px;
+    .ant-table-tbody {
+      position: relative;
+      .ant-table-row {
+        td {
+          border-top: 1px solid $strokes-light-trans-2;
+          border-bottom: 1px solid white;
+          height: 40px;
+          vertical-align: middle;
+          transition: background 0ms;
+          color: $gray-120;
+
+          &.header-hover {
+            background: $fills-light-opaque-1;
+            border-bottom-color: $fills-light-opaque-1;
           }
-          &::after {
-            display: none;
+
+          .ant-btn.ant-btn-link {
+            height: auto;
+            color: $gray-120;
+            font-size: 12px;
+            text-align: left;
+            transition: none;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            &:hover {
+              color: $blue;
+            }
+
+            > span {
+              overflow: hidden;
+              text-overflow: ellipsis;
+              width: 100%;
+              vertical-align: middle;
+            }
+          }
+
+          &.cell_status {
+            line-height: 0px;
+          }
+          &.align-right {
+            padding-right: $columnAlignRightPaddingRight;
           }
         }
-      }
-      &:first-child {
-        .#{$item}-container {
-          padding-left: 8px;
-          padding-right: 4px;
-          border-radius: 4px 0 0 4px;
-        }
-      }
-      &:last-child {
-        margin-right: 0;
-        .#{$item}-container {
-          padding-right: 8px;
-          padding-left: 12px;
-          border-radius: 0 4px 4px 0;
-        }
-      }
-      &:not(&:last-child) {
-        &::after {
-          @include rightTriangle();
-          z-index: 2;
-          position: relative;
-          top: -50%;
-          right: -100%;
-        }
-      }
-      &:not(:first-child):not(:last-child) {
-        .#{$item}-container {
-          padding: 0 4px 0 12px;
-        }
-      }
-      &:not(&:first-child) {
-        &::before {
-          @include rightTriangle(#fff);
-          left: 0;
-        }
-      }
-    }
-    .#{$item}-active {
-      max-width: calc(100% - var(--item-min-width) * 2);
-      .#{$item}-container {
-        background-color: $fills-light-general-general-light;
-      }
-      &::after {
-        border-left-color: $fills-light-general-general-light !important;
-      }
-    }
-    .#{$item}-finish {
-      cursor: pointer;
-      min-width: var(--item-min-width);
-    }
-    .#{$item}-wait,
-    .#{$item}-finish {
-      min-width: var(--item-min-width);
-      .#{$item}-container {
-        background-color: $fills-light-trans-1;
-      }
-    }
-  }
-  .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
-      .ant-steps-vertical
-    )
-    .#{$item} {
-    padding: 0;
-  }
-}
 
-.E_v4tv3mf {
-  $item: ant-steps-item;
-  .ant-steps.ant-steps-vertical {
-    width: 192px;
-    row-gap: 2px;
+        &:hover {
+          & + tr td {
+            border-top-color: transparent;
+          }
+          td {
+            background: $fills-trans-secondary-light;
+            border-color: transparent transparent white;
 
-    .preview-mode:not(.#{$item}-active) .#{$item}-container {
-      &:hover {
-        background-color: $fill-neutral-trans-2;
-      }
-      .#{$item}-title {
-        color: $text-neutral-primary !important;
-      }
-    }
-    .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
-      .#{$item}-container:hover {
-      background-color: $fill-neutral-trans-2;
-    }
-    .#{$item}-container {
-      padding: 0 8px;
-      border-radius: 4px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      .#{$item}-content {
-        min-height: auto;
-        white-space: nowrap;
-        & .ant-steps-item-title {
-          font-size: 13px;
-          line-height: 20px;
-          max-width: 100%;
-          padding-right: 0;
+            &:first-child {
+              border-radius: 8px 0 0 8px;
+              .ant-table-cell-content {
+                border-radius: 8px 0 0 8px;
+              }
+              &::before {
+                content: "";
+                width: 4px;
+                top: -1px;
+                bottom: -1px;
+                background: white;
+              }
+            }
+            &:last-child {
+              border-radius: 0 8px 8px 0;
+            }
+            &:last-child.cell__action_ {
+              border-radius: 0;
+              background: white;
+              border-top: none;
+
+              > * {
+                border-top: 1px solid transparent;
+                border-radius: 0 8px 8px 0;
+                background: $fills-trans-secondary-light;
+              }
+            }
+            &.ant-table-cell-fix-right {
+              background: white;
+              border-top: 1px solid rgba(211, 218, 235, 0.6);
+              .ant-table-cell-content {
+                display: flex;
+                align-items: center;
+                height: 100%;
+                background: $fills-trans-secondary-light;
+              }
+            }
+
+            &.ant-table-cell-fix-left {
+              background: white;
+              border-top: 1px solid rgba(211, 218, 235, 0.6);
+              .ant-table-cell-content {
+                display: flex;
+                align-items: center;
+                height: 100%;
+                background: $fills-trans-secondary-light;
+              }
+            }
+          }
         }
-      }
-    }
-    .#{$item}-active {
-      .ant-steps-item-container {
-        background: rgba($blue-60, 0.1);
-      }
-    }
-  }
-}
 
-.E_h6l1tj4 {
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 4px;
-  .step-item-prefix-container {
-    display: inline-flex;
-    align-items: center;
-    width: 18px;
-    height: 18px;
-    color: $gray-a75-8;
-    justify-content: center;
-  }
-}
+        &:last-child td {
+          border-bottom: 1px solid $strokes-light-trans-2;
+        }
 
-.E_v18frne8 {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 6px;
-  font-size: 13px;
-  .step-item-prefix-container {
-    display: inline-flex;
-    align-items: center;
-    min-width: 20px;
-    min-height: 20px;
-    color: $gray-a75-8;
-    justify-content: center;
-  }
-}
+        &.active-row {
+          box-shadow: inset 0px 0px 0 2px $blue-a10;
+          border-radius: 8px;
 
+          & + tr td {
+            border-top-color: white;
+          }
+          td {
+            background: $blue-a10;
+            border-bottom-color: transparent;
+            border-top-color: transparent;
 
-.E_lht19u8 {
-  width: 64px;
-  height: 64px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  opacity: 0.2;
-}
+            &:first-child {
+              border-radius: 8px 0 0 8px;
+            }
+            &:last-child {
+              border-radius: 0 8px 8px 0;
+            }
+            &:hover {
+              background: $blue-a10;
+            }
+          }
+        }
+      }
+    }
 
-.E_lk3gkp4 {
-  position: absolute;
-  width: 5px;
-  height: 48px;
-  left: 9.33px;
-  top: 40.5px;
+    .ant-table-thead {
+      > tr > th {
+        background: $white;
+        font-weight: 400;
+        position: relative;
+        border-bottom: none;
+        color: $gray-120;
+        transition: none;
+        padding: 14px 8px 14px 8px;
+        line-height: 20px;
 
-  background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
-  border-radius: 5px;
-  transform: rotate(-128deg);
-  transform-origin: top left;
+        &:not(:last-child):after {
+          content: "";
+          width: 1px;
+          top: 0;
+          bottom: 0;
+          background: $strokes-light-trans-2;
+          position: absolute;
+          right: 0;
+        }
 
-  animation: loading-indicator1 1100ms ease-out infinite;
-}
+        &.is-blank {
+          padding: unset;
 
-.E_ll4n94n {
-  position: absolute;
-  width: 5px;
-  height: 48px;
-  left: 40.8px;
-  top: 8.4px;
+          &:after {
+            display: none;
+          }
+        }
 
-  background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
-  border-radius: 5px;
-  transform: rotate(-8deg);
-  transform-origin: top left;
+        &.ant-table-cell-ellipsis.ant-table-column-has-sorters
+          .ant-table-column-sorters {
+          width: 100%;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          > span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            flex: 1;
+          }
+        }
 
-  animation: loading-indicator2 1100ms ease-out infinite;
-}
+        &.ant-table-column-has-sorters {
+          padding: 15px $columnAlignRightPaddingRight 15px 8px;
 
-.E_l17lbdo6 {
-  position: absolute;
-  width: 5px;
-  height: 48px;
-  left: 52.9px;
-  top: 51.8px;
+          .ant-table-column-sorters {
+            padding: 0;
+            .order-icon {
+              position: absolute;
+              right: 6px;
+              top: 50%;
+              transform: translateY(-50%);
+              height: 16px;
+              display: none;
+              transition: transform 320ms ease;
 
-  background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
-  border-radius: 5px;
-  transform: rotate(112deg);
-  transform-origin: top left;
+              &.descend {
+                display: block;
+                transform: translateY(-50%) rotateX(180deg);
+              }
+              &.ascend {
+                display: block;
+              }
+            }
+          }
+          .ant-table-column-sorter {
+            display: none;
+          }
+        }
 
-  animation: loading-indicator3 1100ms ease-out infinite;
-}
+        &:active {
+          .ant-table-column-sorters .order-icon {
+            &.descend {
+              transform: translateY(-50%);
+            }
+            &.ascend {
+              transform: translateY(-50%) rotateX(180deg);
+            }
+          }
+        }
 
+        &:hover:not(.is-blank) {
+          background: $fills-light-opaque-1;
+          .ant-table-column-sorters .order-icon {
+            display: block;
+          }
+        }
+        &.align-right {
+          padding-right: $columnAlignRightPaddingRight;
+        }
+      }
+    }
 
-.E_tc97u5y {
-  height: 100%;
-}
+    .ant-table-selection-column {
+      padding: 0 !important;
 
-.E_efzf37v {
-  .ant-table-content,
-  .ant-table-body {
-    overflow: visible !important;
-    height: 100%;
-  }
+      .ant-checkbox-wrapper {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+      &:after {
+        display: none;
+      }
+    }
 
-  .ant-table-tbody .ant-table-placeholder td {
-    height: 100%;
-  }
+    .ant-table-hide-scrollbar {
+      background: $white;
+    }
+    .ant-table-placeholder {
+      background: inherit;
 
-  table {
-    width: 100% !important;
-    height: 100%;
-    .ant-table-placeholder .ant-table-expanded-row-fixed {
-      padding: 15px 0;
+      td {
+        position: static;
+        border: none;
+        background: inherit !important;
+        height: 100px;
+        vertical-align: middle;
+      }
+
+      .table-default-empty,
+      .ant-table-expanded-row-fixed {
+        font-weight: bold;
+        font-size: 20px;
+        color: $text-terdiary-light;
+      }
     }
-  }
+    th.ant-table-cell-scrollbar,
+    th.cell__action_ {
+      z-index: 10;
+    }
+    td.cell__action_ {
+      padding: 0 !important;
+      position: relative;
+      background: $white;
+      > * {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        padding-right: 8px;
+      }
+      .menu-button {
+        width: 24px;
+        height: 24px;
+        cursor: pointer;
+        justify-content: center;
+        border-radius: 4px;
 
-  table thead.ant-table-thead {
-    display: none;
+        &:hover {
+          background: $white;
+        }
+      }
+    }
   }
 }
 
-.E_t1fisho6 {
-  height: 100%;
 
-  .ant-table.ant-table-small .ant-table-tbody > tr > td {
-    padding-top: 6px;
-    padding-bottom: 6px;
-  }
+.E_c1yd35n {
+  padding: 0 12px 14px 12px;
+}
 
-  .active-row td:nth-child(1) {
-    font-weight: 700;
-  }
-  &.has-selection .active-row td:nth-child(2) {
-    font-weight: 700;
-  }
 
-  .ant-spin-nested-loading {
-    height: 100%;
+.E_c1kghdax {
+  color: $text-primary-light;
+  padding: 7px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 
-    .ant-spin-container {
-      height: 100%;
-      overflow: visible;
-    }
-    .ant-spin {
-      max-height: none;
-    }
-  }
+  &.has-arrow {
+    padding-left: 10px;
 
-  td.ant-table-column-sort {
-    background: transparent;
-  }
+    .title-wrapper {
+      cursor: pointer;
+      color: $text-light-primary;
 
-  td.ant-table-cell-fix-left,
-  td.ant-table-cell-fix-right {
-    background: #fff;
-    padding: 0 !important;
-    .ant-table-cell-content {
-      display: flex;
-      align-items: center;
-      height: 100%;
-      padding: 8px;
-      > span {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        width: 100%;
+      &.is-open {
+        color: $text-primary-light;
+        font-weight: 600;
+
+        .collapse-arrow {
+          transform: rotate(90deg);
+        }
       }
     }
   }
 
-  .ant-table-container {
-    height: 100%;
-    &::before,
-    &::after {
-      box-shadow: none !important;
-    }
+  .sub-info {
+    font-size: 12px;
+    line-height: 18px;
   }
 
-  div.ant-table {
-    $columnAlignRightPaddingRight: 25px;
-    border-radius: 0px;
-    border-left: none;
-    border-right: none;
-    border-bottom: none;
-    height: 100%;
+  .title-wrapper {
+    display: flex;
+    align-items: center;
+    user-select: none;
+    flex-grow: 1;
     font-size: 12px;
-    background: transparent;
-
-    .ant-table-header {
-      position: relative;
-      z-index: $table-header-index;
-      border-bottom: 1px solid $strokes-light-trans-2;
-      margin-bottom: -1px;
-    }
+    line-height: 18px;
+    color: $text-primary-light;
+    font-weight: 700;
+  }
 
-    .time-wrapper .date,
-    .value {
-      color: $text-primary-light;
-    }
+  .collapse-arrow {
+    transition: all 50ms ease-out 0ms;
+    margin-right: 2px;
+  }
+}
 
-    .time-wrapper .time,
-    .unit {
-      color: $text-secondary-light;
-    }
 
-    .ant-table-selection {
-      position: unset;
-      text-align: center;
-    }
+.E_ckui4s7 {
+  color: $text-primary-light;
+  line-height: 22px;
+  display: inline-flex;
+  .ant-checkbox {   height: 22px;   display: flex;   align-items: center;   top: 0; } .ant-checkbox-checked::after {   border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner {   border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner {   border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate {   .ant-checkbox-inner {     border: 1px solid $fills-light-general-general;   } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {   background: $fills-light-general-general;   &:after {     background-color: $white;     height: 2px;     width: 10px;     border-radius: 2px;   } } &.ant-checkbox-wrapper-disabled {   opacity: 0.5;   .ant-checkbox-disabled .ant-checkbox-inner {     background: $fills-light-trans-3;     border-color: $strokes-light-trans-4 !important;   }   .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {     border-color: $text-primary-light;   }   .ant-checkbox-disabled.ant-checkbox-indeterminate     .ant-checkbox-inner:after {     background: $text-primary-light;   } } .ant-checkbox + span, .ant-checkbox-disabled + span {   padding: 0;   .main {     display: inline-block;     margin-left: 12px;     color: $text-primary-light;   }   .sub {     margin-left: 28px;     color: $text-secondary-light;   } } &.compact {   .ant-checkbox + span,   .ant-checkbox-disabled + span {     .main {       margin-left: 8px;     }     .sub {       margin-left: 24px;     }   } }
+}
 
-    .ant-table-tbody > tr.ant-table-row-selected td {
-      background: $white;
-    }
 
-    .anticon-setting {
-      cursor: pointer;
-      position: absolute;
-      top: 50%;
-      right: 12px;
-      transform: translateY(-50%);
-    }
+.E_b14q2gmw {
+  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
+    0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
+    0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
+    0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
+    0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
+    0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
+    0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
+    0px 6px 22px rgba(129, 138, 153, 0.0335534);
+}
 
-    &.ant-table-ping-left {
-      .ant-table-cell-fix-left-last::after {
-        box-shadow: none;
-        width: 1px;
-        background: rgba(213, 219, 227, 0.6);
-      }
-    }
+.E_c1eym6el {
+  border-radius: 8px;
+  background-color: white;
+  &.hoverable {
+    cursor: pointer;
 
-    &.ant-table-ping-right {
-      .ant-table-cell-fix-right-first::after {
-        box-shadow: none;
-        width: 1px;
-        background: rgba(213, 219, 227, 0.6);
-      }
+    &:hover {
+      transition: all 200ms ease;
+      box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
+        0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
+      transform: translateY(-4px);
     }
+  }
+}
 
-    .ant-table-tbody {
-      position: relative;
-      .ant-table-row {
-        td {
-          border-top: 1px solid $strokes-light-trans-2;
-          border-bottom: 1px solid white;
-          height: 40px;
-          vertical-align: middle;
-          transition: background 0ms;
-          color: $gray-120;
-
-          &.header-hover {
-            background: $fills-light-opaque-1;
-            border-bottom-color: $fills-light-opaque-1;
-          }
-
-          .ant-btn.ant-btn-link {
-            height: auto;
-            color: $gray-120;
-            font-size: 12px;
-            text-align: left;
-            transition: none;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-
-            &:hover {
-              color: $blue;
-            }
-
-            > span {
-              overflow: hidden;
-              text-overflow: ellipsis;
-              width: 100%;
-              vertical-align: middle;
-            }
-          }
 
-          &.cell_status {
-            line-height: 0px;
-          }
-          &.align-right {
-            padding-right: $columnAlignRightPaddingRight;
-          }
-        }
+.E_r77hffu {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: 6px;
+}
 
-        &:hover {
-          & + tr td {
-            border-top-color: transparent;
-          }
-          td {
-            background: $fills-trans-secondary-light;
-            border-color: transparent transparent white;
+.E_p1cmxsf7 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  row-gap: var(--p1cmxsf7-0);
 
-            &:first-child {
-              border-radius: 8px 0 0 8px;
-              .ant-table-cell-content {
-                border-radius: 8px 0 0 8px;
-              }
-              &::before {
-                content: "";
-                width: 4px;
-                top: -1px;
-                bottom: -1px;
-                background: white;
-              }
-            }
-            &:last-child {
-              border-radius: 0 8px 8px 0;
-            }
-            &:last-child.cell__action_ {
-              border-radius: 0;
-              background: white;
-              border-top: none;
+  .antd5-progress-line {
+    font-size: 0;
+    margin-bottom: unset;
+    margin-inline-end: unset;
+  }
+}
 
-              > * {
-                border-top: 1px solid transparent;
-                border-radius: 0 8px 8px 0;
-                background: $fills-trans-secondary-light;
-              }
-            }
-            &.ant-table-cell-fix-right {
-              background: white;
-              border-top: 1px solid rgba(211, 218, 235, 0.6);
-              .ant-table-cell-content {
-                display: flex;
-                align-items: center;
-                height: 100%;
-                background: $fills-trans-secondary-light;
-              }
-            }
 
-            &.ant-table-cell-fix-left {
-              background: white;
-              border-top: 1px solid rgba(211, 218, 235, 0.6);
-              .ant-table-cell-content {
-                display: flex;
-                align-items: center;
-                height: 100%;
-                background: $fills-trans-secondary-light;
-              }
-            }
-          }
-        }
+.E_lht19u8 {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  opacity: 0.2;
+}
 
-        &:last-child td {
-          border-bottom: 1px solid $strokes-light-trans-2;
-        }
+.E_lk3gkp4 {
+  position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 9.33px;
+  top: 40.5px;
 
-        &.active-row {
-          box-shadow: inset 0px 0px 0 2px $blue-a10;
-          border-radius: 8px;
+  background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(-128deg);
+  transform-origin: top left;
 
-          & + tr td {
-            border-top-color: white;
-          }
-          td {
-            background: $blue-a10;
-            border-bottom-color: transparent;
-            border-top-color: transparent;
+  animation: loading-indicator1 1100ms ease-out infinite;
+}
 
-            &:first-child {
-              border-radius: 8px 0 0 8px;
-            }
-            &:last-child {
-              border-radius: 0 8px 8px 0;
-            }
-            &:hover {
-              background: $blue-a10;
-            }
-          }
-        }
-      }
-    }
+.E_ll4n94n {
+  position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 40.8px;
+  top: 8.4px;
 
-    .ant-table-thead {
-      > tr > th {
-        background: $white;
-        font-weight: 400;
-        position: relative;
-        border-bottom: none;
-        color: $gray-120;
-        transition: none;
-        padding: 14px 8px 14px 8px;
-        line-height: 20px;
+  background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(-8deg);
+  transform-origin: top left;
 
-        &:not(:last-child):after {
-          content: "";
-          width: 1px;
-          top: 0;
-          bottom: 0;
-          background: $strokes-light-trans-2;
-          position: absolute;
-          right: 0;
-        }
+  animation: loading-indicator2 1100ms ease-out infinite;
+}
 
-        &.is-blank {
-          padding: unset;
+.E_l17lbdo6 {
+  position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 52.9px;
+  top: 51.8px;
 
-          &:after {
-            display: none;
-          }
-        }
+  background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(112deg);
+  transform-origin: top left;
 
-        &.ant-table-cell-ellipsis.ant-table-column-has-sorters
-          .ant-table-column-sorters {
-          width: 100%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          > span {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            flex: 1;
-          }
-        }
+  animation: loading-indicator3 1100ms ease-out infinite;
+}
 
-        &.ant-table-column-has-sorters {
-          padding: 15px $columnAlignRightPaddingRight 15px 8px;
 
-          .ant-table-column-sorters {
-            padding: 0;
-            .order-icon {
-              position: absolute;
-              right: 6px;
-              top: 50%;
-              transform: translateY(-50%);
-              height: 16px;
-              display: none;
-              transition: transform 320ms ease;
+.E_sjob3jg {
+  $item: ant-steps-item;
+  --item-min-width: 60px;
+  .#{$item} {
+    &-tail,
+    &-icon {
+      display: none !important;
+    }
+  }
+  .#{$item}.#{$item}-active {
+    flex-shrink: 0 !important;
+    .step-item-prefix-container {
+      color: $text-colorful-outstanding;
+    }
+    .#{$item}-container .#{$item}-content .#{$item}-title {
+      color: $text-colorful-outstanding;
+      font-weight: normal;
+    }
+  }
+  .#{$item}.#{$item}-finish {
+    .#{$item}-container .#{$item}-content .#{$item}-title,
+    & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
+      color: $text-neutral-tertiary;
+    }
+  }
+  .#{$item}.#{$item}-wait {
+    .#{$item}-container .#{$item}-content .#{$item}-title {
+      color: $text-neutral-primary;
+    }
+  }
+  .step-item-text {
+    display: inline-block;
+  }
+  .step-item-title {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}
 
-              &.descend {
-                display: block;
-                transform: translateY(-50%) rotateX(180deg);
-              }
-              &.ascend {
-                display: block;
-              }
-            }
+.E_hjvj6s6 {
+  $item: ant-steps-item;
+  @mixin rightTriangle($color: $fills-light-trans-1) {
+    content: "";
+    width: 0;
+    height: 0;
+    border: 13px solid transparent;
+    position: absolute;
+    top: 0;
+    border-left: 8px solid $color;
+  }
+  .#{$item}-container {
+    min-width: var(--item-min-width);
+  }
+  .#{$item}-disabled {
+    cursor: not-allowed !important;
+  }
+  .ant-steps-horizontal.ant-steps-label-horizontal {
+    flex-direction: row;
+    justify-content: stretch;
+    .#{$item} {
+      padding: 0;
+      margin-right: 4px;
+      flex: 1;
+      overflow: visible;
+      .#{$item}-content {
+        width: 100%;
+        min-height: unset;
+        .#{$item}-title {
+          height: 26px;
+          line-height: 26px;
+          width: 100%;
+          padding: 0;
+          font-size: 12px;
+          .step-count {
+            margin-right: 10px;
           }
-          .ant-table-column-sorter {
+          &::after {
             display: none;
           }
         }
-
-        &:active {
-          .ant-table-column-sorters .order-icon {
-            &.descend {
-              transform: translateY(-50%);
-            }
-            &.ascend {
-              transform: translateY(-50%) rotateX(180deg);
-            }
-          }
+      }
+      &:first-child {
+        .#{$item}-container {
+          padding-left: 8px;
+          padding-right: 4px;
+          border-radius: 4px 0 0 4px;
         }
-
-        &:hover:not(.is-blank) {
-          background: $fills-light-opaque-1;
-          .ant-table-column-sorters .order-icon {
-            display: block;
-          }
+      }
+      &:last-child {
+        margin-right: 0;
+        .#{$item}-container {
+          padding-right: 8px;
+          padding-left: 12px;
+          border-radius: 0 4px 4px 0;
         }
-        &.align-right {
-          padding-right: $columnAlignRightPaddingRight;
+      }
+      &:not(&:last-child) {
+        &::after {
+          @include rightTriangle();
+          z-index: 2;
+          position: relative;
+          top: -50%;
+          right: -100%;
         }
       }
-    }
-
-    .ant-table-selection-column {
-      padding: 0 !important;
-
-      .ant-checkbox-wrapper {
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
+      &:not(:first-child):not(:last-child) {
+        .#{$item}-container {
+          padding: 0 4px 0 12px;
+        }
       }
-      &:after {
-        display: none;
+      &:not(&:first-child) {
+        &::before {
+          @include rightTriangle(#fff);
+          left: 0;
+        }
       }
     }
-
-    .ant-table-hide-scrollbar {
-      background: $white;
-    }
-    .ant-table-placeholder {
-      background: inherit;
-
-      td {
-        position: static;
-        border: none;
-        background: inherit !important;
-        height: 100px;
-        vertical-align: middle;
+    .#{$item}-active {
+      max-width: calc(100% - var(--item-min-width) * 2);
+      .#{$item}-container {
+        background-color: $fills-light-general-general-light;
       }
-
-      .table-default-empty,
-      .ant-table-expanded-row-fixed {
-        font-weight: bold;
-        font-size: 20px;
-        color: $text-terdiary-light;
+      &::after {
+        border-left-color: $fills-light-general-general-light !important;
       }
     }
-    th.ant-table-cell-scrollbar,
-    th.cell__action_ {
-      z-index: 10;
+    .#{$item}-finish {
+      cursor: pointer;
+      min-width: var(--item-min-width);
     }
-    td.cell__action_ {
-      padding: 0 !important;
-      position: relative;
-      background: $white;
-      > * {
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        padding-right: 8px;
-      }
-      .menu-button {
-        width: 24px;
-        height: 24px;
-        cursor: pointer;
-        justify-content: center;
-        border-radius: 4px;
-
-        &:hover {
-          background: $white;
-        }
+    .#{$item}-wait,
+    .#{$item}-finish {
+      min-width: var(--item-min-width);
+      .#{$item}-container {
+        background-color: $fills-light-trans-1;
       }
     }
   }
+  .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
+      .ant-steps-vertical
+    )
+    .#{$item} {
+    padding: 0;
+  }
 }
 
+.E_v4tv3mf {
+  $item: ant-steps-item;
+  .ant-steps.ant-steps-vertical {
+    width: 192px;
+    row-gap: 2px;
 
-.E_l1ucdodl {
-  $prefix: ui-kit-status-legend;
-  margin: 0;
-  border-radius: 20px;
-  padding: 2px 10px;
-  height: 22px;
-  display: flex;
-  align-items: center;
-
-  &.ui-kit-status-legend.on-tint {
-    color: $text-neutral-ontint;
-  }
-  &.tag-hover {
-    cursor: pointer;
-  }
-
-  &.#{$prefix} {
-    color: $text-neutral-primary;
-    .#{$prefix}-icon {
-      margin-right: 6px;
-    }
-    .#{$prefix}-number {
-      margin-left: 8px;
-      color: #2C385299;
-      &.#{$prefix}-number.on-tint {
-        color: $text-neutral-ontint;
-      }
-    }
-    &.eagle-legend-blue {
-      .#{$prefix}-icon {
-        background-color: $fill-outstanding-base;
-      }
-    }
-    &.eagle-legend-red {
-      .#{$prefix}-icon {
-        background-color: $fill-serious-base;
+    .preview-mode:not(.#{$item}-active) .#{$item}-container {
+      &:hover {
+        background-color: $fill-neutral-trans-2;
       }
-    }
-    &.eagle-legend-yellow {
-      .#{$prefix}-icon {
-        background-color: $fill-notice-base;
+      .#{$item}-title {
+        color: $text-neutral-primary !important;
       }
     }
-    &.eagle-legend-green {
-      .#{$prefix}-icon {
-        background-color: $fill-positive-base;
-      }
+    .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
+      .#{$item}-container:hover {
+      background-color: $fill-neutral-trans-2;
     }
-    &.eagle-legend-gray {
-      .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
-        background-color: $gray-70;
+    .#{$item}-container {
+      padding: 0 8px;
+      border-radius: 4px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      .#{$item}-content {
+        min-height: auto;
+        white-space: nowrap;
+        & .ant-steps-item-title {
+          font-size: 13px;
+          line-height: 20px;
+          max-width: 100%;
+          padding-right: 0;
+        }
       }
     }
-    &.eagle-legend-purple {
-      .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
-        background-color: $purple-50;
+    .#{$item}-active {
+      .ant-steps-item-container {
+        background: rgba($blue-60, 0.1);
       }
     }
   }
 }
 
-.E_s1qj66nc {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  display: inline-block;
-}
-
-.E_s5x1boq {
-  width: 8px;
-  height: 8px;
-  border-radius: 2px;
-  display: inline-block;
+.E_h6l1tj4 {
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
+  .step-item-prefix-container {
+    display: inline-flex;
+    align-items: center;
+    width: 18px;
+    height: 18px;
+    color: $gray-a75-8;
+    justify-content: center;
+  }
 }
 
-.E_c1xm185 {
-              color: #2C385299;
-            }
+.E_v18frne8 {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 6px;
+  font-size: 13px;
+  .step-item-prefix-container {
+    display: inline-flex;
+    align-items: center;
+    min-width: 20px;
+    min-height: 20px;
+    color: $gray-a75-8;
+    justify-content: center;
+  }
+}
 
-.E_c1x5l5qc {
-          flex: 1;
-        }
 
+.E_t13ef470 {
+  height: 100%;
+  .table-loading-item {
+    padding: 12px 4px;
+    border-bottom: 1px solid rgba($gray-50, 0.18);
+    display: flex;
 
-.E_t1gvlxt5 {
-  min-width: 0;
-  flex: 1;
-  .tag {
-    flex: 0 0 auto;
+    > * {
+      height: 16px;
+      margin: 4px;
+      background: rgba($gray-50, 0.18);
+      border-radius: 2px;
+    }
+    .checkbox-loading {
+      width: 16px;
+    }
+    .td-loading {
+      flex: 1;
+    }
   }
-  .progress-title {
-    flex: 2;
-    max-width: fit-content;
+
+  :nth-child(1) {
+    padding: 8px 4px;
+    > * {
+      background: rgba($gray-70, 0.18);
+    }
   }
-  .progress-desc {
-    flex: 1;
-    max-width: fit-content;
+  :nth-child(1) {
+    > * {
+      background: rgba($gray-60, 0.18);
+    }
   }
 }
 
-.E_a1ji6r68 {
-  display: flex;
-  align-items: center;
-  column-gap: var(--a1ji6r68-0);
-}
-
 
 .E_w7ob4th {
   &.outside-tag {
@@ -4746,12 +4689,6 @@
 }
 
 
-.E_i1g85yz3 {
-  margin-right: 4px;
-  height: 16px;
-}
-
-
 .E_slr2ynn {
     padding: 0 8px;
     height: 18px;
@@ -4784,186 +4721,89 @@
 }
 
 
-.E_msn7nxt {
-  color: $text-light-secondary;
-  text-align: center;
-
+.E_l1ucdodl {
+  $prefix: ui-kit-status-legend;
+  margin: 0;
+  border-radius: 20px;
+  padding: 2px 10px;
+  height: 22px;
   display: flex;
   align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  height: 100%;
 
-  .link {
-    color: $text-light-general;
+  &.ui-kit-status-legend.on-tint {
+    color: $text-neutral-ontint;
+  }
+  &.tag-hover {
     cursor: pointer;
   }
-}
-
-.E_mp64wfi {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .name-toolbar {
-    width: 100%;
-    display: flex;
-    line-height: 30px;
-    padding: 0 16px;
-    justify-content: space-between;
-    .metric-extra {
-      display: flex;
-      font-size: 12px;
-      align-items: center;
 
-      .info-item {
-        color: $gray-60;
-      }
-      .info-item + .info-item {
-        margin-left: 10px;
+  &.#{$prefix} {
+    color: $text-neutral-primary;
+    .#{$prefix}-icon {
+      margin-right: 6px;
+    }
+    .#{$prefix}-number {
+      margin-left: 8px;
+      color: #2C385299;
+      &.#{$prefix}-number.on-tint {
+        color: $text-neutral-ontint;
       }
-
-      .menu-trigger {
-        margin-left: 10px;
-        cursor: pointer;
+    }
+    &.eagle-legend-blue {
+      .#{$prefix}-icon {
+        background-color: $fill-outstanding-base;
       }
     }
-  }
-
-  .content {
-    flex: 1;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .single-content {
-    height: 65px;
-  }
-}
-
-.E_l1oyigan {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  width: 100%;
-
-  .ant-dropdown-trigger {
-    margin-left: auto;
-    font-size: 12px;
-  }
-}
-
-.E_l1noi4n1 {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  font-size: 12px;
-  cursor: pointer;
-
-  &:not(:last-child) {
-    margin-right: 20px;
-  }
-  &.deselected {
-    opacity: 0.4;
-
-    .color-block {
-      background: #b4beca !important;
+    &.eagle-legend-red {
+      .#{$prefix}-icon {
+        background-color: $fill-serious-base;
+      }
     }
-  }
-}
-
-.E_cz19rz6 {
-  display: inline-block;
-  height: 8px;
-  width: 8px;
-  margin-right: 8px;
-}
-
-.E_e17r5r9c {
-  .ant-dropdown-menu-item {
-    display: flex;
-    align-items: center;
-    font-size: 12px;
-    margin: 0;
-  }
-}
-
-.E_m1y1hhnr {
-  position: relative;
-
-  &.hidden-xaxis .pointer-wrapper {
-    bottom: -12px;
-  }
-
-  .metric-toolbar {
-    display: flex;
-    justify-content: space-between;
-    line-height: 30px;
-    margin: 0 16px;
-
-    .metric-extra {
-      display: flex;
-      font-size: 12px;
-      align-items: center;
-
-      .info-item {
-        color: $gray-60;
+    &.eagle-legend-yellow {
+      .#{$prefix}-icon {
+        background-color: $fill-notice-base;
       }
-      .info-item + .info-item {
-        margin-left: 10px;
+    }
+    &.eagle-legend-green {
+      .#{$prefix}-icon {
+        background-color: $fill-positive-base;
       }
-
-      .menu-trigger {
-        margin-left: 10px;
-        cursor: pointer;
+    }
+    &.eagle-legend-gray {
+      .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
+        background-color: $gray-70;
+      }
+    }
+    &.eagle-legend-purple {
+      .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
+        background-color: $purple-50;
       }
     }
-  }
-
-  .recharts-xAxis {
-    font-size: 12px;
-  }
-
-  .pointer-wrapper {
-    position: absolute;
-    bottom: 10px;
-    padding: 0 8px;
-    border-radius: 4px;
-    font-size: 12px;
-    color: $white;
-    background: rgba(0, 0, 0, 0.75);
-    transform: translateX(-50%);
   }
 }
 
-.E_tnvijvs {
-  min-width: 200px;
+.E_s1qj66nc {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  display: inline-block;
 }
 
-.E_t1ub2aex {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: rgba(0, 0, 0, 0.75);
-  color: #b4beca;
-  font-size: 12px;
-  padding: 3px 6px;
-
-  &:first-child {
-    padding-top: 3px;
-  }
-  &:last-child {
-    padding-bottom: 3px;
-  }
-  .column-value {
-    color: $white;
-    margin-left: 8px;
-  }
+.E_s5x1boq {
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  display: inline-block;
 }
 
+.E_c1xm185 {
+              color: #2C385299;
+            }
+
+.E_c1x5l5qc {
+          flex: 1;
+        }
+
 
 .E_t1dtlqs1 {
   margin-bottom: 4px;
@@ -5124,63 +4964,273 @@
       .ant-list-item-action {
         margin: 0;
       }
-      .eagle-table-form-cell {
-        .ant-input,
-        .ant-select-selector {
-          border-radius: 5px;
-          font-size: 12px;
-        }
-        .ant-input-affix-wrapper {
-          font-size: inherit;
-        }
+      .eagle-table-form-cell {
+        .ant-input,
+        .ant-select-selector {
+          border-radius: 5px;
+          font-size: 12px;
+        }
+        .ant-input-affix-wrapper {
+          font-size: inherit;
+        }
+
+        .ant-form-item-control-input {
+          min-height: 24px;
+          font-size: 12px;
+          position: relative;
+        }
+      }
+    }
+  }
+  &.row-split-by-border {
+    .eagle-table-form-row {
+      border-bottom: 1px solid $fills-light-trans-2;
+    }
+  }
+  &.row-split-by-zebraMarking {
+    .draggable-container {
+      & > :nth-child(2n) {
+        background-color: $fills-trans-primary-light;
+      }
+    }
+  }
+}
+
+.E_a138syjm {
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  button.ant-btn {
+    padding: 2px 8px;
+    height: 24px;
+  }
+  & > span.maximum-desc {
+    display: none;
+    margin-left: 8px;
+    color: $text-secondary-light;
+    &.disabled {
+      display: inline;
+    }
+  }
+}
+
+.E_d77i8u0 {
+  width: 24px;
+  height: 24px;
+  padding: 4px;
+  margin-right: 8px;
+}
+
+
+.E_i1g85yz3 {
+  margin-right: 4px;
+  height: 16px;
+}
+
+
+.E_t1gvlxt5 {
+  min-width: 0;
+  flex: 1;
+  .tag {
+    flex: 0 0 auto;
+  }
+  .progress-title {
+    flex: 2;
+    max-width: fit-content;
+  }
+  .progress-desc {
+    flex: 1;
+    max-width: fit-content;
+  }
+}
+
+.E_a1ji6r68 {
+  display: flex;
+  align-items: center;
+  column-gap: var(--a1ji6r68-0);
+}
+
+
+.E_msn7nxt {
+  color: $text-light-secondary;
+  text-align: center;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  height: 100%;
+
+  .link {
+    color: $text-light-general;
+    cursor: pointer;
+  }
+}
+
+.E_mp64wfi {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .name-toolbar {
+    width: 100%;
+    display: flex;
+    line-height: 30px;
+    padding: 0 16px;
+    justify-content: space-between;
+    .metric-extra {
+      display: flex;
+      font-size: 12px;
+      align-items: center;
+
+      .info-item {
+        color: $gray-60;
+      }
+      .info-item + .info-item {
+        margin-left: 10px;
+      }
+
+      .menu-trigger {
+        margin-left: 10px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .content {
+    flex: 1;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .single-content {
+    height: 65px;
+  }
+}
+
+.E_l1oyigan {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+
+  .ant-dropdown-trigger {
+    margin-left: auto;
+    font-size: 12px;
+  }
+}
+
+.E_l1noi4n1 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  font-size: 12px;
+  cursor: pointer;
+
+  &:not(:last-child) {
+    margin-right: 20px;
+  }
+  &.deselected {
+    opacity: 0.4;
+
+    .color-block {
+      background: #b4beca !important;
+    }
+  }
+}
+
+.E_cz19rz6 {
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  margin-right: 8px;
+}
+
+.E_e17r5r9c {
+  .ant-dropdown-menu-item {
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    margin: 0;
+  }
+}
+
+.E_m1y1hhnr {
+  position: relative;
+
+  &.hidden-xaxis .pointer-wrapper {
+    bottom: -12px;
+  }
+
+  .metric-toolbar {
+    display: flex;
+    justify-content: space-between;
+    line-height: 30px;
+    margin: 0 16px;
+
+    .metric-extra {
+      display: flex;
+      font-size: 12px;
+      align-items: center;
+
+      .info-item {
+        color: $gray-60;
+      }
+      .info-item + .info-item {
+        margin-left: 10px;
+      }
 
-        .ant-form-item-control-input {
-          min-height: 24px;
-          font-size: 12px;
-          position: relative;
-        }
+      .menu-trigger {
+        margin-left: 10px;
+        cursor: pointer;
       }
     }
   }
-  &.row-split-by-border {
-    .eagle-table-form-row {
-      border-bottom: 1px solid $fills-light-trans-2;
-    }
+
+  .recharts-xAxis {
+    font-size: 12px;
   }
-  &.row-split-by-zebraMarking {
-    .draggable-container {
-      & > :nth-child(2n) {
-        background-color: $fills-trans-primary-light;
-      }
-    }
+
+  .pointer-wrapper {
+    position: absolute;
+    bottom: 10px;
+    padding: 0 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    color: $white;
+    background: rgba(0, 0, 0, 0.75);
+    transform: translateX(-50%);
   }
 }
 
-.E_a138syjm {
+.E_tnvijvs {
+  min-width: 200px;
+}
+
+.E_t1ub2aex {
   display: flex;
   align-items: center;
-  margin-top: 8px;
-  button.ant-btn {
-    padding: 2px 8px;
-    height: 24px;
+  justify-content: space-between;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: #b4beca;
+  font-size: 12px;
+  padding: 3px 6px;
+
+  &:first-child {
+    padding-top: 3px;
   }
-  & > span.maximum-desc {
-    display: none;
+  &:last-child {
+    padding-bottom: 3px;
+  }
+  .column-value {
+    color: $white;
     margin-left: 8px;
-    color: $text-secondary-light;
-    &.disabled {
-      display: inline;
-    }
   }
 }
 
-.E_d77i8u0 {
-  width: 24px;
-  height: 24px;
-  padding: 4px;
-  margin-right: 8px;
-}
-
 
 .E_m11nzl2x {
   color: $text-light-secondary;
@@ -5398,29 +5448,250 @@
   }
 }
 
-.E_ljhvvia {
-  display: inline-block;
-  height: 8px;
-  width: 8px;
-  margin-right: 8px;
-  border-radius: 2px;
-  &.borderd {
-    border: 1px solid $stroke-neutral-white;
+.E_ljhvvia {
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  margin-right: 8px;
+  border-radius: 2px;
+  &.borderd {
+    border: 1px solid $stroke-neutral-white;
+  }
+}
+
+
+.E_bpgac8u {
+  color: #FFFFFF;
+  display: flex;
+  gap: 8px;
+  padding: 8px 0;
+  display: flex;
+  justify-content: center;
+  white-space: pre-wrap;
+  align-items: center;
+  .dashed-btn {
+    border-bottom: 1px solid white;
+    cursor: pointer;
+  }
+}
+
+.E_envn4g3 {
+  background: #F0483E;
+}
+
+.E_i12w18eu {
+  background: #0080FF;
+}
+
+.E_wujsnt4 {
+  background-color: #E07F00;
+}
+
+
+.E_t59qhqp {
+  padding: 0px;
+  padding-top: 5px;
+  padding-left: 5px;
+
+  .ant-timeline-item {
+    margin-bottom: 16px;
+    padding-bottom: 0px;
+  }
+  .ant-timeline-item-last,
+  .compact.ant-timeline-item-last {
+    margin-bottom: 0;
+  }
+  .compact.ant-timeline-item {
+    margin-bottom: 12px;
+  }
+  .info-action {
+    align-self: baseline;
+  }
+}
+
+.E_t2e44lg {
+  .ant-timeline-item-content {
+    margin-left: 18px;
+  }
+  .item-time {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-top: 4px;
+  }
+
+  &:last-child {
+    .ant-timeline-item-content {
+      padding-bottom: 0;
+    }
+  }
+}
+
+.E_e14ua30y {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.E_s1ikqzph {
+  color: #2C3852BF;
+}
+
+.E_i15astnl {
+  color: #00122E;
+}
+
+
+.E_b1jaupqb {
+  color: #F0483E;
+}
+
+
+.E_s20iney {
+  &.skeleton-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    border-radius: 2px;
+    background: #E1E6F199;
+    overflow: hidden;
+
+    & > .skeleton-shimmer {
+      width: 200%;
+      height: 200%;
+      transform: rotate(15deg);
+      position: absolute;
+      top: -50%;
+      flex-shrink: 0;
+      opacity: 0.8;
+      background: linear-gradient(
+        90deg,
+        rgba(255, 255, 255, 0) 15%,
+        #FFFFFF99 50%,
+        rgba(255, 255, 255, 0) 85%
+      );
+
+      animation: shimmer 1100ms infinite;
+    }
+
+    @keyframes shimmer {       from {         left: -120%;       }       to {         left: 100%;       }     }
+  }
+}
+
+
+.E_dxyv8bv {
+  --footer-height: 80px;
+  --header-height: 56px;
+  --modal-content-width: 492px;
+  --modal-content-min-height: 160px;
+  --modal-content-max-height: calc(
+    100vh - 144px - var(--header-height) - var(--footer-height)
+  );
+  --modal-header-padding: 32px 40px 0;
+  --modal-content-padding-y: 32px;
+  --modal-content-padding-x: 40px;
+  --modal-footer-padding: 0 40px;
+
+  .ant-modal-content {
+    background: $backgrounds-light-primary;
+    border-radius: 16px;
+    max-width: var(--modal-content-width);
+    min-width: var(--modal-content-width);
+  }
+
+  .ant-modal-header {
+    padding: var(--modal-header-padding);
+    height: var(--header-height);
+    border-bottom: none;
+    border-radius: 16px 16px 0 0;
+    .ant-modal-title {
+      color: #00122E;
+    }
+  }
+
+  .ant-modal-close {
+    right: 48px;
+    top: 24px;
+  }
+
+  .ant-modal-body {
+    padding: var(--modal-content-padding-y) var(--modal-content-padding-x);
+    padding-right: calc(var(--modal-content-padding-x) - 6px);
+    min-height: var(--modal-content-min-height);
+    max-height: var(--modal-content-max-height);
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-gutter: stable;
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+    &::-webkit-scrollbar-track {
+      background: #E1E6F199;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: #ACBAD399;
+      border-radius: 8px;
+    }
+  }
+
+  .ant-modal-footer {
+    height: var(--footer-height);
+    padding: var(--modal-footer-padding);
+    margin-top: 0;
+    border-top: none;
+    box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
+    .ant-btn-quiet {
+      color: #2C3852BF;
+      font-weight: 700;
+    }
+  }
+}
+
+.E_fbgo4wr {
+  display: flex;
+  gap: 16px;
+  height: 100%;
+  align-items: center;
+  justify-content: flex-end;
+  &.has-error {
+    justify-content: space-between;
+  }
+}
+
+.E_ekxnz54 {
+  color: #F0483E;
+  text-align: left;
+  .icon-wrapper {
+    align-self: baseline;
+    padding-top: 2px;
+  }
+}
+
+.E_ct1041x {
+  padding: 8px;
+  border-radius: 50%;
+  &:hover {
+    background: #E1E6F199;
+    transition: 0.3s ease-out;
   }
 }
 
 
-.E_t13ef470 {
+.E_t1g36k2w {
+  overflow: hidden;
   height: 100%;
+  background: white;
   .table-loading-item {
-    padding: 12px 4px;
-    border-bottom: 1px solid rgba($gray-50, 0.18);
+    padding: 8px 4px;
     display: flex;
+    align-items: center;
 
     > * {
       height: 16px;
       margin: 4px;
-      background: rgba($gray-50, 0.18);
+      background: #EDF1FA99;
       border-radius: 2px;
     }
     .checkbox-loading {
@@ -5434,340 +5705,399 @@
   :nth-child(1) {
     padding: 8px 4px;
     > * {
-      background: rgba($gray-70, 0.18);
+      background: #E1E6F199;
     }
   }
-  :nth-child(1) {
-    > * {
-      background: rgba($gray-60, 0.18);
+}
+
+
+.E_t1616y1o {
+  color: $text-light-on-tint;
+}
+
+
+.E_f16blduf {
+  &.ant-form-item {
+    margin-bottom: 0;
+  }
+
+  .ant-form-item-explain {
+    display: none;
+    min-height: 18px;
+    margin-top: 5px;
+    font-family: "Inter";
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+  }
+
+  &.ant-form-item[class*="ant-form-item-has"]:not(
+      .ant-form-item-has-error-leave
+    ) {
+    white-space: pre-wrap;
+    .ant-form-item-explain {
+      display: block;
     }
   }
 }
 
 
-.E_bpgac8u {
-  color: #FFFFFF;
-  display: flex;
-  gap: 8px;
-  padding: 8px 0;
-  display: flex;
-  justify-content: center;
-  white-space: pre-wrap;
-  align-items: center;
-  .dashed-btn {
-    border-bottom: 1px solid white;
-    cursor: pointer;
-  }
+.E_a9y3flr {
+  margin-left: 8px;
 }
 
-.E_envn4g3 {
-  background: #F0483E;
+.E_a1njc627 {
+  font-size: 12px;
+  color: $text-neutral-primary;
 }
 
-.E_i12w18eu {
-  background: #0080FF;
+
+.E_i14c7jc8 {
+  color: var(--i14c7jc8-0);
 }
 
-.E_wujsnt4 {
-  background-color: #E07F00;
+.E_i1ibuolf {
+  display: flex;
+  align-items: center;
+  column-gap: 4px;
+  font-size: 12px;
+  color: #2C3852BF;
 }
 
 
-.E_t59qhqp {
-  padding: 0px;
-  padding-top: 5px;
-  padding-left: 5px;
+.E_d1u4ndxc {
+  color: #2C3852BF;
+  font-size: 12px;
+}
 
-  .ant-timeline-item {
-    margin-bottom: 16px;
-    padding-bottom: 0px;
-  }
-  .ant-timeline-item-last,
-  .compact.ant-timeline-item-last {
-    margin-bottom: 0;
+.E_f6xb0iv {
+  min-width: 0;
+  flex: 1;
+}
+
+.E_b1dhu7ov {
+  &.antd5-progress {
+    width: 220px;
   }
-  .compact.ant-timeline-item {
-    margin-bottom: 12px;
+}
+
+.E_p1as1j2z {
+  .antd5-progress.antd5-progress-status-active
+    .antd5-progress-bg::before {
+    content: "";
+    display: block;
+    height: 8px;
+    background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
+    animation: loading 1600ms ease-out infinite;
+    opacity: 1;
   }
-  .info-action {
-    align-self: baseline;
+
+  @keyframes loading {
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(100%);
+    }
   }
 }
 
-.E_t2e44lg {
-  .ant-timeline-item-content {
-    margin-left: 18px;
+
+.E_skwah65 {
+  height: 8px;
+  box-sizing: border-box;
+  border-radius: 2px;
+  background: #f5f7fa;
+  display: flex;
+  width: 100%;
+  overflow: hidden;
+
+  .stack-bar-item + .stack-bar-item {
+    margin-left: 1px;
   }
-  .item-time {
+}
+
+
+.E_s1ebs0ra {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: $backgrounds-light-grouped;
+  padding: 8px 12px;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  margin-bottom: -52px;
+
+  .select-total {
     display: flex;
-    flex-direction: column;
-    gap: 4px;
-    margin-top: 4px;
+    align-items: center;
+    font-weight: 700;
+    flex-shrink: 0;
+
+    .icon-wrapper {
+      cursor: pointer;
+      margin-left: 8px;
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      justify-content: center;
+
+      &:hover {
+        background: $fills-light-trans-2;
+      }
+    }
   }
+  .action-group {
+    flex: 1;
+    margin-left: 88px;
+    white-space: nowrap;
+    text-align: right;
+    position: relative;
+    padding: 4px 0;
+    margin-top: -4px;
+    overflow: hidden;
+    .sub-menu-delete {
+      transform: translateY(-4px);
+    }
+    button {
+      border: none;
+    }
+    > *:not(:last-child) {
+      margin-right: 8px;
+    }
 
-  &:last-child {
-    .ant-timeline-item-content {
-      padding-bottom: 0;
+    > button:last-child {
+      margin-right: 4px;
+    }
+    .more-btn {
+      cursor: pointer;
+      width: 32px;
+      height: 32px;
+      justify-content: center;
+      border-radius: 50%;
+
+      &:hover {
+        background: $white;
+      }
     }
   }
 }
 
-.E_e14ua30y {
+
+.E_c18bcrac {
+  display: inline-block;
+  width: 100%;
+  .recharts-wrapper {
+    margin-left: 4px;
+  }
+}
+
+.E_cro7kg2 {
+  padding: 4px;
+
+  .unit {
+    color: white;
+  }
+}
+
+.E_c14wcxf0 {
   display: flex;
-  flex-direction: column;
+  justify-content: space-between;
   align-items: center;
-  justify-content: center;
+  font-size: 13px;
+  line-height: 24px;
+  color: #cccccc;
+  white-space: nowrap;
+
+  label {
+    margin-right: 32px;
+  }
 }
 
-.E_s1ikqzph {
-  color: #2C3852BF;
+.E_coy29mj.E_c14wcxf0 {
+  font-weight: bold;
+  color: white;
 }
 
-.E_i15astnl {
-  color: #00122E;
+.E_s11212zy {
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  display: inline-block;
+  background: var(--s11212zy-0);
+  border: 1px solid $fills-light-white;
+  box-sizing: content-box;
+  margin-right: 6px;
 }
 
-
-.E_b1jaupqb {
-  color: #F0483E;
+.E_p1lyky6c {
+  & > :first-child {
+    font-weight: bold;
+    color: white;
+    margin-right: 4px;
+  }
 }
 
 
-.E_s20iney {
-  &.skeleton-box {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    border-radius: 2px;
-    background: #E1E6F199;
-    overflow: hidden;
+.E_clm1wy1 {
+  width: 192px;
+  height: 246px;
+  border-radius: 4px;
 
-    & > .skeleton-shimmer {
-      width: 200%;
-      height: 200%;
-      transform: rotate(15deg);
-      position: absolute;
-      top: -50%;
-      flex-shrink: 0;
-      opacity: 0.8;
-      background: linear-gradient(
-        90deg,
-        rgba(255, 255, 255, 0) 15%,
-        #FFFFFF99 50%,
-        rgba(255, 255, 255, 0) 85%
-      );
+  > .ant-picker-calendar,
+  > .ant-picker-calendar .ant-picker-panel {
+    width: 100%;
+    background-color: rgba(245, 247, 250, 0.6);
+    border-top: none;
 
-      animation: shimmer 1100ms infinite;
+    .ant-picker-body {
+      padding: 0 16px;
     }
 
-    @keyframes shimmer {       from {         left: -120%;       }       to {         left: 100%;       }     }
-  }
-}
-
-
-.E_t1g36k2w {
-  overflow: hidden;
-  height: 100%;
-  background: white;
-  .table-loading-item {
-    padding: 8px 4px;
-    display: flex;
-    align-items: center;
+    .ant-picker-content {
+      width: 100%;
+      height: 180px;
+      border-spacing: 0;
 
-    > * {
-      height: 16px;
-      margin: 4px;
-      background: #EDF1FA99;
-      border-radius: 2px;
-    }
-    .checkbox-loading {
-      width: 16px;
-    }
-    .td-loading {
-      flex: 1;
+      thead {
+        margin-bottom: 8px;
+      }
+      th {
+        width: 22px;
+      }
+      td {
+        padding: 0;
+      }
     }
   }
 
-  :nth-child(1) {
-    padding: 8px 4px;
-    > * {
-      background: #E1E6F199;
-    }
+  .ant-picker-cell {
+    color: rgba(62, 70, 82, 0.6);
+    opacity: 0.4;
+  }
+  .ant-picker-cell-in-view {
+    color: rgba(62, 70, 82, 0.6);
+    opacity: 1;
+  }
+  .ant-picker-cell-in-view > .active {
+    color: #3e4652;
   }
-}
-
 
-.E_t1616y1o {
-  color: $text-light-on-tint;
+  .ant-picker-cell::before {
+    pointer-events: none;
+  }
 }
 
+.E_t1tsm00v {
+  color: rgba(129, 138, 153, 0.6);
+  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
+  backdrop-filter: blur(10px);
+  padding: 7px 10px;
+}
 
-.E_f16blduf {
-  &.ant-form-item {
-    margin-bottom: 0;
-  }
-
-  .ant-form-item-explain {
-    display: none;
-    min-height: 18px;
-    margin-top: 5px;
-    font-family: "Inter";
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 18px;
-  }
+.E_c167wnad {
+  color: rgba(62, 70, 82, 0.6);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
 
-  &.ant-form-item[class*="ant-form-item-has"]:not(
-      .ant-form-item-has-error-leave
-    ) {
-    white-space: pre-wrap;
-    .ant-form-item-explain {
-      display: block;
+  .anticon {
+    cursor: pointer;
+    &:hover {
+      color: $blue;
     }
   }
 }
 
+.E_cxhf7dh {
+  text-align: center;
 
-.E_a9y3flr {
-  margin-left: 8px;
-}
+  .dots {
+    display: flex;
+    justify-content: center;
+  }
+  .dot {
+    display: inline-block;
+    width: 2px;
+    height: 2px;
+    border-radius: 1px;
+    background: $blue;
 
-.E_a1njc627 {
-  font-size: 12px;
-  color: $text-neutral-primary;
+    &:not(:last-child) {
+      margin-right: 2px;
+    }
+  }
+  .bar {
+    width: 9px;
+    height: 2px;
+    background: $blue;
+    border-radius: 2px;
+  }
 }
 
 
-.E_i14c7jc8 {
-  color: var(--i14c7jc8-0);
-}
-
-.E_i1ibuolf {
+.E_n12mqh7z {
   display: flex;
   align-items: center;
-  column-gap: 4px;
   font-size: 12px;
-  color: #2C3852BF;
-}
-
+  line-height: 18px;
 
-.E_d1u4ndxc {
-  color: #2C3852BF;
-  font-size: 12px;
+  &:not(:last-child) {
+    margin-bottom: 4px;
+  }
 }
 
-.E_f6xb0iv {
-  min-width: 0;
-  flex: 1;
+.E_tf5bynu {
+  margin: 0 3px;
 }
 
-.E_b1dhu7ov {
-  &.antd5-progress {
-    width: 220px;
-  }
+.E_tcckoz1 {
+  max-height: 400px;
+  overflow: auto;
 }
 
-.E_p1as1j2z {
-  .antd5-progress.antd5-progress-status-active
-    .antd5-progress-bg::before {
-    content: "";
-    display: block;
-    height: 8px;
-    background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
-    animation: loading 1600ms ease-out infinite;
-    opacity: 1;
-  }
 
-  @keyframes loading {
-    from {
-      transform: translateX(-100%);
-    }
-    to {
-      transform: translateX(100%);
-    }
-  }
+.E_ou7iq30 {
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
+.E_s1tui002 {
+  white-space: nowrap;
+}
 
-.E_skwah65 {
-  height: 8px;
-  box-sizing: border-box;
-  border-radius: 2px;
-  background: #f5f7fa;
-  display: flex;
-  width: 100%;
-  overflow: hidden;
+.E_mxrc2zg {
+  display: -webkit-box;
+  -webkit-line-clamp: var(--mxrc2zg-0);
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
 
-  .stack-bar-item + .stack-bar-item {
-    margin-left: 1px;
+.E_t1vv6d68 {
+  .ant-tooltip-arrow {
+    display: none;
+  }
+  .ant-tooltip-inner {
+    background: $gray-a80-9;
+    border-radius: 4px;
+    &:has(.eagle-ellipsis-content) {
+      visibility: hidden;
+    }
   }
 }
 
 
-.E_s1ebs0ra {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background: $backgrounds-light-grouped;
-  padding: 8px 12px;
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  margin-bottom: -52px;
-
-  .select-total {
-    display: flex;
-    align-items: center;
-    font-weight: 700;
-    flex-shrink: 0;
-
-    .icon-wrapper {
-      cursor: pointer;
-      margin-left: 8px;
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-      justify-content: center;
+.E_gmyahx3 {
+  cursor: pointer;
 
-      &:hover {
-        background: $fills-light-trans-2;
-      }
-    }
+  .link-text {
+    color: $text-light-tertiary;
   }
-  .action-group {
-    flex: 1;
-    margin-left: 88px;
-    white-space: nowrap;
-    text-align: right;
-    position: relative;
-    padding: 4px 0;
-    margin-top: -4px;
-    overflow: hidden;
-    .sub-menu-delete {
-      transform: translateY(-4px);
-    }
-    button {
-      border: none;
-    }
-    > *:not(:last-child) {
-      margin-right: 8px;
-    }
-
-    > button:last-child {
-      margin-right: 4px;
-    }
-    .more-btn {
-      cursor: pointer;
-      width: 32px;
-      height: 32px;
-      justify-content: center;
-      border-radius: 50%;
 
-      &:hover {
-        background: $white;
-      }
-    }
+  &:hover .link-text {
+    color: $text-light-general;
   }
 }
 
@@ -5930,195 +6260,8 @@
     &.active {
       background-color: $blue;
       border-color: $blue;
-      color: $white;
-    }
-  }
-}
-
-
-.E_gmyahx3 {
-  cursor: pointer;
-
-  .link-text {
-    color: $text-light-tertiary;
-  }
-
-  &:hover .link-text {
-    color: $text-light-general;
-  }
-}
-
-
-.E_n12mqh7z {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  line-height: 18px;
-
-  &:not(:last-child) {
-    margin-bottom: 4px;
-  }
-}
-
-.E_tf5bynu {
-  margin: 0 3px;
-}
-
-.E_tcckoz1 {
-  max-height: 400px;
-  overflow: auto;
-}
-
-
-.E_c18bcrac {
-  display: inline-block;
-  width: 100%;
-  .recharts-wrapper {
-    margin-left: 4px;
-  }
-}
-
-.E_cro7kg2 {
-  padding: 4px;
-
-  .unit {
-    color: white;
-  }
-}
-
-.E_c14wcxf0 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 13px;
-  line-height: 24px;
-  color: #cccccc;
-  white-space: nowrap;
-
-  label {
-    margin-right: 32px;
-  }
-}
-
-.E_coy29mj.E_c14wcxf0 {
-  font-weight: bold;
-  color: white;
-}
-
-.E_s11212zy {
-  width: 8px;
-  height: 8px;
-  border-radius: 2px;
-  display: inline-block;
-  background: var(--s11212zy-0);
-  border: 1px solid $fills-light-white;
-  box-sizing: content-box;
-  margin-right: 6px;
-}
-
-.E_p1lyky6c {
-  & > :first-child {
-    font-weight: bold;
-    color: white;
-    margin-right: 4px;
-  }
-}
-
-
-.E_clm1wy1 {
-  width: 192px;
-  height: 246px;
-  border-radius: 4px;
-
-  > .ant-picker-calendar,
-  > .ant-picker-calendar .ant-picker-panel {
-    width: 100%;
-    background-color: rgba(245, 247, 250, 0.6);
-    border-top: none;
-
-    .ant-picker-body {
-      padding: 0 16px;
-    }
-
-    .ant-picker-content {
-      width: 100%;
-      height: 180px;
-      border-spacing: 0;
-
-      thead {
-        margin-bottom: 8px;
-      }
-      th {
-        width: 22px;
-      }
-      td {
-        padding: 0;
-      }
-    }
-  }
-
-  .ant-picker-cell {
-    color: rgba(62, 70, 82, 0.6);
-    opacity: 0.4;
-  }
-  .ant-picker-cell-in-view {
-    color: rgba(62, 70, 82, 0.6);
-    opacity: 1;
-  }
-  .ant-picker-cell-in-view > .active {
-    color: #3e4652;
-  }
-
-  .ant-picker-cell::before {
-    pointer-events: none;
-  }
-}
-
-.E_t1tsm00v {
-  color: rgba(129, 138, 153, 0.6);
-  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
-  backdrop-filter: blur(10px);
-  padding: 7px 10px;
-}
-
-.E_c167wnad {
-  color: rgba(62, 70, 82, 0.6);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 16px;
-
-  .anticon {
-    cursor: pointer;
-    &:hover {
-      color: $blue;
-    }
-  }
-}
-
-.E_cxhf7dh {
-  text-align: center;
-
-  .dots {
-    display: flex;
-    justify-content: center;
-  }
-  .dot {
-    display: inline-block;
-    width: 2px;
-    height: 2px;
-    border-radius: 1px;
-    background: $blue;
-
-    &:not(:last-child) {
-      margin-right: 2px;
-    }
-  }
-  .bar {
-    width: 9px;
-    height: 2px;
-    background: $blue;
-    border-radius: 2px;
+      color: $white;
+    }
   }
 }
 
@@ -6132,36 +6275,6 @@
 }
 
 
-.E_ou7iq30 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.E_s1tui002 {
-  white-space: nowrap;
-}
-
-.E_mxrc2zg {
-  display: -webkit-box;
-  -webkit-line-clamp: var(--mxrc2zg-0);
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-
-.E_t1vv6d68 {
-  .ant-tooltip-arrow {
-    display: none;
-  }
-  .ant-tooltip-inner {
-    background: $gray-a80-9;
-    border-radius: 4px;
-    &:has(.eagle-ellipsis-content) {
-      visibility: hidden;
-    }
-  }
-}
-
-
 .E_s1at6qmn {
   &.ant-layout-sider {
     background: $backgrounds-light-grouped;
@@ -6301,31 +6414,129 @@
 }
 
 
-.E_wg1tsps {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
+.E_s1iv0tp1 {
+  .enabled-switch {
+    display: flex;
+    align-items: center;
+  }
+
+  .enabled-text {
+    margin-right: 8px;
+  }
 }
 
-.E_b1ctd5xy {
+
+.E_t1sqg15u {
+  background: white;
+
+  &.inline {
+    .table-row {
+      flex-direction: column;
+
+      > label {
+        padding: 0 16px 7px 0;
+      }
+    }
+  }
+
+  &.has-border {
+    .table-header {
+      border-bottom: 1px solid $strokes-light-trans-1;
+    }
+
+    .hiddenBorder {
+      border-top: none !important;
+    }
+
+    .table-row + .table-row {
+      border-top: 1px solid $strokes-light-trans-1;
+    }
+
+    .table-row:last-of-type {
+      padding-bottom: 0;
+    }
+  }
+
+  &.align-right {
+    .content {
+      text-align: right;
+    }
+  }
+  .uuid-row {
+    display: flex;
+    justify-content: space-between;
+
+    .id-text {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}
+
+.E_t4zczcp {
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  width: calc(100% - 40px);
+  padding: 8px;
+  min-height: 32px;
 
-  .chart {
-    display: inline-block;
-    width: 100%;
+  .table-title {
+    color: $text-secondary-light;
+    font-weight: 600;
+    font-size: 12px;
+    line-height: 8px;
+  }
+
+  .edit-icon {
+    font-size: 16px;
+    color: $strokes-translucent-2-light;
+    cursor: pointer;
   }
 }
 
-.E_u1p8acpn {
-  min-width: 40px;
+.E_t1s7goww {
+  font-size: 12px;
+  line-height: 18px;
+}
 
-  .unit {
-    color: $text-light-primary !important;
+.E_t93e4cf {
+  display: flex;
+  padding: 8px 0;
+  color: $text-primary-light;
+
+  .hidden {
+    display: none;
+  }
+
+  .ant-btn.ant-btn-link {
+    height: auto;
+  }
+
+  .content {
+    overflow: hidden;
+    overflow-x: auto;
+    width: 100%;
+    white-space: pre-wrap;
+
+    .ant-btn {
+      white-space: pre-wrap;
+      text-align: left;
+    }
+
+    .unit-chart {
+      justify-content: flex-start;
+    }
   }
 }
 
+.E_rhz2uv5 {
+  width: var(--rhz2uv5-0);
+  flex-shrink: 0;
+  color: $text-secondary-light;
+  padding-right: 12px;
+}
+
 
 .E_t160l1cm {
   display: flex;
@@ -6595,127 +6806,29 @@
 }
 
 
-.E_s1iv0tp1 {
-  .enabled-switch {
-    display: flex;
-    align-items: center;
-  }
-
-  .enabled-text {
-    margin-right: 8px;
-  }
-}
-
-
-.E_t1sqg15u {
-  background: white;
-
-  &.inline {
-    .table-row {
-      flex-direction: column;
-
-      > label {
-        padding: 0 16px 7px 0;
-      }
-    }
-  }
-
-  &.has-border {
-    .table-header {
-      border-bottom: 1px solid $strokes-light-trans-1;
-    }
-
-    .hiddenBorder {
-      border-top: none !important;
-    }
-
-    .table-row + .table-row {
-      border-top: 1px solid $strokes-light-trans-1;
-    }
-
-    .table-row:last-of-type {
-      padding-bottom: 0;
-    }
-  }
-
-  &.align-right {
-    .content {
-      text-align: right;
-    }
-  }
-  .uuid-row {
-    display: flex;
-    justify-content: space-between;
-
-    .id-text {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-}
-
-.E_t4zczcp {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px;
-  min-height: 32px;
-
-  .table-title {
-    color: $text-secondary-light;
-    font-weight: 600;
-    font-size: 12px;
-    line-height: 8px;
-  }
-
-  .edit-icon {
-    font-size: 16px;
-    color: $strokes-translucent-2-light;
-    cursor: pointer;
-  }
-}
-
-.E_t1s7goww {
-  font-size: 12px;
-  line-height: 18px;
-}
-
-.E_t93e4cf {
-  display: flex;
-  padding: 8px 0;
-  color: $text-primary-light;
-
-  .hidden {
-    display: none;
-  }
-
-  .ant-btn.ant-btn-link {
-    height: auto;
-  }
-
-  .content {
-    overflow: hidden;
-    overflow-x: auto;
-    width: 100%;
-    white-space: pre-wrap;
-
-    .ant-btn {
-      white-space: pre-wrap;
-      text-align: left;
-    }
+.E_wg1tsps {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
 
-    .unit-chart {
-      justify-content: flex-start;
-    }
+.E_b1ctd5xy {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 40px);
+
+  .chart {
+    display: inline-block;
+    width: 100%;
   }
 }
 
-.E_rhz2uv5 {
-  width: var(--rhz2uv5-0);
-  flex-shrink: 0;
-  color: $text-secondary-light;
-  padding-right: 12px;
+.E_u1p8acpn {
+  min-width: 40px;
+
+  .unit {
+    color: $text-light-primary !important;
+  }
 }
 
 
@@ -6775,51 +6888,6 @@
 }
 
 
-.E_d11hhzf9 {
-  width: 492px !important;
-  margin: 40px auto !important;
-  padding-bottom: 0 !important;
-
-  .ant-modal-content {
-    background: $backgrounds-light-primary;
-    border-radius: 16px;
-  }
-
-  .ant-modal-header {
-    padding: 32px 40px 0;
-    border-bottom: none;
-    border-radius: 16px 16px 0 0;
-  }
-
-  .ant-modal-close {
-    right: 40px;
-    top: 32px;
-  }
-
-  .ant-modal-body {
-    padding: 32px 40px;
-    min-height: 160px;
-    max-height: calc(
-      100vh - 80px - 64px - var(--header-height) - var(--footer-height)
-    );
-    overflow-y: auto;
-  }
-
-  .ant-modal-footer {
-    padding: 24px 40px;
-    margin-top: 0;
-    border-top: none;
-    box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
-  }
-}
-
-.E_f1g147n6 {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-
 .E_i5w779o {
   padding: 8px 0;
 
@@ -6945,6 +7013,49 @@
 }
 
 
+.E_c1ss4prm {
+  color: $text-light-secondary;
+
+  li {
+    margin-bottom: 4px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.E_ms3tlei {
+  background: $fill-neutral-trans-2;
+  padding: 8px;
+  border-radius: 6px;
+  color: $gray-a60-8;
+
+  li {
+    margin-bottom: 4px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.E_du44iy7 {
+  margin-bottom: 4px;
+}
+
+.E_s1qmhanr {
+  color: $text-light-secondary;
+  margin-bottom: 8px;
+}
+
+.E_drje1h0 {
+  height: 1px;
+  background: $strokes-light-opaque-2;
+  margin: 16px 0;
+}
+
+
 .E_l12xdkhl {
   width: 64px;
   height: 64px;
@@ -6963,6 +7074,57 @@
 }
 
 
+.E_c14ouk5o {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  font-size: 12px;
+  line-height: 18px;
+  padding: 8px 0;
+  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
+
+  &:last-of-type {
+    box-shadow: none;
+    padding-bottom: 0;
+  }
+  &.collapsed {
+    flex-direction: column;
+
+    .collapsed-content {
+      display: flex;
+
+      > span {
+        flex: 1;
+        display: flex;
+        justify-content: space-between;
+        .ant-btn {
+          height: auto;
+        }
+      }
+    }
+    .extra-content {
+      margin-left: 162px;
+    }
+  }
+
+  .col-label {
+    width: 216px;
+    color: $text-secondary-light;
+    margin-right: 12px;
+    flex-shrink: 0;
+  }
+
+  .col-content {
+    color: $text-primary-light;
+
+    /* make btn link in info row have the same height as normal text */
+    .ant-btn.ant-btn-link {
+      height: auto;
+    }
+  }
+}
+
+
 .E_c1kchka8 {
   height: 100%;
   width: 100%;
@@ -7562,57 +7724,6 @@
 }
 
 
-.E_c14ouk5o {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  font-size: 12px;
-  line-height: 18px;
-  padding: 8px 0;
-  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
-
-  &:last-of-type {
-    box-shadow: none;
-    padding-bottom: 0;
-  }
-  &.collapsed {
-    flex-direction: column;
-
-    .collapsed-content {
-      display: flex;
-
-      > span {
-        flex: 1;
-        display: flex;
-        justify-content: space-between;
-        .ant-btn {
-          height: auto;
-        }
-      }
-    }
-    .extra-content {
-      margin-left: 162px;
-    }
-  }
-
-  .col-label {
-    width: 216px;
-    color: $text-secondary-light;
-    margin-right: 12px;
-    flex-shrink: 0;
-  }
-
-  .col-content {
-    color: $text-primary-light;
-
-    /* make btn link in info row have the same height as normal text */
-    .ant-btn.ant-btn-link {
-      height: auto;
-    }
-  }
-}
-
-
 .E_cevhqx7 {
   color: $text-light-primary;
 }
@@ -7622,46 +7733,3 @@
   color: $text-light-secondary;
 }
 
-
-.E_c1ss4prm {
-  color: $text-light-secondary;
-
-  li {
-    margin-bottom: 4px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
-.E_ms3tlei {
-  background: $fill-neutral-trans-2;
-  padding: 8px;
-  border-radius: 6px;
-  color: $gray-a60-8;
-
-  li {
-    margin-bottom: 4px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
-.E_du44iy7 {
-  margin-bottom: 4px;
-}
-
-.E_s1qmhanr {
-  color: $text-light-secondary;
-  margin-bottom: 8px;
-}
-
-.E_drje1h0 {
-  height: 1px;
-  background: $strokes-light-opaque-2;
-  margin: 16px 0;
-}
-