:root {
  --pd-bg: #f4f5f7;
  --pd-surface: #ffffff;
  --pd-border: #e2e4e9;
  --pd-text-muted: #6b7280;
  --pd-primary: #2f5dff;
  --pd-primary-dark: #1e3fcf;
  --pd-radius: 10px;
}

body {
  background: var(--pd-bg);
  color: #1f2430;
}

.navbar {
  background: #14161f !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}

.navbar-brand {
  font-weight: 600;
  letter-spacing: 0.01em;
}

.btn-primary {
  background: var(--pd-primary);
  border-color: var(--pd-primary);
}

.btn-primary:hover {
  background: var(--pd-primary-dark);
  border-color: var(--pd-primary-dark);
}

.card {
  border-color: var(--pd-border);
  border-radius: var(--pd-radius);
}

.proxy-list-card .card-body {
  display: flex;
  flex-direction: column;
}

.sublists-table th {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--pd-text-muted);
  font-weight: 600;
  border-bottom-width: 1px;
}

.sublists-table td {
  vertical-align: middle;
}

.login-page {
  min-height: 100vh;
  background: linear-gradient(135deg, #14161f 0%, var(--pd-primary) 150%);
}

.login-card {
  width: 100%;
  max-width: 360px;
  border: none;
  border-radius: var(--pd-radius);
}