.card {
  background-color: #1f1f2e;
  border: none;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body {
  background-color: #121212;
  color: #f8f9fa;
  font-family: 'Segoe UI', sans-serif;
}

.card h5,
.card h2,
.card h6,
label,
span,
p {
  color: #ffffff !important;
}

input.form-control,
textarea.form-control,
select.form-select {
  background-color: #2c2c3b;
  color: #ffffff !important;
  border: 1px solid #555;
}

input.form-control::placeholder,
textarea.form-control::placeholder {
  color: #aaaaaa;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-select:focus {
  background-color: #2c2c3b;
  color: #ffffff;
  border-color: #4a90e2;
  box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.25);
}

button.btn {
  font-weight: 500;
  transition: background-color 0.2s ease-in-out;
}

.status-light {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
}

.status-light.green {
  background-color: #4caf50;
}

.status-light.red {
  background-color: #f44336;
}

#currentPage {
  font-weight: bold;
  color: #ffc107;
}
