  .topbar {
    background-color: #1e3a8a;
    /* biru gelap */
    color: white;
    font-size: 0.875rem;
    padding: 0.25rem 1rem;
  }

  .topbar a {
    color: white;
    text-decoration: none;
  }

  .topbar a:hover {
    text-decoration: underline;
  }

  .navbar-brand svg {
    margin-right: 0.5rem;
  }

  .btn-assessment {
    background-color: #0d6efd;
    border-radius: 0.375rem;
    padding: 0.375rem 1rem;
    font-weight: 500;
  }

  .btn-assessment:hover {
    background-color: #0b5ed7;
    color: white;
  }

  .btn-primary {
    background-color: #3366ff;
    border: none;
    padding: 0.6rem 1.3rem;
    font-weight: 600;
    border-radius: 6px;
  }
  .navbar {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
  }
    
    