* {
  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);
}

/* ChannelItem styles */
.sOKtT7fN {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.sOKtT7fN:hover {
  background-color: #f5f5f5;
}
.Vbeb7Enb {
  background-color: #e6f7ff;
}
.Vbeb7Enb:hover {
  background-color: #e6f7ff;
}
.tdaJ6SlU {
  flex-shrink: 0;
}
.m1scS4Ft {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.joHqWKWk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.fMXXIQF8 {
  font-weight: 500;
  font-size: 14px;
  color: #262626;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.ATE2wYL5 {
  font-size: 12px;
  color: #8c8c8c;
  flex-shrink: 0;
}
.cFuouTa1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
}
.nNzXot3X {
  font-size: 13px;
  color: #8c8c8c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.aaBmuzSN {
  flex-shrink: 0;
}

/* 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;
}

/* ChannelList styles */
.TrxvyPky {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.LxiVSerr {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  flex-shrink: 0;
}
.vRUS6zfO {
  flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}
.vRUS6zfO .ant-collapse {
  border: none;
  background: transparent;
}
.vRUS6zfO .ant-collapse-item {
  border-bottom: none;
}
.vRUS6zfO .ant-collapse-header {
  padding: 8px 16px !important;
  font-weight: 500;
  color: #8c8c8c !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.vRUS6zfO .ant-collapse-content-box {
  padding: 0 !important;
}
.Vt_6o60U {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pPGSObH7 {
  padding: 16px;
  text-align: center;
  color: #bfbfbf;
  font-size: 13px;
}

/* MessageComposer styles */
.DWnd4KD2 {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #f0f0f0;
  background: #fff;
  flex-shrink: 0;
}
.KWqAFmDf {
  flex: 1;
}
.KWqAFmDf .ant-input {
  border-radius: 8px;
  resize: none;
}
.e6BZjhba {
  display: none;
}
.Ag661RvV {
  display: flex;
  gap: 4px;
  align-items: flex-end;
}
.apm4kIju {
  color: #8c8c8c;
}
.apm4kIju:hover {
  color: #1890ff;
}
.WaEVfm84 {
  border-radius: 8px;
}
.iSTuj6dK {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 16px 0;
  font-size: 12px;
  color: #595959;
}
.iSTuj6dK .HjYzPGxQ {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* BotMessageCard — Slack-style rich block */
.VcEorqbK {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
/* ── Accent bar ── */
.rZrJXodV {
  height: 3px;
}
.BOLdA9VS {
  background: #52c41a;
}
.fmOD_vwL {
  background: #1890ff;
}
.ryNxQ5fH {
  background: #faad14;
}
.AMt9b4Fl {
  background: #ff4d4f;
}
.SDZpEr3Y {
  background: #fa8c16;
}
.vG1Dz0rZ {
  background: #bfbfbf;
}
/* ── Inner padding ── */
.k4Ig36_H {
  padding: 10px 14px;
}
/* ── Header ── */
.N0YR7z1M {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.UlItSWiE {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.nDasoMW2 {
  background: #f6ffed;
}
.QIKkbbqH {
  background: #e6f7ff;
}
.sywBtwur {
  background: #fffbe6;
}
.zOJZY6_H {
  background: #fff2f0;
}
.Wa2mUAu2 {
  background: #fff7e6;
}
.BU6BknEy {
  background: #fafafa;
}
.BUE0E27c {
  font-weight: 600;
  font-size: 13px;
  color: #262626;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.j683ojcn {
  font-size: 11px;
  padding: 1px 8px;
  border-radius: 10px;
  background: #fff2f0;
  color: #cf1322;
  font-weight: 500;
  white-space: nowrap;
}
.rAHf6D72 {
  margin-left: auto;
  font-size: 11px;
  color: #bfbfbf;
  white-space: nowrap;
  flex-shrink: 0;
}
/* ── Warnings ── */
.dAtojhzi {
  margin-bottom: 6px;
}
.Xd_9t3lo {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #fa8c16;
  line-height: 1.5;
}
/* ── Section (gray bg) ── */
.toObUJFn {
  background: #fafafa;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 6px;
}
.toObUJFn:last-child {
  margin-bottom: 0;
}
/* ── Key-Value grid ── */
.peVNMpl6 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  font-size: 13px;
}
.ctXC51Ez {
  color: #8c8c8c;
  white-space: nowrap;
}
.rITYwIAk {
  color: #262626;
  word-break: break-word;
}
/* ── Order list ── */
.bdWSHHcN {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.E38Nqj7V {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 13px;
  line-height: 1.4;
}
.HEsnzp86 {
  color: #1890ff;
  font-weight: 600;
  white-space: nowrap;
}
.hVTQekx2 {
  color: #262626;
  flex: 1;
  min-width: 0;
}
.gXU2NerK {
  color: #8c8c8c;
  font-size: 12px;
  white-space: nowrap;
}
.gXU2NerK::before {
  content: "(";
}
.gXU2NerK::after {
  content: ")";
}
/* ── Plain text (generic messages) ── */
.L0fGMa7D {
  font-size: 13px;
  color: #595959;
  line-height: 1.5;
  white-space: pre-wrap;
}
/* ── Note ── */
.r7NTSEub {
  font-size: 12px;
  color: #8c8c8c;
  font-style: italic;
  margin-top: 4px;
}
/* ── CTA ── */
.RxyfiNTE {
  font-size: 12px;
  color: #1890ff;
  font-weight: 500;
  margin-top: 6px;
}
/* ── Action buttons ── */
.oN_aY18E {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}
.t83qMUX5 {
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #595959;
  cursor: pointer;
  line-height: 1.5;
}
.t83qMUX5:hover {
  color: #1890ff;
  border-color: #1890ff;
}
.KfLt7fnl {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}
.KfLt7fnl:hover {
  background: #40a9ff;
  border-color: #40a9ff;
  color: #fff;
}

/* MessageItem styles */
.kb4EawFe {
  display: flex;
  padding: 4px 16px;
  gap: 8px;
}
.P1Gic9k1 {
  flex-direction: row-reverse;
}
.ecGf6pW2 {
  justify-content: flex-start;
  padding: 4px 16px;
}
.vDo2d7g_ {
  flex-shrink: 0;
  align-self: flex-end;
}
.Qknlh3pR {
  max-width: 75%;
  padding: 8px 12px;
  border-radius: 12px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.OX681qqX {
  background-color: #e6f7ff;
  border-bottom-right-radius: 4px;
}
.FbIcGRDo {
  background-color: #f6ffed;
  border-bottom-left-radius: 4px;
}
.uSjGwJuh {
  background-color: #fff7e6;
  border-bottom-left-radius: 4px;
}
.T8gNwkY9 {
  background-color: #f5f5f5;
  border-radius: 8px;
  max-width: 90%;
  text-align: center;
  padding: 6px 16px;
}
.fxuTwfYB {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 2px;
}
.H2_FiWBA {
  color: #1890ff;
}
.O9Uwqjl5 {
  color: #52c41a;
}
.oyoa7e7h {
  color: #fa8c16;
}
.VeJ6XJt5 {
  color: #8c8c8c;
}
.Q1GoLKaP {
  font-size: 14px;
  color: #262626;
  line-height: 1.5;
  white-space: pre-wrap;
}
.mpzdhitu {
  font-size: 13px;
  color: #595959;
}
.zi_v1j0y {
  font-size: 12px;
  color: #8c8c8c;
  text-align: center;
  width: 100%;
  padding: 2px 0;
}
.Pztjegel {
  font-size: 11px;
  color: #8c8c8c;
  margin-top: 4px;
  text-align: right;
}
.asaZesSS {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.or5zKrVX {
  max-width: 200px;
  max-height: 150px;
  border-radius: 8px;
  cursor: pointer;
  object-fit: cover;
}
.codmWoUO {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #1890ff;
  cursor: pointer;
}
.codmWoUO:hover {
  text-decoration: underline;
}

/* ThreadPreview styles */
.ZpN8ZYAx {
  padding: 4px 16px;
  cursor: pointer;
}
.HtolbRV1 {
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  transition: border-color 0.2s;
}
.HtolbRV1:hover {
  border-color: #1890ff;
}
.HtolbRV1 .ant-card-body {
  padding: 8px 12px;
}
.mLZ4bKEt {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.JTJH2fb3 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.DtPHsYHI {
  color: #1890ff;
  font-size: 14px;
}
.Bhw3A7fn {
  font-size: 13px;
  color: #262626;
}
.rYGkatfB {
  display: flex;
  align-items: center;
}
.dS3rfQQG {
  font-size: 12px;
}

/* MessageList styles */
.FSO4IeOw {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.M8TWnRCs {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
.zy6F0MWf {
  display: flex;
  justify-content: center;
  padding: 8px;
}
.MiaFn1p5 {
  height: 1px;
}
.a5M063X1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
}
.a5M063X1 .ant-divider-inner-text {
  font-size: 12px;
  color: #8c8c8c;
  padding: 0 12px;
}
.nf38NTGL {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 48px;
}
.zWqhKKV_ {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 48px;
}
/* UC1002: Request separator for new support requests */
._hs9tlfl {
  padding: 8px 16px;
}
.Yc2fP_w4 .ant-divider-inner-text {
  padding: 0 12px;
}
.b3akVeC9 {
  font-size: 12px;
  color: #fa8c16;
  font-weight: 500;
}

/* ChatPanel styles */
.uY7Vx2ko .ant-drawer-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.uY7Vx2ko .ant-drawer-header {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.T1rGTXzw {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.brylK40z {
  margin-bottom: 0;
}
.pDhS2ImF {
  display: flex;
  align-items: center;
  gap: 8px;
}
.QyXPYc7x {
  margin: 0 !important;
  font-size: 16px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ElNkcMLP {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.urLhxHeJ {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 48px;
}
.LwKYbnlO {
  padding: 16px;
}
.jLf1yzmY {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 48px 24px;
}

._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;
}
.uZNLyMQe {
  color: var(--success-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;
}
.bYBFkW92 {
  color: var(--success-color);
  font-weight: 500;
  font-size: 12px;
}
.Yd3huxKc {
  color: var(--warning-color) !important;
  cursor: help;
  text-decoration: underline dotted;
}
.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;
}
.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;
}
.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) {
  .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 {
    background: #1f1f1f;
  }
  .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;
}
.Owf0t3X_ {
  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;
  flex-direction: column;
  overflow: hidden;
}
._4Tfm3LK {
  text-align: center;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.o6pA2Eq3 {
  font-size: 48px;
  color: var(--text-color-secondary);
  opacity: 0.3;
  margin-bottom: 16px;
  display: block;
}
.qfFefN03 {
  display: block;
  font-size: 14px;
}
.LcVr18YK {
  overflow-y: auto;
  flex: 1;
}
.LcVr18YK .ant-list-item {
  padding: 10px 16px !important;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5 !important;
}
.LcVr18YK .ant-list-item:hover {
  background: #fafafa;
}
._EHEZHiZ {
  display: flex;
  width: 100%;
}
.IVvGGCVu {
  width: 100%;
  min-width: 0;
}
.EDGPMzxU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}
.yQFW0xVv {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.IustVaOq {
  font-size: 11px;
  flex-shrink: 0;
}
.q14rUY2b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.mA6KwazZ {
  font-size: 12px;
  flex: 1;
  min-width: 0;
}
.W_Tczo2h {
  flex-shrink: 0;
}

.gMOyModq {
  position: relative;
  background: #FFFFFF;
  border: 1.5px solid #D9E3F5;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s, background 0.2s;
}
.gMOyModq:hover {
  border-color: #CDE0FB;
  box-shadow: 0 6px 22px -12px rgba(45, 108, 246, 0.35);
}
.gMOyModq:active {
  transform: translateY(1px);
}
.gMOyModq.WCqYNjGu {
  background: #EAF2FE;
  border-color: #CDE0FB;
}
.FO9LYr5O {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #2D6CF6;
}
.gMOyModq.TB_ZTzx_ .FO9LYr5O {
  background: #E04443;
}
.gMOyModq.zltgFqrZ .FO9LYr5O {
  background: #E8973A;
}
.vpFWsD63 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 12px 12px 16px;
}
.bt5GF9CL {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.AURJ9bzH {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 8px;
  background: #2D6CF6;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  flex: none;
  transition: background 0.2s, transform 0.12s;
}
.AURJ9bzH:hover {
  background: #1F56D6;
  color: #fff;
}
.AURJ9bzH:active {
  transform: scale(0.98);
}
.AURJ9bzH .OfQDnSOi {
  font-size: 14px;
}
.AURJ9bzH .PmAdyACr {
  font-size: 12px;
  opacity: 0.8;
}
.XFt6s60d {
  font-size: 11px;
  font-style: italic;
  color: #A7B0C2;
  white-space: nowrap;
}
.KMpV8Btm {
  display: flex;
  align-items: center;
  gap: 8px;
}
.oca9XuEk {
  color: #8A95AA;
  flex: none;
  font-size: 16px;
}
.fROAIlZA {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #16233B;
}
.Nn7xXNaE {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 500;
  margin-top: 2px;
  color: #3C4B64;
}
.gMOyModq.TB_ZTzx_ .Nn7xXNaE {
  color: #C0322F;
}
.gMOyModq.zltgFqrZ .Nn7xXNaE {
  color: #9A5B12;
}
.eChypAMT {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
}
.pPJbYBlA {
  color: #8A95AA;
  flex: none;
  margin-top: 1px;
  font-size: 14px;
}
.DvhIXypA {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #3C4B64;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mpCHac1c .DvhIXypA {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8A95AA;
}
.z_JUtfYq {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #F4F6FB;
  border-radius: 8px;
  padding: 8px;
}
.Of6x8KMM {
  display: flex;
  align-items: center;
  gap: 8px;
}
.yaEJfZhI {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex: none;
  background: #EAF2FE;
  color: #2D6CF6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 600;
}
.yaEJfZhI .A8w6qsPM {
  font-size: 16px;
}
.bZQ9TjwR {
  display: block;
  font-size: 11px;
  color: #8A95AA;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 1px;
}
.QDccSgKf {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #16233B;
}
.vEMCaAa7 {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  font-style: italic;
  color: #8A95AA;
}
.wXkyRs0r {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #8A95AA;
  font-style: italic;
}
.IpI56zlz {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  background: #FFFFFF;
  color: #2D6CF6;
  border: 1.5px solid #CDE0FB;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, transform 0.12s;
}
.IpI56zlz:hover {
  background: #EAF2FE;
  border-color: #2D6CF6;
  color: #2D6CF6;
}
.IpI56zlz:active {
  transform: translateY(1px);
}
.IpI56zlz .s0ifoTbB {
  font-size: 16px;
  flex: none;
}
.hvw9PqCr {
  width: 100%;
  min-height: 40px;
  height: auto;
  background: #2D6CF6;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 500;
}
.hvw9PqCr:hover,
.hvw9PqCr:focus {
  background: #1F56D6 !important;
}
.Q8gFPhKV {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.lJTGV0UH {
  display: block;
  width: 8px;
  height: 8px;
  background: #2D6CF6;
  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;
  min-height: 0;
  overflow-y: auto;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  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;
}
.BTqvagFx {
  font-weight: 500;
  line-height: 1.4;
}
._g9Aw4g6 {
  font-size: 12px;
  color: #8c8c8c;
}
.NnjI4ot_ {
  display: inline-block;
  font-size: 11px;
  color: #52c41a;
  border: 1px solid #b7eb8f;
  border-radius: 10px;
  padding: 0 6px;
  line-height: 18px;
  margin-top: 2px;
}
.J7gHeChk {
  font-weight: 500;
  line-height: 1.4;
}
.ld439aSo {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 1.4;
}
.irO0NcXk {
  font-size: 11px;
  font-family: monospace;
  color: #595959;
  background: #f5f5f5;
  border-radius: 3px;
  padding: 1px 4px;
  display: inline-block;
  margin-top: 2px;
}
.agpa0vXN {
  font-size: 13px;
  font-weight: 500;
  color: #262626;
}
.yWGr0kd9 {
  font-size: 11px;
  color: #fa8c16;
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 2px;
}
.Qlq_ZZII {
  font-size: 13px;
  font-weight: 600;
  color: #52c41a;
}
.Nh1iUZ5l {
  font-size: 12px;
  color: #faad14;
  font-weight: 500;
}
.qacerr9U {
  color: #bfbfbf;
}

.Dg_inUop {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.Dg_inUop .ant-card-body {
  padding: 16px;
}
.sPMaCmpo {
  border-radius: 6px;
}
.P2cE7_mp {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}
.d3ulaiaC {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.HHFZZpdk {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}

.icIDMeSQ {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.hlOYdjYL {
  color: #52c41a;
  margin-right: 6px;
}
.ZLB0QIbl {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.XzTtyrBl {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.sudi0mZE {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.UHVb_x62 .ant-statistic-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
}
.UHVb_x62 .ant-statistic-content {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 20px;
}
.A_AAG40J {
  margin: 16px 0;
}
.RLv2tUZT {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.zlJkGfO5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 500;
}
.wus0tQ8f {
  font-size: 16px;
}
.hF4Llwxl {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
  font-style: italic;
}

.A64Uadvr {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  border-radius: 6px;
}
.mvZrP11x {
  color: #52c41a;
  font-size: 14px;
}
.NWa22OXS {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #389e0d;
}
.aWLM7WNz {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #237804;
}

.gg5fymV3 {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.pyKp3Ltq {
  color: #52c41a;
  margin-right: 6px;
}
._scYMo5F {
  margin-bottom: 20px;
}
.k9cZLKen {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.O2qYFOAQ {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.iyAyLFiP {
  display: flex;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
  background: #f0f0f0;
  margin-bottom: 8px;
}
.nADrZMx9 {
  background: #bfbfbf;
  transition: width 0.3s ease;
}
.j1Y0fMHU {
  background: #52c41a;
  transition: width 0.3s ease;
}
.CifrSaUN {
  background: #d9f7be;
  transition: width 0.3s ease;
}
.jkn0PKS4 {
  background: #f0f0f0;
  flex: 1;
}
.KNvq8tFc {
  margin-top: 4px;
}
.AT9YkqW9 {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.Sndsw3dL {
  min-width: 120px;
}
.Sndsw3dL .ant-statistic-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
}
.Sndsw3dL .ant-statistic-content {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 18px;
}
.aaoqzOCs {
  margin-top: 4px;
}

.i02yQpN7 {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.kUJ_TH4A {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.K2MAN5Uy .GPgAhLJf {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.K2MAN5Uy .UPOpMR7z {
  font-size: 16px;
  color: #1890ff;
}
.K2MAN5Uy .KenYEuFs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px;
}
.K2MAN5Uy .FxpPbweQ {
  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;
}
.K2MAN5Uy .FxpPbweQ:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.K2MAN5Uy .FxpPbweQ ._p8glAoo {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
}
.K2MAN5Uy .FxpPbweQ .eTT4syOd {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 8px;
  color: #8c8c8c;
  font-size: 24px;
}
@media (max-width: 768px) {
  .KenYEuFs {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 12px;
  }
  .FxpPbweQ ._p8glAoo,
  .FxpPbweQ .eTT4syOd {
    height: 120px;
  }
}

.SxdB4_1v {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.oxq9uMev {
  color: #1890ff;
  margin-right: 6px;
}
._YJyq4T2 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.sbknRbhz .ant-statistic-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
}
.sbknRbhz .ant-statistic-content {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 22px;
}
.KQ5O4ZOf {
  display: flex;
  align-items: center;
  padding-top: 24px;
}
.Jsbj3q8e {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  font-size: 13px;
  padding: 4px 10px;
}
.brAp_KeZ {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.n3bnpEwz {
  color: #8c8c8c;
  font-size: 14px;
}

.L3OcVJzW {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.DG57oFgA {
  display: flex;
  align-items: center;
  gap: 16px;
}
.VkXPnpWp {
  flex-shrink: 0;
}
.TBM9JB2L {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pKCjFstr {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.Ib_1mlHV {
  display: flex;
  align-items: center;
  gap: 8px;
}
.MHTzjS0q {
  font-size: 14px;
}
.MHTzjS0q .ant-rate-star {
  margin-inline-end: 4px;
}
.iJZ4m1MT {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.ss6mxJES {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
}
.DxnHwJNj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  flex-wrap: wrap;
  gap: 8px;
}
.ntjv66FR {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.opx8bsJd {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.z3dtt_Vj {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.eOWt2ibF {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.RkUm686H {
  padding: 16px 24px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.g7htOOuY {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.zjpgybeB {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.NaTUM_d6 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.F66aj6x8 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.l97_kzs2 {
  color: #8c8c8c;
  font-size: 14px;
  flex-shrink: 0;
}
.F57N6BuX {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tNr6tPvn {
  border-radius: 6px;
}
.HnRBHwxh {
  margin-top: 8px;
}
.WW9G_Dhs {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .RkUm686H {
    padding: 12px 16px;
  }
  .F57N6BuX {
    padding: 12px 16px;
  }
}

.wghQrdiF {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
._3ZwZzzYe {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 12px;
  color: #262626;
}
.Gwv7G9Xq {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  padding: 12px;
  background: #fafafa;
}
.Gwv7G9Xq + .Gwv7G9Xq {
  margin-top: 8px;
}
.TzhNwLTI {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.thVurrYS {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  font-family: monospace;
}
.hNTazDHe {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 4px;
}
.Nz1cqx2i {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
}
.c1ttiA8s {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #262626;
  font-weight: 500;
}
.Yq3VGmQW {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
}
.nmis9_Y6 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  text-align: center;
  padding: 16px 0;
}
.X_UbcXu3 {
  border-radius: 6px;
  margin-bottom: 12px;
}

.hi_2Gfok {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.J__bsw9t {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 12px;
  color: #262626;
}
.bWgB4cc2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 400px;
  overflow-y: auto;
  padding-right: 4px;
}
.rHs2CQ5D {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.zizmzuTX {
  background: #f0f5ff;
  border-radius: 0 8px 8px 8px;
  padding: 8px 12px;
  max-width: 85%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #262626;
  word-break: break-word;
}
.aBXUVYQW {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  padding-left: 2px;
}
.N9H_f9_K {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  text-align: center;
  padding: 16px 0;
}
.S94DZMEE {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}

.wgADmJSr {
  padding: 12px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.F0tp4BrK {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tequojZr {
  font-size: 16px;
  color: #595959;
  flex-shrink: 0;
}
.fAxoIOwA {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.E4z1IfbE {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
}
.Lm7a1ZcT {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}
.Fd0SgNUX {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  text-decoration: none;
}
.Fd0SgNUX:hover {
  text-decoration: underline;
  color: #1677ff;
}
.qpGBpFAt {
  font-size: 14px;
  color: #595959;
  flex-shrink: 0;
}
.PlTGI6Rt {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  font-style: italic;
}

.s9JR_djY {
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.LSII0ilx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.GzxLmZ0p {
  padding: 0;
  height: auto;
  line-height: 1;
  font-size: 12px;
}
.cW1Gv5oH {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.eH3VToEf {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid #f5f5f5;
}
.eH3VToEf:last-child {
  border-bottom: none;
}
.sqEtFaUA {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 110px;
}
.ttTbEc7Z {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  word-break: break-word;
}

.cNuqqTR3 {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.tXc9xIGY {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 12px;
  color: #262626;
}
.YLnTpdWM {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 500;
}
._7oHwkkmL {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
  margin-top: 4px;
}
.aYv4q43c {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  font-style: italic;
  margin-top: 2px;
}
.paWT4FWt {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  text-align: center;
  padding: 16px 0;
}

.M1yk8MMA {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._lbwv9DO {
  padding: 12px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}
.BUqDtTUN {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.BUqDtTUN:hover {
  text-decoration: underline;
}
.qU_7wlX8 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  margin-bottom: 4px;
}
.RzSg25_c {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
  margin-top: 4px;
}
.RgUJkv7c {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  font-style: italic;
}

.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: 1400px;
  margin: 0 auto;
}
.eyay8ZTh {
  display: flex;
  justify-content: flex-start;
}
.S4KRzuto {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 4px;
}
.S4KRzuto:hover {
  color: #1890ff;
}
.t1nmYfjD {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.Q7gyvaAY {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.tv8eMtCu {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
}
.Sw5bPOD7 {
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}
.CZeHK6Lz {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.A8E92Q_L {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 24px;
  align-items: start;
}
.g32nQAOG {
  min-width: 0;
}
.I4dF35ny {
  min-width: 0;
}
@media (max-width: 1024px) {
  .A8E92Q_L {
    grid-template-columns: 1fr;
  }
  .Q7gyvaAY {
    flex-direction: column;
    align-items: flex-start;
  }
  .CZeHK6Lz {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .Rl7KPrj3 {
    padding: 12px;
  }
  .t1nmYfjD .ant-card-body {
    padding: 12px 16px;
  }
  .Sw5bPOD7 {
    font-size: 14px;
  }
  .CZeHK6Lz {
    gap: 6px;
  }
}

.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;
}

.zwXAaa45 {
  padding: 16px;
}

.GbZwRSSd {
  padding: 16px;
}
.GY6v2xkx {
  margin-bottom: 16px;
}

._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;
}


/*# sourceMappingURL=main-e777a50e.fc88291b8d6ea8fc8b3b.css.map*/