.login-bg,
.view-bg {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
}

.login-card,
.view-card {
  width: 100%;
  max-width: 430px;
}

.font-monospace {
  font-family: 'Courier New', Courier, monospace !important;
  letter-spacing: 0.04em;
}

.navbar-dark .nav-link.active {
  color: #fff !important;
  background-color: rgba(255,255,255,.12);
}

.card {
  transition: box-shadow .15s ease;
}

.table > :not(caption) > * > * {
  padding: .6rem 1rem;
}

.progress {
  border-radius: 4px;
  background: #e9ecef;
}

@media (max-width: 576px) {
  .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}