* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#root {
  height: 100%;
}
:root {
  --primary-color: #1890ff;
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --text-color: rgba(0, 0, 0, 0.85);
  --text-color-secondary: rgba(0, 0, 0, 0.45);
  --background-color: #f0f2f5;
  --component-background: #ffffff;
  --border-color: #d9d9d9;
  --border-radius: 6px;
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Filters Component Styles */
.DMAqmahx {
  margin-bottom: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.I0jEvuKE {
  position: relative;
}
.mTy7LczV {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.OZAglA4_ {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gspzi5oS {
  background: #1890ff;
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  min-width: 20px;
  text-align: center;
}
.x6Nx0zRo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.WQXbGeke {
  font-size: 14px;
  font-weight: 500;
  color: #595959;
  margin-bottom: 4px;
  display: block;
}
.hYk5t1dD {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}
.DIF8lSAh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #595959;
  border-radius: 8px;
  z-index: 10;
}
.W9uGs2iW {
  background: #fff2f0;
  border: 1px solid #ffccc7;
  color: #cf1322;
  padding: 12px;
  border-radius: 6px;
  margin-top: 16px;
  font-size: 14px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .mTy7LczV {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .hYk5t1dD {
    justify-content: center;
  }
}
/* Filter item specific styles */
.x6Nx0zRo .ant-select,
.x6Nx0zRo .ant-picker,
.x6Nx0zRo .ant-input {
  width: 100%;
}
.x6Nx0zRo .ant-select-multiple {
  min-height: 32px;
}
.x6Nx0zRo .ant-picker-range {
  width: 100%;
}
/* Custom styles for different filter types */
.x6Nx0zRo[data-filter-type="select"] .ant-select-selector {
  border-radius: 6px;
}
.x6Nx0zRo[data-filter-type="dateRange"] .ant-picker-range {
  border-radius: 6px;
}
.x6Nx0zRo[data-filter-type="input"] .ant-input {
  border-radius: 6px;
}

.quPBgt_F {
  min-height: 100vh;
}
.zH03nvzF {
  background: linear-gradient(180deg, #0a1628 0%, #001529 100%);
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}
.zH03nvzF .Xmy8H_wT {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  overflow: hidden;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ .FJsYDfWh {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ .DWt4MvkV {
  color: #fff !important;
  margin: 0 !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ .e8QAOHCU {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 14px;
  margin: 0 !important;
  white-space: nowrap;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ .FaUaaryB {
  margin-top: 4px;
  font-size: 10px;
  line-height: 16px;
  padding: 0 6px;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ .Z73nQTnj {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 10px;
  cursor: pointer;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ .Z73nQTnj:hover {
  color: rgba(255, 255, 255, 0.65) !important;
}
.zH03nvzF .Xmy8H_wT .BgBmw5qJ .S0fbqUgC {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 10px;
  margin-top: 2px;
}
.zH03nvzF .Xmy8H_wT .SxHN2rFh {
  display: none;
  color: #fff;
  font-size: 18px;
}
.zH03nvzF .Xmy8H_wT .SxHN2rFh:hover {
  color: #1890ff;
  background-color: rgba(255, 255, 255, 0.1);
}
.zH03nvzF .fm3ENpzH {
  border-right: none;
  background: transparent;
  padding: 8px 12px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.zH03nvzF .fm3ENpzH .ant-menu-item {
  margin: 4px 0;
  padding-left: 16px !important;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.75) !important;
  height: 44px;
  line-height: 44px;
  transition: all 0.2s ease;
}
.zH03nvzF .fm3ENpzH .ant-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-item.ant-menu-item-selected {
  background: linear-gradient(90deg, #1890ff 0%, #096dd9 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.35);
}
.zH03nvzF .fm3ENpzH .ant-menu-item.ant-menu-item-selected .ant-menu-title-content {
  color: #fff !important;
  font-weight: 500;
}
.zH03nvzF .fm3ENpzH .ant-menu-item.ant-menu-item-selected .anticon {
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-item .ant-menu-title-content {
  color: rgba(255, 255, 255, 0.75) !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-item .anticon {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 16px;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu {
  margin: 4px 0;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title {
  margin: 0;
  padding-left: 16px !important;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.75) !important;
  height: 44px;
  line-height: 44px;
  transition: all 0.2s ease;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title:hover .ant-menu-title-content,
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title:hover .anticon,
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title:hover .ant-menu-submenu-arrow {
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content {
  color: rgba(255, 255, 255, 0.75) !important;
  font-weight: 500;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title .anticon {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 16px;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: rgba(255, 255, 255, 0.45) !important;
  transition: transform 0.2s ease;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-title {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.04);
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-title .ant-menu-title-content,
.zH03nvzF .fm3ENpzH .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-title .anticon {
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #1890ff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-sub {
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 0 0 8px 8px;
  margin: 0 8px 8px 8px;
  padding: 8px 0;
  position: relative;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-sub::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item {
  margin: 2px 8px;
  padding-left: 40px !important;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.65) !important;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  position: relative;
  transition: all 0.2s ease;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  transition: all 0.2s ease;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item:hover::before {
  background: rgba(255, 255, 255, 0.5);
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item:hover .ant-menu-title-content {
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item.ant-menu-item-selected {
  background: rgba(24, 144, 255, 0.15) !important;
  color: #1890ff !important;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item.ant-menu-item-selected::before {
  background: #1890ff;
  box-shadow: 0 0 6px rgba(24, 144, 255, 0.6);
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item.ant-menu-item-selected .ant-menu-title-content {
  color: #1890ff !important;
  font-weight: 500;
}
.zH03nvzF .fm3ENpzH .ant-menu-submenu .ant-menu-item .ant-menu-title-content {
  color: rgba(255, 255, 255, 0.65) !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed {
  padding: 8px 4px;
  width: 100% !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-item {
  margin: 4px auto !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  border-radius: 12px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-item .anticon {
  font-size: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-item .ant-menu-title-content {
  display: none !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-item:hover .anticon {
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-item.ant-menu-item-selected {
  background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%) !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4);
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-item.ant-menu-item-selected .anticon {
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu {
  margin: 4px auto !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title {
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-radius: 12px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title .anticon {
  font-size: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content,
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title:hover .anticon {
  color: #fff !important;
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu.ant-menu-submenu-selected > .ant-menu-submenu-title {
  background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%) !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4);
}
.zH03nvzF .fm3ENpzH.ant-menu-inline-collapsed .ant-menu-submenu.ant-menu-submenu-selected > .ant-menu-submenu-title .anticon {
  color: #fff !important;
}
.zH03nvzF .xLgaHgv4 {
  padding: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}
.zH03nvzF .xLgaHgv4 .lzPvG8_h {
  width: 100%;
  height: 40px;
  color: rgba(255, 255, 255, 0.65);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.zH03nvzF .xLgaHgv4 .lzPvG8_h .anticon {
  font-size: 16px;
}
.zH03nvzF .xLgaHgv4 .lzPvG8_h:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
}
.zH03nvzF.awCY60v6 .Xmy8H_wT {
  padding: 8px;
  height: 80px;
}
.zH03nvzF.awCY60v6 .xLgaHgv4 {
  padding: 12px 8px;
}
.zH03nvzF.awCY60v6 .xLgaHgv4 .lzPvG8_h {
  width: 48px;
  margin: 0 auto;
}
.ElkTzW1T {
  background: #fff;
  padding: 0 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid #f0f0f0;
}
.ElkTzW1T .vQFPt69i {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.ElkTzW1T .vQFPt69i .zIDVCe68 {
  display: none;
  color: #595959;
  font-size: 18px;
}
.ElkTzW1T .vQFPt69i .zIDVCe68:hover {
  color: #1890ff;
  background-color: #f0f8ff;
}
.ElkTzW1T .vQFPt69i .vUzlgAmY {
  color: #595959;
}
.ElkTzW1T .vQFPt69i .vUzlgAmY:hover {
  color: #1890ff;
  background-color: #f0f8ff;
}
.ant-layout-sider-zero-width-trigger {
  display: none !important;
}
.ant-menu-submenu-popup .ant-menu {
  background: #001529 !important;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  padding: 8px;
}
.ant-menu-submenu-popup .ant-menu .ant-menu-item {
  color: rgba(255, 255, 255, 0.75) !important;
  border-radius: 6px;
  margin: 2px 0;
}
.ant-menu-submenu-popup .ant-menu .ant-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}
.ant-menu-submenu-popup .ant-menu .ant-menu-item.ant-menu-item-selected {
  background: rgba(24, 144, 255, 0.2) !important;
  color: #1890ff !important;
}
.ant-menu-submenu-popup .ant-menu .ant-menu-title-content {
  color: inherit !important;
}
@media (max-width: 992px) {
  .zH03nvzF {
    position: fixed;
    height: 100vh;
    z-index: 999;
  }
  .zH03nvzF .Xmy8H_wT {
    justify-content: space-between;
  }
  .zH03nvzF .Xmy8H_wT .SxHN2rFh {
    display: inline-flex;
  }
  .zH03nvzF .xLgaHgv4 {
    display: none;
  }
  .ElkTzW1T .vQFPt69i .zIDVCe68 {
    display: inline-flex;
  }
}

._3tLUtRjb {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.wsTL81Al {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
}
.lSfUNpjf {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.LuSFmEwr {
  padding: 8px 16px;
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
}
.v5Bp1eFC {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.bXxxHZul {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.Tu_kwUgs {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.kvVCztsJ {
  margin: 12px;
  flex-shrink: 0;
}
.qKjTH5VR {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.EHuC7jpp {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--text-color-secondary);
  padding: 24px;
}
.EHuC7jpp p {
  margin: 8px 0 0;
  font-size: 14px;
}
.U9cmDX1e {
  font-size: 48px;
  color: var(--text-color-secondary);
  opacity: 0.5;
}
.Uh8WuEIn {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.A_J_9J73 {
  width: 100%;
  overflow-x: auto;
  padding: 8px 0;
}
.A_J_9J73::-webkit-scrollbar {
  height: 6px;
}
.A_J_9J73::-webkit-scrollbar-track {
  background: var(--background-color);
  border-radius: 3px;
}
.A_J_9J73::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 3px;
}
.A_J_9J73::-webkit-scrollbar-thumb:hover {
  background: var(--text-color-secondary);
}
.gA6KHYEY {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-width: fit-content;
  padding: 0 8px;
}
.ELX0mVqG {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-width: 110px;
}
.uipnT0UE {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 120px;
  min-height: 36px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  margin-bottom: 4px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: var(--text-color);
}
.fC2WkaXl {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.lwIahIm6 {
  height: 3px;
  flex: 1;
  background: var(--border-color);
  transition: background-color 0.2s ease;
}
.lwIahIm6.IIIDrXFF {
  background: var(--success-color);
}
.suBvLLBP {
  height: 3px;
  flex: 1;
  background: var(--border-color);
  transition: background-color 0.2s ease;
}
.suBvLLBP.IIIDrXFF {
  background: var(--success-color);
}
.JucYcP4B {
  height: 3px;
  flex: 1;
  background: var(--border-color);
  transition: background-color 0.2s ease;
}
.JucYcP4B.IIIDrXFF {
  background: var(--success-color);
}
.ELX0mVqG:first-child .suBvLLBP {
  visibility: hidden;
}
.ELX0mVqG:last-child .JucYcP4B {
  visibility: hidden;
}
.T9ZIiBJp {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.2s ease;
  z-index: 2;
}
.T9ZIiBJp.IIIDrXFF {
  background-color: var(--success-color);
  border: 2px solid var(--success-color);
}
.T9ZIiBJp.cxuZx5Di {
  background-color: var(--warning-color);
  border: 2px solid var(--warning-color);
  animation: Y3kBaqSB 1.5s ease-in-out infinite;
}
.T9ZIiBJp.FLwVN9Qz {
  background-color: var(--component-background);
  border: 2px solid var(--border-color);
}
@keyframes Y3kBaqSB {
  0% {
    box-shadow: 0 0 0 0 rgba(250, 173, 20, 0.4);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(250, 173, 20, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(250, 173, 20, 0);
  }
}
.v6Gcwoh8 {
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.TAuuZTDP {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  white-space: nowrap;
}
.N3TEqrK8 {
  color: var(--text-color-secondary);
  font-size: 12px;
}
.e2JQJJhL {
  color: var(--primary-color);
  font-size: 12px;
}
.Hw39oQkh {
  color: var(--success-color);
  font-size: 12px;
}
.Fe0aYykm {
  color: var(--warning-color);
  font-size: 12px;
}
.iNRHDFrw {
  font-size: 12px;
}
.rQEG059_ {
  font-weight: 500;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.85);
}
.YEASuq6y {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.65);
}
.OOGdFv3l {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 4px;
}
.uCugq2NE {
  margin-bottom: 8px;
}
.KTkBuKI7 {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 4px;
}
.KThdMaZb {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 2px;
}
.BHEJeKDl {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.BHEJeKDl.W_PdvaZh {
  background-color: var(--primary-color);
}
.BHEJeKDl.l7bbq3qE {
  background-color: var(--warning-color);
}
.BHEJeKDl.l1pDsO0Y {
  background-color: var(--success-color);
}
.pm1paP9t {
  color: rgba(255, 255, 255, 0.65);
  min-width: 50px;
}
.RnQDKjDz {
  color: rgba(255, 255, 255, 0.85);
}
.lJaUcmba {
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin: 8px 0;
}
.AendA1Ye {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.q_Ey7odT {
  display: flex;
  align-items: center;
  gap: 8px;
}
.eM8tGhJl {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.eM8tGhJl.W_PdvaZh {
  background-color: var(--primary-color);
}
.eM8tGhJl.l1pDsO0Y {
  background-color: var(--success-color);
}
.eM8tGhJl.l7bbq3qE {
  background-color: var(--warning-color);
}
.w7Ik3kXL {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
}

.bVoNv9Cu {
  position: relative;
  background: var(--component-background);
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bVoNv9Cu:hover {
  border-color: var(--primary-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.bVoNv9Cu.nsdjgw0d {
  border-color: #faad14;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.sHkQ_N93 {
  margin-bottom: 8px;
}
.Yw8fuIva {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.d3b_4Tkw {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.H585cDho {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}
.MOhNJYBX {
  flex: 1;
  min-width: 0;
}
.tDLv7JXl {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.tDLv7JXl:last-child {
  margin-bottom: 0;
}
.npH5m224 {
  color: var(--text-color-secondary);
  font-size: 14px;
  flex-shrink: 0;
}
.AgCMZFku {
  color: var(--text-color);
}
.Wq5Kpt_B {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--border-color);
}
.lrYLbkZm {
  display: block;
  font-size: 12px !important;
  margin-bottom: 4px;
}
.Ofjru07V {
  display: flex;
  gap: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.JjYoFgeM {
  color: var(--text-color-secondary);
}
.iO8MrkhI {
  color: var(--text-color);
  font-weight: 500;
}
.UEe1Ec6w {
  flex: 1;
  min-width: 0;
  padding: 8px;
  background: var(--item-hover-bg);
  border-radius: var(--border-radius);
  border-left: 3px solid var(--primary-color);
}
.w3rzssrP {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}
.z0biKBEY {
  color: var(--primary-color);
  font-size: 14px;
  flex-shrink: 0;
}
.Xe7BTIVW {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 500;
  flex: 1;
  min-width: 0;
}
.HuxX4XRs {
  flex-shrink: 0;
  font-size: 12px !important;
  line-height: 1.4 !important;
  padding: 0 4px !important;
}
.F6wekxyP {
  display: flex;
  gap: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.NA1GvFF6 {
  margin-bottom: 8px;
}
.P2TZs_4L {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.eWxqJ9qL {
  margin-bottom: 8px;
}
.JFCi4207 {
  color: var(--text-color-secondary);
  font-size: 12px;
}
.YQUHoFBd {
  color: var(--text-color-secondary);
  font-size: 12px;
}
.tLHgYUHB {
  color: var(--text-color);
  font-weight: 500;
  font-size: 12px;
}
.eicylg4i {
  padding-top: 12px;
  margin-top: 8px;
  border-top: 1px solid var(--border-color);
}
.mfL6_yki {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.LpO2PjGI {
  display: block;
  width: 8px;
  height: 8px;
  background: var(--primary-color);
  border-radius: 50%;
  animation: PVYdUurB 1.5s ease-in-out infinite;
}
@keyframes PVYdUurB {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.2);
  }
}

.AcibZOUh {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
.LypUAZiq {
  position: relative;
  z-index: 1;
}
.LypUAZiq.leaflet-container {
  background: #f0f2f5;
  outline: none;
}
.LypUAZiq.custom-locator-icon {
  background: transparent !important;
  border: none !important;
}
.LypUAZiq.route-point-icon {
  background: transparent !important;
  border: none !important;
}
.ZrOcz0Jj {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  border-radius: 8px;
}
.vhEF4DTc {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  z-index: 1001;
}
.NbWYJ0ZA {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.jyS9GlX5 {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
}
.jyS9GlX5:hover {
  background: #ffffff;
  transform: rotate(180deg);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.jyS9GlX5:active {
  transform: rotate(180deg) scale(0.95);
}
.jyS9GlX5.ant-btn-loading {
  transform: none !important;
}
.ipFUsOdI {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(255, 255, 255, 0.95);
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 999;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  backdrop-filter: blur(4px);
}
.u4wpcTav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.dSBoGVJV {
  color: #666;
  font-weight: 500;
}
.hKlPkF_q {
  color: #1890ff;
  font-weight: 600;
}
.n6QLS_5Z {
  overflow: hidden;
}
.n6QLS_5Z.ant-card .AcibZOUh {
  border: none;
  border-radius: 0;
}
@media (max-width: 768px) {
  .NbWYJ0ZA {
    top: 8px;
    left: 8px;
  }
  .jyS9GlX5 {
    width: 28px;
    height: 28px;
  }
  .ipFUsOdI {
    top: 8px;
    right: 8px;
    padding: 6px 8px;
    font-size: 11px;
  }
  .vhEF4DTc {
    top: 8px;
    left: 48px;
    right: 8px;
  }
  .ZrOcz0Jj {
    border-radius: 6px;
  }
}
@media (prefers-color-scheme: dark) {
  .AcibZOUh {
    border-color: #434343;
  }
  .LypUAZiq.leaflet-container {
    background: #1f1f1f;
  }
  .jyS9GlX5 {
    background: rgba(0, 0, 0, 0.9);
    border-color: #434343;
    color: #fff;
  }
  .jyS9GlX5:hover {
    background: #000000;
  }
  .ipFUsOdI {
    background: rgba(0, 0, 0, 0.9);
    border-color: #434343;
    color: #fff;
  }
  .ipFUsOdI .dSBoGVJV {
    color: #ccc;
  }
  .ipFUsOdI .hKlPkF_q {
    color: #40a9ff;
  }
}

.wiH14owx {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.Owf0t3X_ {
  height: 100%;
  width: 100%;
}
.cSVMCPtu {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1000;
  background: var(--component-background);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  padding: 8px 12px;
}
.KjhfVC2X {
  display: flex;
  align-items: center;
  gap: 8px;
}
.HK51y5kt {
  color: var(--text-color-secondary);
  font-size: 14px;
}
.ORDw1g_P {
  font-size: 12px;
  min-width: 60px;
}
.Ro1BJys7 {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: var(--component-background);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  padding: 8px 16px;
  font-size: 12px;
  color: var(--text-color-secondary);
}
.Ro1BJys7 span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.leaflet-container {
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius);
}

.bYXx8t9z {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.HS637vZW {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
}
.wC99YZwa {
  margin: 0 !important;
  font-size: 14px;
}
.y6TdNBbe {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
._4Tfm3LK {
  text-align: center;
}
.o6pA2Eq3 {
  font-size: 48px;
  color: var(--text-color-secondary);
  opacity: 0.3;
  margin-bottom: 16px;
  display: block;
}
.qfFefN03 {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}
.nmmzcEhx {
  display: block;
  font-size: 12px;
}

.gMOyModq {
  position: relative;
  background: #e6f4ff;
  border: 1.5px solid #91caff;
  border-radius: var(--border-radius);
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.gMOyModq:hover {
  border-color: var(--primary-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.gMOyModq.WCqYNjGu {
  border-color: #faad14;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.sp8cVHLk {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.UMeV83MG {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--heading-color);
}
.JVRtOcVB {
  flex: 1;
}
.JFS7Svi4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
}
.JFS7Svi4:last-of-type {
  margin-bottom: 0;
}
.v3BlsSnA {
  color: var(--text-color-secondary);
  flex-shrink: 0;
  width: 16px;
  font-size: 14px;
}
.aWjfA9bT {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--heading-color);
}
.n9LfCkgi {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-color-secondary);
}
.kKWX_2sN {
  color: var(--text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dVd8bcM7 {
  color: var(--text-color);
}
.ckOt1ftJ {
  color: var(--text-color);
}
.w2yE2k7y {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid var(--border-color);
}
.l40qCLKI {
  width: 100%;
}
.Q8gFPhKV {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.lJTGV0UH {
  display: block;
  width: 8px;
  height: 8px;
  background: var(--primary-color);
  border-radius: 50%;
  animation: AEpskfKi 1.5s ease-in-out infinite;
}
@keyframes AEpskfKi {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.2);
  }
}

.fpTePQvo {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.lFyoLkW5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
}
._ylVifsH {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.KDQvaccA {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.xBviZOaJ {
  margin: 12px;
  flex-shrink: 0;
}
.jDyCk8ML {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GaDnxtDZ {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--text-color-secondary);
  padding: 24px;
}
.GaDnxtDZ p {
  margin: 8px 0 0;
  font-size: 14px;
}
.euTdKYqc {
  font-size: 48px;
  color: var(--text-color-secondary);
  opacity: 0.5;
}
.RLro6iRK {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  align-content: start;
}
@media (max-width: 600px) {
  .RLro6iRK {
    grid-template-columns: 1fr;
  }
}

.hZAJw05W {
  padding: 16px;
  height: calc(100vh - 64px);
  overflow-y: auto;
}
.iNRZ7cLO {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: calc((100vh - 64px - 48px) * 0.66) calc((100vh - 64px - 48px) * 0.34) auto;
  grid-template-areas: "orders routes" "map map" "requests requests";
  gap: 16px;
  min-height: 100%;
}
.AFHStPlW {
  grid-area: orders;
  background: var(--component-background);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.G97ZlE4w {
  grid-area: routes;
  background: var(--component-background);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.u4kUX615 {
  grid-area: map;
  background: var(--component-background);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  overflow: hidden;
  min-height: 200px;
}
.UgmZmsvr {
  grid-area: requests;
  background: var(--component-background);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  overflow: hidden;
  min-height: 150px;
}
.GyDsAvH8 {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--text-color-secondary);
}
.GyDsAvH8 h3 {
  margin-bottom: 8px;
  color: var(--text-color);
}
.GyDsAvH8 p {
  margin: 0;
}
@media (max-width: 1200px) {
  .iNRZ7cLO {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "orders" "routes" "map" "requests";
  }
  .AFHStPlW,
  .G97ZlE4w {
    max-height: 400px;
  }
}
@media (max-width: 768px) {
  .hZAJw05W {
    padding: 8px;
  }
  .iNRZ7cLO {
    gap: 8px;
  }
}

.Rkyw4KoO {
  padding: 24px;
  min-height: 100vh;
  background: #f5f5f5;
}
.o1kfimlT .ant-modal-header {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0;
}
.o1kfimlT .ant-modal-body {
  padding: 24px;
}
.o1kfimlT .ant-modal-title {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
}
@media (max-width: 768px) {
  .Rkyw4KoO {
    padding: 12px;
  }
  .o1kfimlT .ant-modal {
    margin: 16px;
    max-width: calc(100vw - 32px);
  }
  .o1kfimlT .ant-modal-body {
    padding: 16px;
  }
  .ant-table {
    font-size: 12px;
  }
  .ant-table-thead > tr > th {
    padding: 8px 4px;
    font-size: 12px;
  }
  .ant-table-tbody > tr > td {
    padding: 8px 4px;
  }
  .ant-btn-sm, .ant-btn-text {
    padding: 4px 8px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .Rkyw4KoO {
    padding: 8px;
  }
  .ant-table {
    font-size: 11px;
  }
  .ant-table-thead > tr > th {
    padding: 6px 2px;
    font-size: 11px;
  }
  .ant-table-tbody > tr > td {
    padding: 6px 2px;
  }
}

.mc7AhqnP {
  background-color: #f5f5f5;
  padding: 24px;
}
.mc7AhqnP .gDwNzlT2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.mc7AhqnP .gDwNzlT2 h2 {
  margin: 0;
  color: #262626;
}
.mc7AhqnP .dQQM8mvM {
  margin-bottom: 24px;
}
.mc7AhqnP .dQQM8mvM .LMEst0zI .AaHGHlVX {
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}
.mc7AhqnP .dQQM8mvM .LMEst0zI .AaHGHlVX ._dLUyRx_ {
  font-weight: 600;
  color: #262626;
}
.mc7AhqnP .dQQM8mvM .LMEst0zI .Inx77ORG {
  padding: 16px;
}
.mc7AhqnP .inv_IqtN {
  margin-bottom: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mc7AhqnP .MW_tIHCv {
  margin-bottom: 24px;
  border-radius: 6px;
}
.mc7AhqnP .YUWK0HCY {
  margin-bottom: 24px;
}
.mc7AhqnP .iBc3Gmag {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.mc7AhqnP .iBc3Gmag .Inx77ORG {
  padding: 24px;
}
.mc7AhqnP .WYYiZG7q .NAkvrtl8 > tr > th {
  background-color: #fafafa;
  font-weight: 600;
  color: #262626;
}
.mc7AhqnP .WYYiZG7q .uRXNF5Js > tr:hover > td {
  background-color: #f0f8ff;
}
.mc7AhqnP .WYYiZG7q .uRXNF5Js > tr > td {
  padding: 12px 16px;
  vertical-align: top;
}
.mc7AhqnP .WYYiZG7q .Wm3KvxHs {
  margin-top: 16px;
}
.mc7AhqnP .WYYiZG7q .Wm3KvxHs .uO9LpTKH {
  color: #8c8c8c;
}
.mc7AhqnP .YPI7ZcVY {
  margin-bottom: 12px;
  cursor: pointer;
}
.mc7AhqnP .YPI7ZcVY.a1ypKvMp {
  border: 2px solid #1890ff;
  background: #e6f7ff;
}
.mc7AhqnP .d7iL9Ad8 {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.mc7AhqnP .d7iL9Ad8:last-child {
  border-bottom: none;
}
.mc7AhqnP .pTSF9hpL {
  font-weight: 600;
  margin-right: 8px;
}
.mc7AhqnP .nzLeWS_3 {
  text-align: right;
  word-break: break-word;
}
@media (max-width: 768px) {
  .mc7AhqnP {
    padding: 16px;
  }
  .mc7AhqnP .gDwNzlT2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .mc7AhqnP .gDwNzlT2 h2 {
    font-size: 20px;
  }
  .mc7AhqnP .inv_IqtN {
    justify-content: center;
  }
  .mc7AhqnP .inv_IqtN .h23fud9x {
    max-width: 100% !important;
  }
  .mc7AhqnP .WYYiZG7q {
    font-size: 12px;
  }
  .mc7AhqnP .WYYiZG7q .NAkvrtl8 > tr > th,
  .mc7AhqnP .WYYiZG7q .uRXNF5Js > tr > td {
    padding: 8px 4px;
  }
}

.yHQkArqK {
  padding: 24px;
}
.wn48HZeM {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.mZBiaAlb {
  padding: 0;
  height: auto;
  font-size: 14px;
  color: #1890ff;
  font-weight: 500;
}
.mZBiaAlb:hover {
  color: #40a9ff;
  background-color: rgba(24, 144, 255, 0.06);
}
.mZBiaAlb:focus {
  color: #1890ff;
}
@media (max-width: 768px) {
  .yHQkArqK {
    padding: 12px;
  }
  .wn48HZeM {
    margin-bottom: 12px;
  }
  .mZBiaAlb {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .yHQkArqK {
    padding: 8px;
  }
}

.H1SVgVGE {
  padding: 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.v17sIiZd {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.v17sIiZd .ant-card-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._AAxm9XG {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.uOjf0OPU {
  margin: 0 !important;
  color: #262626;
}
.uOjf0OPU .hkl1UsnH {
  color: #999;
  font-weight: normal;
}
.uOjf0OPU .fLeznjXd {
  color: #262626;
  font-weight: 600;
}
.IisJWmZX {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.Tc_lakpq .ant-form-item-label {
  font-weight: 600;
  color: #262626;
}
@media (max-width: 768px) {
  .v17sIiZd .ant-card-body {
    padding: 16px;
    gap: 16px;
  }
  ._AAxm9XG {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .uOjf0OPU {
    font-size: 18px !important;
  }
  .IisJWmZX {
    flex-direction: column;
    gap: 8px;
  }
  .IisJWmZX .ant-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .v17sIiZd .ant-card-body {
    padding: 12px;
  }
  .uOjf0OPU {
    font-size: 16px !important;
  }
}

.Cc96AGK2 {
  padding: 24px;
  background: #f5f5f5;
  min-height: 100vh;
}
@media (max-width: 768px) {
  .Cc96AGK2 {
    padding: 12px;
  }
  .ant-table {
    font-size: 12px;
  }
  .ant-table-thead > tr > th {
    padding: 8px 4px;
    font-size: 12px;
  }
  .ant-table-tbody > tr > td {
    padding: 8px 4px;
  }
  .ant-btn-sm, .ant-btn-text {
    padding: 4px 8px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .Cc96AGK2 {
    padding: 8px;
  }
  .ant-table {
    font-size: 11px;
  }
  .ant-table-thead > tr > th {
    padding: 6px 2px;
    font-size: 11px;
  }
  .ant-table-tbody > tr > td {
    padding: 6px 2px;
  }
}

.zWE_5jtE {
  padding: 24px;
}
.k_ysz4Tv {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.G3QbDqj9 {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .zWE_5jtE {
    padding: 12px;
  }
  .k_ysz4Tv {
    margin-bottom: 12px;
  }
  .G3QbDqj9 {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .zWE_5jtE {
    padding: 8px;
  }
}

.aUhked1S {
  padding: 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.fshBwdRQ {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.fshBwdRQ .ant-card-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.TB8YXe2I {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.K2nwkKv5 {
  margin: 0 !important;
  color: #262626;
}
.K2nwkKv5 .efCx3fgr {
  color: #999;
  font-weight: normal;
}
.K2nwkKv5 .yTeDA6Aw {
  color: #262626;
  font-weight: 600;
}
.tuRUiN4o {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.rbsvX6S2 .ant-form-item {
  margin-bottom: 16px;
}
.xdb1Ky5c {
  margin-bottom: 24px;
}
.xdb1Ky5c:last-child {
  margin-bottom: 0;
}
.v5i7HvHJ {
  margin-bottom: 16px !important;
  color: #1890ff;
  font-weight: 600;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 8px;
}
@media (max-width: 768px) {
  .fshBwdRQ .ant-card-body {
    padding: 16px;
    gap: 16px;
  }
  .TB8YXe2I {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .K2nwkKv5 {
    font-size: 18px !important;
  }
  .tuRUiN4o {
    flex-direction: column;
    gap: 8px;
  }
  .tuRUiN4o .ant-btn {
    width: 100%;
  }
  .v5i7HvHJ {
    font-size: 16px !important;
  }
}
@media (max-width: 480px) {
  .fshBwdRQ .ant-card-body {
    padding: 12px;
  }
  .K2nwkKv5 {
    font-size: 16px !important;
  }
  .v5i7HvHJ {
    font-size: 14px !important;
  }
}

.TvH_cCrg {
  padding: 24px;
  min-height: 100vh;
  background: #f5f5f5;
}
.n6PRYxp7 .ant-modal-header {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0;
}
.n6PRYxp7 .ant-modal-body {
  padding: 24px;
}
.n6PRYxp7 .ant-modal-title {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
}
@media (max-width: 768px) {
  .TvH_cCrg {
    padding: 12px;
  }
  .n6PRYxp7 .ant-modal {
    margin: 16px;
    max-width: calc(100vw - 32px);
  }
  .n6PRYxp7 .ant-modal-body {
    padding: 16px;
  }
  .ant-table {
    font-size: 12px;
  }
  .ant-table-thead > tr > th {
    padding: 8px 4px;
    font-size: 12px;
  }
  .ant-table-tbody > tr > td {
    padding: 8px 4px;
  }
  .ant-btn-sm, .ant-btn-text {
    padding: 4px 8px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .TvH_cCrg {
    padding: 8px;
  }
  .ant-table {
    font-size: 11px;
  }
  .ant-table-thead > tr > th {
    padding: 6px 2px;
    font-size: 11px;
  }
  .ant-table-tbody > tr > td {
    padding: 6px 2px;
  }
}

.xLRMnTGk {
  padding: 24px;
}
.uE9w0EaX {
  margin-bottom: 16px;
}
._44wyiMQs {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .xLRMnTGk {
    padding: 12px;
  }
  .uE9w0EaX {
    margin-bottom: 12px;
  }
  ._44wyiMQs {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .xLRMnTGk {
    padding: 8px;
  }
}

.kuDELt7E {
  padding: 0;
}
.wJUcRLjk {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.a970VhWQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.rwT16CMt {
  margin: 0 !important;
  color: #262626;
}
.rB5DqELs {
  color: #999;
  font-weight: normal;
}
.xrmLvZCD {
  color: #262626;
  font-weight: 600;
}
.ZXDSrtwI {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.FwePrmh7 .ant-form-item-label {
  font-weight: 600;
  color: #262626;
}
@media (max-width: 768px) {
  .wJUcRLjk .ant-card-body {
    padding: 16px;
  }
  .a970VhWQ {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .rwT16CMt {
    font-size: 18px !important;
  }
  .ZXDSrtwI {
    flex-direction: column;
    gap: 8px;
  }
  .ZXDSrtwI .ant-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .wJUcRLjk .ant-card-body {
    padding: 12px;
  }
  .rwT16CMt {
    font-size: 16px !important;
  }
}

.aPiKlArG {
  padding: 24px;
}
.IuMDVUI8 {
  margin-bottom: 16px;
}
.DbZGrwlM {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .aPiKlArG {
    padding: 12px;
  }
  .IuMDVUI8 {
    margin-bottom: 12px;
  }
  .DbZGrwlM {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .aPiKlArG {
    padding: 8px;
  }
}

._JhVRIIJ {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.iwA2o3cf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.q8O8bxO0 {
  margin: 0 !important;
  color: #262626;
}
.VMDtr1QA {
  color: #999;
  font-weight: normal;
}
.kdHMZV_e {
  color: #262626;
  font-weight: 600;
}
.qbSEUF0J {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.wZukVcQl .EVnSMoR2 {
  font-weight: 500;
  color: #262626;
}
@media (max-width: 768px) {
  ._JhVRIIJ .ant-card-body {
    padding: 16px;
  }
  .iwA2o3cf {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .q8O8bxO0 {
    font-size: 18px !important;
  }
  .qbSEUF0J {
    flex-direction: column;
    gap: 8px;
  }
  .qbSEUF0J .ant-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  ._JhVRIIJ .ant-card-body {
    padding: 12px;
  }
  .q8O8bxO0 {
    font-size: 16px !important;
  }
}

.pxGbUg9a {
  padding: 24px;
  background: #f5f5f5;
  min-height: 100vh;
}
.FQU0eImz .uVoYeVTu {
  padding: 24px;
}
@media (max-width: 768px) {
  .pxGbUg9a {
    padding: 12px;
  }
  .FQU0eImz .uVoYeVTu {
    padding: 16px;
  }
  .ant-table {
    font-size: 12px;
  }
  .ant-table-thead > tr > th {
    padding: 8px 4px;
    font-size: 12px;
  }
  .ant-table-tbody > tr > td {
    padding: 8px 4px;
  }
  .ant-btn {
    padding: 4px 8px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .pxGbUg9a {
    padding: 8px;
  }
  .FQU0eImz .uVoYeVTu {
    padding: 12px;
  }
  .ant-table {
    font-size: 11px;
  }
  .ant-table-thead > tr > th {
    padding: 6px 2px;
    font-size: 11px;
  }
  .ant-table-tbody > tr > td {
    padding: 6px 2px;
  }
}

.zw_HIMcM {
  padding: 24px;
  background: #f5f5f5;
  min-height: 100vh;
}
.Yzckc6Mc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  background: white;
  padding: 16px 24px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.Yzckc6Mc h1 {
  margin: 0;
  color: #1890ff;
  font-size: 24px;
  font-weight: 600;
}

.Pz_oR8EJ {
  padding: 24px;
}
.LQeVvDij {
  margin-bottom: 16px;
}
.LxwBjbbR {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .Pz_oR8EJ {
    padding: 12px;
  }
  .LQeVvDij {
    margin-bottom: 12px;
  }
  .LxwBjbbR {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .Pz_oR8EJ {
    padding: 8px;
  }
}

.KBvubc7F {
  padding: 0;
}
.A7yCyXue {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.L3xMj5Ys {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.t49asVKT {
  margin: 0 !important;
  color: #262626;
}
.hbv_qOcJ {
  color: #999;
  font-weight: normal;
}
.PmXXf33X {
  color: #262626;
  font-weight: 600;
}
.I2Ulrsqb {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.WczDmjhp .ant-form-item-label {
  font-weight: 600;
  color: #262626;
}
@media (max-width: 768px) {
  .A7yCyXue .ant-card-body {
    padding: 16px;
  }
  .L3xMj5Ys {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .t49asVKT {
    font-size: 18px !important;
  }
  .I2Ulrsqb {
    flex-direction: column;
    gap: 8px;
  }
  .I2Ulrsqb .ant-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .A7yCyXue .ant-card-body {
    padding: 12px;
  }
  .t49asVKT {
    font-size: 16px !important;
  }
}

.OaAnYfS6 {
  width: 100%;
}
.l2EbwwLq {
  max-width: 800px;
  margin: 0 auto;
}
.l2EbwwLq .ffSGStQh {
  text-align: center;
  margin-bottom: 32px;
}
.l2EbwwLq .ffSGStQh .fVk_2la1 {
  margin-bottom: 16px;
  background: #1890ff;
}
.l2EbwwLq .ffSGStQh h2 {
  margin: 0;
  color: #262626;
}
.l2EbwwLq .wIuCVV8G {
  margin-bottom: 32px;
}
.l2EbwwLq .wIuCVV8G .ant-descriptions-item-label {
  font-weight: 600;
  color: #595959;
  width: 200px;
}
.l2EbwwLq .wIuCVV8G .ant-descriptions-item-content {
  color: #262626;
}
.l2EbwwLq .fSWHNPlr {
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .l2EbwwLq .wIuCVV8G .ant-descriptions-item-label {
    width: auto;
  }
  .l2EbwwLq .fSWHNPlr {
    flex-direction: column;
    align-items: center;
  }
  .l2EbwwLq .fSWHNPlr .zdhOoR8W {
    width: 100%;
    max-width: 300px;
  }
}

.L4SKGBhc {
  font-weight: 600;
  color: #1890ff;
}
.L4SKGBhc:hover {
  color: #40a9ff;
}
.zBFRxotj {
  font-size: 12px;
  color: #1890ff;
  font-weight: 500;
}

.DGPcUmyi .ngYppYPe {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.DGPcUmyi .EqpNQUdS {
  margin: 0 !important;
  color: #1890ff;
}
.DGPcUmyi .lTzRYRhf {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .DGPcUmyi .ngYppYPe {
    flex-direction: column;
    gap: 16px;
  }
  .acvGKOvx {
    width: 100%;
  }
  .acvGKOvx > * {
    width: 100%;
  }
}

.grjtNARv .yw_RCdF0 {
  margin-bottom: 24px;
}
.grjtNARv .yw_RCdF0 .xPi0wEPx {
  text-align: center;
}
.grjtNARv .yw_RCdF0 .xPi0wEPx h4 {
  margin-bottom: 16px;
  color: #1890ff;
}
.grjtNARv .BDXWNFT8 {
  margin-bottom: 24px;
}
.grjtNARv .BDXWNFT8 h5 {
  margin-bottom: 16px;
  color: #1890ff;
}
.grjtNARv .I77RAjbM {
  margin-bottom: 24px;
}
.grjtNARv .I77RAjbM .DQcyQm5n {
  color: #1890ff;
  font-weight: 600;
}
.grjtNARv .kHWeXoTG {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
}
.rfPlTose {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 24px;
}
.sAAgZ4N1 .Kd56cq6a.nfM77BFz .gUS5mjv9 {
  background: #1890ff;
  border-color: #1890ff;
}
.sAAgZ4N1 .Kd56cq6a.srEGtTqT .gUS5mjv9 {
  background: #52c41a;
  border-color: #52c41a;
}
.sAAgZ4N1 .Kd56cq6a.srEGtTqT .T2ttvNuv::after {
  background: #52c41a;
}
.sAAgZ4N1 .Kd56cq6a.fbeE4_JO .gUS5mjv9 {
  background: #ff4d4f;
  border-color: #ff4d4f;
}
.bHdthNoS {
  margin-bottom: 24px;
}
.d5uCVNWS .Hx47zB2a {
  border-radius: 6px;
}
.d5uCVNWS.s8mKYmUb .Hx47zB2a {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.T0KKMVbk {
  border-radius: 6px;
}
.T0KKMVbk:focus {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.G0ePLm4e {
  margin-bottom: 16px;
  border-radius: 6px;
}
.G0ePLm4e.BKYmun0o {
  background: #e6f7ff;
  border-color: #91d5ff;
}
.G0ePLm4e.WTA3X86H {
  background: #fff7e6;
  border-color: #ffd591;
}
.YJboEQom {
  border-radius: 6px;
}
.YJboEQom.pX_fzU_l {
  background: #1890ff;
  border-color: #1890ff;
}
.YJboEQom.pX_fzU_l:hover {
  background: #40a9ff;
  border-color: #40a9ff;
}
.YJboEQom.TQcQiHX4.pX_fzU_l {
  background: #ff4d4f;
  border-color: #ff4d4f;
}
.YJboEQom.TQcQiHX4.pX_fzU_l:hover {
  background: #ff7875;
  border-color: #ff7875;
}
.xZUJTQKB {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .grjtNARv .yw_RCdF0 .vhlL_xge,
  .grjtNARv .BDXWNFT8 .vhlL_xge,
  .grjtNARv .I77RAjbM .vhlL_xge {
    padding: 16px;
  }
  .grjtNARv .kHWeXoTG {
    flex-direction: column;
    gap: 8px;
  }
  .grjtNARv .kHWeXoTG .YJboEQom {
    width: 100%;
  }
  .sAAgZ4N1 .Kd56cq6a .OuNGkLjM {
    font-size: 12px;
  }
}

.Rl7KPrj3 {
  padding: 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.eyay8ZTh {
  display: flex;
  justify-content: flex-start;
}
.S4KRzuto {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.S4KRzuto:hover {
  color: #1890ff;
}
.IeRAbduW {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.IeRAbduW .ant-card-body {
  padding: 24px;
}
@media (max-width: 768px) {
  .Rl7KPrj3 {
    padding: 16px;
  }
  .t1nmYfjD .ant-card-body {
    padding: 16px;
  }
}

.o2ie3DJX .tLmsEOdr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.o2ie3DJX .tLmsEOdr .tM4TddjY .T7QVH5Jd {
  margin: 0 0 8px 0;
  color: #1890ff;
}
.o2ie3DJX .tLmsEOdr .lfL5XnlL {
  display: flex;
  gap: 8px;
}
.o2ie3DJX .Kf9QLT6A {
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.o2ie3DJX .Kf9QLT6A .kZHm90sv {
  margin-bottom: 16px;
}
.o2ie3DJX .bnX23K_d {
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.o2ie3DJX .bnX23K_d .NPKjpiz8 {
  font-weight: 600;
}
.o2ie3DJX .FvJFlWHf .OJTzdMrf {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.o2ie3DJX .FvJFlWHf .OJTzdMrf .dz9jtewt {
  font-size: 20px;
  color: #1890ff;
}
.o2ie3DJX .FvJFlWHf .OJTzdMrf .QlFEYlmv {
  font-size: 16px;
  color: #262626;
}
.o2ie3DJX .FvJFlWHf .OJTzdMrf .mcr1FKTE {
  font-size: 12px;
  color: #8c8c8c;
}
.o2ie3DJX .FvJFlWHf .DmlnS0H4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.o2ie3DJX .FvJFlWHf .DmlnS0H4 .m1MahsEU {
  display: flex;
  align-items: center;
  gap: 8px;
}
.o2ie3DJX .FvJFlWHf .DmlnS0H4 .m1MahsEU .cGf6PXOA {
  font-size: 14px;
  color: #8c8c8c;
  width: 16px;
}
.o2ie3DJX .D1wEStTx {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.o2ie3DJX .D1wEStTx .dc_t3zDM {
  font-size: 16px;
  color: #1890ff;
  margin-top: 4px;
}
.o2ie3DJX .MvLUSXS5 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.o2ie3DJX .MvLUSXS5 .St0HPhYE {
  font-size: 16px;
  color: #52c41a;
  margin-top: 4px;
}
.o2ie3DJX .MvLUSXS5 .eIDZNHVM {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.o2ie3DJX .MvLUSXS5 .xwieeZKn {
  padding: 16px;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  background: #fafafa;
}
.o2ie3DJX .MvLUSXS5 .xwieeZKn .rsS9eauG {
  margin-bottom: 12px;
}
.o2ie3DJX .MvLUSXS5 .xwieeZKn .rsS9eauG .DnZOSJwl {
  font-size: 16px;
  color: #262626;
  display: block;
  margin-bottom: 8px;
}
.o2ie3DJX .MvLUSXS5 .xwieeZKn .rsS9eauG .cmvCik94 {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}
.o2ie3DJX .MvLUSXS5 .xwieeZKn .dUse4OMN {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #e8e8e8;
}
.o2ie3DJX .MvLUSXS5 .xwieeZKn .dUse4OMN .g6J0_BUm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.o2ie3DJX .MvLUSXS5 .xwieeZKn .dUse4OMN .g6J0_BUm .TCcGfkn3 {
  margin: 0;
}
.o2ie3DJX .E5QR5TTs {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.o2ie3DJX .E5QR5TTs .a1ajTyKI {
  font-size: 16px;
  color: #722ed1;
  margin-top: 4px;
}
.o2ie3DJX .E5QR5TTs .OY1gLCLo {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 {
  padding: 16px;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  background: #fafafa;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .zhEfMbL3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .zhEfMbL3 .tLGuw8yX {
  font-size: 16px;
  color: #262626;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .zhEfMbL3 .oRx5tdP5 {
  font-size: 12px;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .fJ1mFwrY {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .fJ1mFwrY ._f9nhvQh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .fJ1mFwrY ._f9nhvQh .TCcGfkn3 {
  margin: 0;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .JKYO1bTO {
  padding-top: 12px;
  border-top: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .JKYO1bTO ._f9nhvQh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.o2ie3DJX .E5QR5TTs .XdS_fIs2 .FzOPaQS_ .JKYO1bTO ._f9nhvQh .TCcGfkn3 {
  margin: 0;
}
.o2ie3DJX .cmvCik94 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.o2ie3DJX .cmvCik94 .fRUch_ba {
  font-size: 16px;
}
.o2ie3DJX .s5mdkzz3 {
  margin-top: 16px;
}
.o2ie3DJX .OGTF7vbq .sXvJA7M3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.o2ie3DJX .OGTF7vbq .F6AwzEPZ {
  display: block;
  margin-bottom: 4px;
  color: #595959;
}
.o2ie3DJX .OGTF7vbq .xUlWYpOK {
  display: block;
  font-size: 12px;
  color: #8c8c8c;
}
.o2ie3DJX .osg0mG_S {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.o2ie3DJX .ina6jMYi .cm6Ec71I {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.o2ie3DJX .ina6jMYi .cm6Ec71I .ttrrZc3v {
  font-size: 16px;
  color: #1890ff;
}
.o2ie3DJX .ina6jMYi .Ds_dPGhU {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px;
}
.o2ie3DJX .ina6jMYi .mBMQqCmi {
  position: relative;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.o2ie3DJX .ina6jMYi .mBMQqCmi:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.o2ie3DJX .ina6jMYi .mBMQqCmi .KDq6jjsv {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
}
.o2ie3DJX .ina6jMYi .mBMQqCmi .xvkkeJtX {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 8px;
  color: #8c8c8c;
  font-size: 24px;
}
.C7HDdeSv.tDPvD4Av {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #1890ff;
}
.C7HDdeSv.JBAoJFZc {
  background: #f6ffed;
  border-color: #b7eb8f;
  color: #52c41a;
}
.C7HDdeSv.RJsGRDee {
  background: #fff7e6;
  border-color: #ffd591;
  color: #fa8c16;
}
.C7HDdeSv.grXBXsoD {
  background: #fff2f0;
  border-color: #ffccc7;
  color: #ff4d4f;
}
.YU9Edcrq .HwcvP3DG {
  background: linear-gradient(90deg, #1890ff 0%, #52c41a 100%);
}
.YU9Edcrq.nXsYwZEM .HwcvP3DG {
  background: #ff4d4f;
}
.yEX21g0K {
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
}
.yEX21g0K:last-child {
  border-bottom: none;
}
.yEX21g0K .HQE3P1bw .euSeaWmY {
  margin-bottom: 8px;
}
.yEX21g0K .HQE3P1bw .euSeaWmY .C7HDdeSv {
  margin-left: 8px;
}
.yEX21g0K .HQE3P1bw .Xlj1tqLl {
  color: #8c8c8c;
}
.Y_6SOS_x .X97JUhRq {
  color: #8c8c8c;
  font-size: 14px;
}
.Y_6SOS_x .Ag7EvGdS {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .o2ie3DJX .tLmsEOdr {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }
  .o2ie3DJX .FvJFlWHf {
    flex-direction: column;
    text-align: center;
  }
  .o2ie3DJX .OGTF7vbq .sXvJA7M3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .o2ie3DJX .s5RqSGaH .o3BHFZM_ {
    padding-bottom: 8px;
  }
  .o2ie3DJX .vTu_k0vP .lH7MSPUm {
    margin-bottom: 16px;
  }
  .o2ie3DJX .osg0mG_S .ina6jMYi .Ds_dPGhU {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
  }
  .o2ie3DJX .osg0mG_S .ina6jMYi .mBMQqCmi .KDq6jjsv,
  .o2ie3DJX .osg0mG_S .ina6jMYi .mBMQqCmi .xvkkeJtX {
    height: 120px;
  }
  .o2ie3DJX .MvLUSXS5 .eIDZNHVM .xwieeZKn {
    padding: 12px;
  }
  .o2ie3DJX .MvLUSXS5 .eIDZNHVM .xwieeZKn .dUse4OMN .g6J0_BUm {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .o2ie3DJX .E5QR5TTs .OY1gLCLo .XdS_fIs2 {
    padding: 12px;
  }
  .o2ie3DJX .E5QR5TTs .OY1gLCLo .XdS_fIs2 .FzOPaQS_ .zhEfMbL3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .o2ie3DJX .E5QR5TTs .OY1gLCLo .XdS_fIs2 .FzOPaQS_ .fJ1mFwrY ._f9nhvQh,
  .o2ie3DJX .E5QR5TTs .OY1gLCLo .XdS_fIs2 .FzOPaQS_ .JKYO1bTO ._f9nhvQh {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

.Liz_rNVa {
  padding: 24px;
}
.E3sZz042 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.E3sZz042 .SCLdTnh3 {
  margin: 0;
  color: #1890ff;
  font-weight: 600;
}
.ahTv5biO {
  font-weight: 600;
  color: #1890ff;
  cursor: pointer;
  white-space: normal;
  word-break: break-word;
  text-align: left;
  line-height: 1.2;
}
.ahTv5biO:hover {
  color: #40a9ff;
}
.tAknTL5g {
  color: #8c8c8c;
  font-style: italic;
}
.C48eoP8x {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  line-height: 1.4;
}
.fTgJCuLo {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.fTgJCuLo .M4BTXayj {
  font-size: 12px;
  color: #8c8c8c;
  flex-shrink: 0;
}
.Sh2ufZgR {
  color: #bfbfbf;
}
.QZ9yKv4s {
  color: #52c41a;
  font-weight: 500;
}
.vvTK55fv {
  min-width: 80px;
}
.sx4STl0F .xFDu1KNI {
  border: none;
  box-shadow: none;
}
.sx4STl0F .xFDu1KNI:hover {
  background-color: #f0f0f0;
}
.sx4STl0F .xFDu1KNI.GE7b5s9M:hover {
  background-color: #fff2f0;
  color: #ff4d4f;
}
@media (max-width: 1200px) {
  .Liz_rNVa {
    padding: 16px;
  }
  .E3sZz042 {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  .E3sZz042 .SCLdTnh3 {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .Liz_rNVa {
    padding: 12px;
  }
  .E3sZz042 .SCLdTnh3 {
    font-size: 20px;
  }
  .XCETHYRs .sh1a_LmH .FiG8677R {
    font-size: 12px;
  }
  .XCETHYRs .sh1a_LmH .FiG8677R .YwFnBmrn > tr > th,
  .XCETHYRs .sh1a_LmH .FiG8677R .Iro5SwaR > tr > td {
    padding: 8px;
  }
}
.mR0l3eSt {
  text-align: center;
  padding: 40px;
  color: #8c8c8c;
}
.Zj9WTtS9 {
  text-align: center;
  padding: 60px 20px;
  color: #8c8c8c;
}
.Zj9WTtS9 .hYyYzkDS {
  font-size: 48px;
  margin-bottom: 16px;
  color: #d9d9d9;
}
.Zj9WTtS9 .wB0Hvz2S {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #262626;
}
.Zj9WTtS9 .CCGI2Rub {
  font-size: 14px;
  margin-bottom: 24px;
}

.htcBAvXM {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
.V9tm7NaG {
  padding: 24px;
}
.zBkIQQzM {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.HP0WtsNB {
  margin: 0 !important;
  flex: 1;
  color: #1890ff !important;
}
.PYqAypBT {
  margin-bottom: 24px;
}
.rYF0_0Io {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.o3DK9URc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}
.OXF8OGpQ {
  padding: 12px;
  background-color: #f5f5f5;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
}
.Wp2MY5AE {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.a2xPpSTq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
}
.ZoQu9yky {
  font-weight: 500;
  color: #262626;
}
.We2iYodT {
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  background-color: #e6f7ff;
  color: #1890ff;
  border: 1px solid #91d5ff;
}
@media (max-width: 768px) {
  .V9tm7NaG {
    padding: 16px;
  }
  .zBkIQQzM {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }
  .rYF0_0Io {
    grid-template-columns: 1fr;
  }
  .o3DK9URc {
    grid-template-columns: 1fr;
  }
  .htcBAvXM {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }
  .htcBAvXM > * {
    width: 100%;
  }
}

.DdG6KEaS {
  padding: 24px;
  background: #f5f5f5;
  min-height: 100vh;
}
.ibMJ0l1C .Qetd7u7_ {
  padding: 0;
}
@media (max-width: 768px) {
  .DdG6KEaS {
    padding: 12px;
  }
  .ant-table {
    font-size: 12px;
  }
  .ant-table-thead > tr > th {
    padding: 8px 4px;
    font-size: 12px;
  }
  .ant-table-tbody > tr > td {
    padding: 8px 4px;
  }
  .ant-btn-sm, .ant-btn-text {
    padding: 4px 8px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .DdG6KEaS {
    padding: 8px;
  }
  .ant-table {
    font-size: 11px;
  }
  .ant-table-thead > tr > th {
    padding: 6px 2px;
    font-size: 11px;
  }
  .ant-table-tbody > tr > td {
    padding: 6px 2px;
  }
}

.DhfbLBl4 {
  padding: 24px;
}
.JY6H_S2v {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.pTrDhy8s {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .DhfbLBl4 {
    padding: 12px;
  }
  .JY6H_S2v {
    margin-bottom: 12px;
  }
  .pTrDhy8s {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .DhfbLBl4 {
    padding: 8px;
  }
}

.Dfkp465i {
  padding: 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.A0QKGJzw {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.A0QKGJzw .ant-card-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.s891pbu1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.J32q7Hg0 {
  margin: 0 !important;
  color: #262626;
}
.J32q7Hg0 .gSToUT11 {
  color: #999;
  font-weight: normal;
}
.J32q7Hg0 .DxRsHMum {
  color: #262626;
  font-weight: 600;
}
.aGquAs8q {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.cat23wNP .ant-form-item {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .A0QKGJzw .ant-card-body {
    padding: 16px;
    gap: 16px;
  }
  .s891pbu1 {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .J32q7Hg0 {
    font-size: 18px !important;
  }
  .aGquAs8q {
    flex-direction: column;
    gap: 8px;
  }
  .aGquAs8q .ant-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .A0QKGJzw .ant-card-body {
    padding: 12px;
  }
  .J32q7Hg0 {
    font-size: 16px !important;
  }
}

.r1SV5suF {
  padding: 24px;
  background: #f0f2f5;
  min-height: calc(100vh - 64px);
}
.NUSxZXc0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  background: white;
  padding: 16px 24px;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.P1sxQ3Db {
  margin: 0 !important;
  color: #262626;
}
.RGfQ_l2v {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.pp7F0NGv {
  padding: 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .r1SV5suF {
    padding: 12px;
  }
  .NUSxZXc0 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 16px;
  }
  .NUSxZXc0 .ant-space {
    width: 100%;
  }
  .NUSxZXc0 .ant-space .ant-btn {
    width: 100%;
  }
  .P1sxQ3Db {
    font-size: 20px !important;
  }
  .ant-table {
    font-size: 12px;
  }
  .ant-table-thead > tr > th {
    padding: 8px 4px;
    font-size: 12px;
  }
  .ant-table-tbody > tr > td {
    padding: 8px 4px;
  }
  .ant-space {
    gap: 4px !important;
  }
  .ant-btn-sm, .ant-btn-text {
    padding: 4px 8px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .r1SV5suF {
    padding: 8px;
  }
  .NUSxZXc0 {
    padding: 12px;
  }
  .P1sxQ3Db {
    font-size: 18px !important;
  }
  .ant-table {
    font-size: 11px;
  }
  .ant-table-thead > tr > th {
    padding: 6px 2px;
    font-size: 11px;
  }
  .ant-table-tbody > tr > td {
    padding: 6px 2px;
  }
}

.PQf8FhBK {
  padding: 24px;
  background: #f0f2f5;
  min-height: calc(100vh - 64px);
}
.cvrYx7QN {
  background: white;
  padding: 16px 24px;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.hKw_dLH0 {
  color: #1890ff;
  padding: 0;
}
.hKw_dLH0:hover {
  color: #40a9ff;
}

.gsrS6T0p {
  padding: 24px;
  background: #f0f2f5;
  min-height: calc(100vh - 64px);
}
.bh_ECfVc {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.oLBd2QM9 {
  margin: 0 !important;
  color: #262626;
}
.OTGTZysl {
  color: #999;
  font-weight: normal;
}
.FBvNjfaF {
  color: #262626;
  font-weight: 600;
}
.MtHJt0J3 {
  margin-top: 24px;
}
.bo4Tiaev {
  width: 100%;
  flex-direction: column;
}
.WePh27CI {
  width: 100%;
}
@media (max-width: 768px) {
  .gsrS6T0p {
    padding: 12px;
    min-height: calc(100vh - 56px);
  }
  .bh_ECfVc {
    border-radius: 4px;
  }
  .bh_ECfVc .ant-card-body {
    padding: 16px;
  }
  .oLBd2QM9 {
    font-size: 16px !important;
  }
  .MtHJt0J3 {
    margin-top: 16px;
  }
}
@media (max-width: 480px) {
  .gsrS6T0p {
    padding: 8px;
  }
  .bh_ECfVc .ant-card-body {
    padding: 12px;
  }
  .oLBd2QM9 {
    font-size: 14px !important;
  }
  .MtHJt0J3 {
    margin-top: 12px;
  }
  .MtHJt0J3 .ant-form-item {
    margin-bottom: 16px;
  }
}

.qUCWAUkM {
  padding: 24px;
}
.vLWbwgHj {
  margin-bottom: 16px;
}
.DEYPG86E {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .qUCWAUkM {
    padding: 12px;
  }
  .vLWbwgHj {
    margin-bottom: 12px;
  }
  .DEYPG86E {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .qUCWAUkM {
    padding: 8px;
  }
}

.wgY9ER9A {
  padding: 24px;
}
.AXD6qb0I {
  margin-bottom: 16px;
}
.TGATe08X {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .wgY9ER9A {
    padding: 12px;
  }
  .AXD6qb0I {
    margin-bottom: 12px;
  }
  .TGATe08X {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .wgY9ER9A {
    padding: 8px;
  }
}

.fMP0XbtJ {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.QPkmq8Lx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.I5510W3h {
  margin: 0 !important;
  color: #262626;
}
.Rh2_HaVY {
  color: #999;
  font-weight: normal;
}
.jdWVc999 {
  color: #262626;
  font-weight: 600;
}
.w0bevVI8 {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.k4CQSFkS .wKLTtUS_ {
  font-weight: 500;
  color: #262626;
}
@media (max-width: 768px) {
  .fMP0XbtJ .ant-card-body {
    padding: 16px;
  }
  .QPkmq8Lx {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .I5510W3h {
    font-size: 18px !important;
  }
  .w0bevVI8 {
    flex-direction: column;
    gap: 8px;
  }
  .w0bevVI8 .ant-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .fMP0XbtJ .ant-card-body {
    padding: 12px;
  }
  .I5510W3h {
    font-size: 16px !important;
  }
}

.h7QwXcUU {
  padding: 24px;
}
.kNMMj15q {
  margin-bottom: 16px;
}
.a5gYwtVf {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .h7QwXcUU {
    padding: 12px;
  }
  .kNMMj15q {
    margin-bottom: 12px;
  }
  .a5gYwtVf {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .h7QwXcUU {
    padding: 8px;
  }
}

.TBooHRoc {
  padding: 24px;
}
.dE0V6OVR {
  margin-bottom: 16px;
}
.JxyUjN7w {
  padding: 0;
  height: auto;
  font-size: 14px;
}
@media (max-width: 768px) {
  .TBooHRoc {
    padding: 12px;
  }
  .dE0V6OVR {
    margin-bottom: 12px;
  }
  .JxyUjN7w {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .TBooHRoc {
    padding: 8px;
  }
}

.tSaqIvfu {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.AKWlLqgw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.xQS_DDG1 {
  margin: 0 !important;
  color: #262626;
}
.khccy5pZ {
  color: #999;
  font-weight: normal;
}
.DqfcWefZ {
  color: #262626;
  font-weight: 600;
}
.KLe1qHFh {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.kDus8yTC .VIPKL65c {
  font-weight: 500;
  color: #262626;
}
@media (max-width: 768px) {
  .tSaqIvfu .ant-card-body {
    padding: 16px;
  }
  .AKWlLqgw {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .xQS_DDG1 {
    font-size: 18px !important;
  }
  .KLe1qHFh {
    flex-direction: column;
    gap: 8px;
  }
  .KLe1qHFh .ant-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .tSaqIvfu .ant-card-body {
    padding: 12px;
  }
  .xQS_DDG1 {
    font-size: 16px !important;
  }
}

.ecooZPTR {
  font-weight: 600;
  color: #1890ff;
}
.ecooZPTR:hover {
  color: #40a9ff;
}
.LPugcklc {
  font-size: 12px;
  color: #1890ff;
  font-weight: 500;
}

._Tc7imLA {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 20px;
}
.nKe0yMK8 {
  width: 100%;
  max-width: 450px;
}
.nKe0yMK8 .ant-card {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: none;
}
.nKe0yMK8 .ant-tabs-nav {
  margin-bottom: 24px;
}
.nKe0yMK8 .ant-tabs-tab {
  font-weight: 500;
}
.tLN8vPlo {
  padding: 0 8px;
}
.grYsyifr {
  text-align: center;
  margin-bottom: 24px !important;
  color: #262626;
  font-weight: 600;
}
.n2V25fLQ {
  text-align: center;
  color: #8c8c8c;
  margin-bottom: 24px;
  font-size: 14px;
}
.EiWKB7YP {
  text-align: center;
  margin-top: 16px;
}
.EiWKB7YP .ant-btn-link {
  padding: 0;
  height: auto;
  font-size: 14px;
}
.Rni50Ioi {
  margin-bottom: 16px;
}
@media (max-width: 576px) {
  ._Tc7imLA {
    padding: 16px;
  }
  .nKe0yMK8 {
    max-width: 100%;
  }
  .nKe0yMK8 .ant-card-body {
    padding: 16px;
  }
  .tLN8vPlo {
    padding: 0;
  }
}

.F9aKguZT .sM88Wx_1 {
  text-align: center;
  margin-bottom: 24px;
  color: var(--text-color);
}
.F9aKguZT .ant-form-item {
  margin-bottom: 20px;
}
.F9aKguZT .ant-input-affix-wrapper,
.F9aKguZT .ant-input {
  border-radius: var(--border-radius);
  height: 40px;
}
.F9aKguZT .ant-btn {
  height: 40px;
  border-radius: var(--border-radius);
  font-weight: 500;
}
.F9aKguZT .ant-alert {
  border-radius: var(--border-radius);
  margin-bottom: 16px;
}
.F9aKguZT .tf97erZE {
  background: var(--background-color-light);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 12px 16px;
  margin-bottom: 20px;
  text-align: center;
}
.F9aKguZT .tf97erZE .anticon {
  color: var(--primary-color);
  margin-right: 8px;
}
.F9aKguZT .ant-input[style*="text-align: center"] {
  font-family: 'Courier New', monospace;
  font-weight: bold;
}

.FIeJOwOQ {
  height: 100vh;
  background-color: var(--background-color);
}
.cD4u3kEn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: var(--background-color);
}


/*# sourceMappingURL=main-ef7d455c.471813eca1b7b05dfd3c.css.map*/