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

body {
  background: var(--bl-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;
}

.nav-tabs .nav-link {
  font-weight: 500;
  color: var(--bl-text-muted);
  border: none;
  border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link.active {
  color: var(--bl-primary);
  border-bottom-color: var(--bl-primary);
  background: transparent;
}

.tab-content {
  background: var(--bl-surface);
  border-color: var(--bl-border) !important;
  border-radius: 0 0 var(--bl-radius) var(--bl-radius);
}

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

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

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

.table thead.table-light th {
  background: #f8f9fb;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--bl-text-muted);
  border-bottom-width: 1px;
}

.domains-table-scroll {
  max-height: 480px;
  overflow-y: auto;
}

#domainsTableBody td,
#tokensTableBody td {
  word-break: break-all;
}

.badge-active {
  background-color: #198754;
}

.badge-inactive {
  background-color: #6c757d;
}

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

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