:root { --brand:#6C63FF; }
.navbar { background: #f9f9ff; border-radius: 12px; padding: .5rem 1rem; }
.navbar-brand { color: var(--brand); }
.card { border-radius: 14px; }
table th { background:#f2f4ff; }
.btn-brand { background: var(--brand); color:#fff; }
@media (min-width: 1024px) {
  body > .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 2.5rem !important;
  }
}

@media (max-width: 1023px) {
  body > .container {
    width: 100%;
    max-width: none;
    padding: 1rem !important;
  }
}