:root {
  --xs-blue: #2563eb;
  --xs-blue2: #0ea5e9;
  --xs-dark: #071b3a;
  --xs-side: #061b3c;
  --xs-bg: #f3f7fb;
  --xs-card: #ffffff;
  --xs-text: #071b3a;
  --xs-sub: #64748b;
  --xs-border: #e5edf6;
}

body {
  background: var(--xs-bg) !important;
  color: var(--xs-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}

.sidebar, .admin-sidebar, aside {
  background: linear-gradient(180deg, #071b3a, #082b62) !important;
  box-shadow: 8px 0 30px rgba(7, 27, 58, .18) !important;
}

.sidebar a, .admin-sidebar a, aside a {
  border-radius: 12px !important;
  margin: 6px 12px !important;
  transition: all .18s ease !important;
}

.sidebar a.active, .admin-sidebar a.active, aside a.active,
.sidebar .active, .admin-sidebar .active, aside .active {
  background: linear-gradient(90deg, #2563eb, #168cff) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .28) !important;
}

.card, .stat-card, .panel, .table-card, section {
  border-radius: 18px !important;
  border: 1px solid rgba(226, 232, 240, .9) !important;
  box-shadow: 0 10px 28px rgba(15, 31, 61, .06) !important;
}

button, .btn, .button {
  border-radius: 10px !important;
  font-weight: 700 !important;
}

.btn-primary, .primary, button.primary {
  background: linear-gradient(90deg, #168cff, #2563eb) !important;
  color: #fff !important;
  border: none !important;
}

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

th {
  background: #f8fafc !important;
  color: #071b3a !important;
  font-weight: 800 !important;
}

td, th {
  border-bottom: 1px solid #edf2f7 !important;
  padding: 14px 16px !important;
}

input, select, textarea {
  border-radius: 10px !important;
  border: 1px solid #dbe4ef !important;
}

h1, h2, h3 {
  color: #071b3a !important;
  letter-spacing: -.02em !important;
}