html, body {
      height: 100%;
      margin: 0;
    }
    .main-container {
      display: flex;
      height: 100vh;
      overflow: hidden;
    }
    .sidebar {
      width: 250px;
      background-color: #1f2937;
      color: white;
      flex-shrink: 0;
      padding: 1rem;
    }
    .main-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
    }
    .main-scrollable {
      flex-grow: 1;
      overflow-y: auto;
      padding: 2rem;
    }
    
.bg-cover {
  background-size: cover;
  background-position: center;
}

.card {
  background-color: rgba(255, 255, 255, 0.95);
  border: none;
}

.btn-primary {
  background-color: #1F2F98;
  border-color: #1F2F98;
}

.btn-primary:hover {
  background-color: #17A7EC;
  border-color: #17A7EC;
}

.form-control:focus {
  border-color: #4ADEDE;
  box-shadow: 0 0 0 0.2rem rgba(26, 167, 236, 0.25);
}