/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}

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

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

.table-select .ant-select-selector {
  min-height: 32px;
}
.table-select .ant-select-selection-item {
  display: flex;
  align-items: center;
}
.table-select .ant-select-selection-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.table-select-dropdown {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  padding: 0;
  min-width: 300px;
  max-width: 600px;
}
.table-select-drawer {
  background: #fff;
  padding: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.table-select-drawer .table-select-search {
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.table-select-drawer .table-select-search .ant-input-search .ant-input {
  border-radius: 4px;
}
.table-select-drawer .table-select-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.table-select-drawer .table-select-content .ant-table {
  margin: 0;
  flex: 1;
  height: 100%;
}
.table-select-drawer .table-select-content .ant-table .ant-table-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.table-select-drawer .table-select-content .ant-table .ant-table-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.table-select-drawer .table-select-content .ant-table .ant-table-thead > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr {
  transition: all 0.2s ease;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr.ant-table-row-selected {
  background-color: #e6f7ff;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr.ant-table-row-selected:hover {
  background-color: #bae7ff;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 12px;
}
.table-select-drawer .table-select-content .ant-table .ant-table-pagination {
  margin: 12px 16px;
  text-align: right;
}
.table-select-drawer .table-select-footer {
  padding: 8px 12px;
  border-top: 1px solid #f0f0f0;
  background: #fafafa;
  text-align: center;
  flex-shrink: 0;
}
.table-select-drawer .table-select-footer .ant-btn-link {
  color: #1890ff;
  padding: 0;
}
.table-select-drawer .table-select-footer .ant-btn-link:hover {
  color: #40a9ff;
}
.table-select-drawer {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.table-select-drawer .table-select-search {
  padding: 0;
  border-bottom: none;
  background: transparent;
  margin-bottom: 16px;
}
.table-select-drawer .table-select-search .ant-input-search .ant-input {
  border-radius: 6px;
  border: 1px solid #d9d9d9;
}
.table-select-drawer .table-select-search .ant-input-search .ant-input:focus {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.table-select-drawer .table-select-content {
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.table-select-drawer .table-select-content .ant-table {
  margin: 0;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
}
.table-select-drawer .table-select-content .ant-table .ant-table-thead > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  padding: 12px 16px;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr {
  transition: all 0.2s ease;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr.ant-table-row-selected {
  background-color: #e6f7ff;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr.ant-table-row-selected:hover {
  background-color: #bae7ff;
}
.table-select-drawer .table-select-content .ant-table .ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 16px;
}
.table-select-drawer .table-select-content .ant-table .ant-table-pagination {
  margin: 16px 0;
  text-align: right;
}
.table-select-drawer .table-select-footer {
  padding: 16px 0;
  border-top: 1px solid #f0f0f0;
  background: transparent;
  text-align: center;
}
.table-select-drawer .table-select-footer .ant-btn-link {
  color: #1890ff;
  padding: 8px 16px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.table-select-drawer .table-select-footer .ant-btn-link:hover {
  color: #40a9ff;
  background-color: #f0f8ff;
}
@media (max-width: 768px) {
  .table-select-dropdown {
    min-width: 280px;
    max-width: 90vw;
  }
  .table-select-dropdown .table-select-content .ant-table .ant-table-tbody > tr > td {
    padding: 6px 8px;
    font-size: 12px;
  }
}
.dark-theme .table-select-dropdown {
  background: #141414;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.3), 0 3px 6px -4px rgba(0, 0, 0, 0.2), 0 9px 28px 8px rgba(0, 0, 0, 0.15);
}
.dark-theme .table-select-dropdown .table-select-search {
  background: #1f1f1f;
  border-bottom-color: #303030;
}
.dark-theme .table-select-dropdown .table-select-search .ant-input {
  background: #262626;
  border-color: #434343;
  color: #fff;
}
.dark-theme .table-select-dropdown .table-select-search .ant-input::placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.dark-theme .table-select-dropdown .table-select-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.dark-theme .table-select-dropdown .table-select-content .ant-table {
  flex: 1;
  height: 100%;
}
.dark-theme .table-select-dropdown .table-select-content .ant-table .ant-table-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dark-theme .table-select-dropdown .table-select-content .ant-table .ant-table-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.dark-theme .table-select-dropdown .table-select-content .ant-table .ant-table-thead > tr > th {
  background: #1f1f1f;
  border-bottom-color: #303030;
  color: rgba(255, 255, 255, 0.85);
}
.dark-theme .table-select-dropdown .table-select-content .ant-table .ant-table-tbody > tr:hover {
  background-color: #262626;
}
.dark-theme .table-select-dropdown .table-select-content .ant-table .ant-table-tbody > tr.ant-table-row-selected {
  background-color: #111b26;
}
.dark-theme .table-select-dropdown .table-select-content .ant-table .ant-table-tbody > tr.ant-table-row-selected:hover {
  background-color: #0d1419;
}
.dark-theme .table-select-dropdown .table-select-content .ant-table .ant-table-tbody > tr > td {
  border-bottom-color: #303030;
  color: rgba(255, 255, 255, 0.85);
}
.dark-theme .table-select-dropdown .table-select-footer {
  background: #1f1f1f;
  border-top-color: #303030;
  flex-shrink: 0;
}
.dark-theme .table-select-dropdown .table-select-footer .ant-btn-link {
  color: #177ddc;
}
.dark-theme .table-select-dropdown .table-select-footer .ant-btn-link:hover {
  color: #3c9be8;
}

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

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

.mXwnG5NS {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.mXwnG5NS .ant-list-item {
  padding: 0 !important;
}
.hgte3CwQ {
  cursor: grab !important;
  padding: 12px 8px;
  display: flex;
  align-items: center;
  background-color: #fafafa;
  border-right: 1px solid #d9d9d9;
  opacity: 1;
}
@media (max-width: 768px) {
  .mXwnG5NS {
    flex-direction: column;
  }
  .mXwnG5NS .ant-btn {
    width: 100%;
  }
  .hgte3CwQ {
    display: none;
  }
}

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

.HtDfgEa0 {
  padding: 10px;
}
.z_L_H_y4 {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  gap: 16px;
}
.gHn6eUH_ {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.gHn6eUH_:hover {
  color: #1890ff;
}
.nwrstHbO {
  margin: 0 !important;
  flex: 1;
  color: #1890ff;
}
.lfKoH9Dx {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.lfKoH9Dx .ant-card-body {
  padding: 0;
}
.HLopRHCc {
  margin-left: auto;
  font-size: 18px;
  color: #1890ff;
}
.eNfXEmuv {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.vG0tsi3a {
  margin-top: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.vG0tsi3a .ant-card-body {
  padding: 0;
}

.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-e96e9bea.af3acb063968408c5566.css.map*/