body {
  font-family: "Poppins", sans-serif;
  background-color: #121212;
  color: #e0e0e0;
  min-height: 100vh;
}

.navbar {
  background-color: #1f1f1f !important;
}

.navbar-brand {
  font-weight: 600;
  font-size: 1.5rem;
  color: #ffffff !important;
}

.card {
  background-color: #1f1f1f;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  color: #e0e0e0;
}

.input-group-text {
  background-color: #2a2a2a;
  border: 1px solid #3a3a3a;
  color: #e0e0e0;
}

.form-control {
  background-color: #2a2a2a;
  color: #ffffff;
  border: 1px solid #3a3a3a;
}

.form-control::placeholder {
  color: #888;
}

.form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #0d6efd;
}

.btn-primary {
  background-color: #0d6efd;
  border: none;
}

.btn-primary:hover {
  background-color: #0b5ed7;
}

.alert-danger {
  background-color: #2a1a1a;
  color: #ff6b6b;
  border: none;
}

.bg-light {
  background-color: #2a2a2a !important;
  border: 1px solid #3a3a3a;
}

.footer {
  background-color: #1f1f1f !important;
  color: #ccc;
}

a {
  color: #0d6efd;
}

a:hover {
  color: #329bff;
  text-decoration: none;
}

.text-primary {
  color: #0d6efd !important;
}
.text-success {
  color: #4caf50 !important;
}
.text-info {
  color: #03a9f4 !important;
}
.text-warning {
  color: #ff9800 !important;
}

#avatar {
  border: 3px solid #2a2a2a;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
footer {
  background-color: #1f1f1f;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1f1f1f;
}
::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #777;
}