/* General Styles */
body {
  background-color: #0f172a;
  color: #f8fafc;
  font-family: 'Inter', sans-serif;
}

.bg-maindark {
  background-color: #1e293b;
}

.bg-darkblue {
  background-color: #0f172a;
}

.input-with-border {
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #f8fafc;
}

.input-with-border:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

/* Navbar Styles */
.navbar {
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
}

.navbar-brand {
  color: #f8fafc;
}

.nav-link {
  color: #94a3b8;
}

.nav-link:hover {
  color: #f8fafc;
}

.nav-link.active {
  color: #3b82f6;
  font-weight: 500;
}

/* Sidebar Styles */
.sidebar {
  background-color: #1e293b;
  border-right: 1px solid #334155;
}

.sidebar-link {
  color: #94a3b8;
}

.sidebar-link:hover {
  color: #f8fafc;
  background-color: #334155;
}

.sidebar-link.active {
  color: #3b82f6;
  background-color: #334155;
  font-weight: 500;
}

/* Card Styles */
.card {
  background-color: #1e293b;
  border: 1px solid #334155;
}

.card-header {
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
}

.card-footer {
  background-color: #1e293b;
  border-top: 1px solid #334155;
}

/* Button Styles */
.btn-primary {
  background-color: #3b82f6;
  border-color: #3b82f6;
}

.btn-primary:hover {
  background-color: #2563eb;
  border-color: #2563eb;
}

.btn-secondary {
  background-color: #64748b;
  border-color: #64748b;
}

.btn-secondary:hover {
  background-color: #475569;
  border-color: #475569;
}

.btn-danger {
  background-color: #ef4444;
  border-color: #ef4444;
}

.btn-danger:hover {
  background-color: #dc2626;
  border-color: #dc2626;
}

.btn-success {
  background-color: #10b981;
  border-color: #10b981;
}

.btn-success:hover {
  background-color: #059669;
  border-color: #059669;
}

/* Table Styles */
.table {
  color: #f8fafc;
}

.table-hover tbody tr:hover {
  background-color: #334155;
}

.table thead th {
  border-bottom: 1px solid #334155;
}

.table td, .table th {
  border-top: 1px solid #334155;
}

/* Form Styles */
.form-control {
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #f8fafc;
}

.form-control:focus {
  background-color: #1e293b;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
  color: #f8fafc;
}

.form-select {
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #f8fafc;
}

.form-select:focus {
  background-color: #1e293b;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
  color: #f8fafc;
}

/* Alert Styles */
.alert-primary {
  background-color: #3b82f6;
  border-color: #2563eb;
  color: #f8fafc;
}

.alert-secondary {
  background-color: #64748b;
  border-color: #475569;
  color: #f8fafc;
}

.alert-danger {
  background-color: #ef4444;
  border-color: #dc2626;
  color: #f8fafc;
}

.alert-success {
  background-color: #10b981;
  border-color: #059669;
  color: #f8fafc;
}

/* Modal Styles */
.modal-content {
  background-color: #1e293b;
  border: 1px solid #334155;
}

.modal-header {
  border-bottom: 1px solid #334155;
}

.modal-footer {
  border-top: 1px solid #334155;
}

/* Pagination Styles */
.pagination .page-link {
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #f8fafc;
}

.pagination .page-link:hover {
  background-color: #334155;
  border-color: #334155;
  color: #f8fafc;
}

.pagination .page-item.active .page-link {
  background-color: #3b82f6;
  border-color: #3b82f6;
  color: #f8fafc;
}

/* Badge Styles */
.badge-primary {
  background-color: #3b82f6;
}

.badge-secondary {
  background-color: #64748b;
}

.badge-danger {
  background-color: #ef4444;
}

.badge-success {
  background-color: #10b981;
}

/* Tooltip Styles */
.tooltip-inner {
  background-color: #1e293b;
  border: 1px solid #334155;
}

/* Scrollbar Styles */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1e293b;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}
