/* --- Inspired-by Black Dashboard (custom, no external deps) --- */
:root{
  --bd-body-bg:#1e1e2f;
  --bd-panel-bg:#27293d;
  --bd-card-bg:#27293d;
  --bd-text:#e3e3e3;
  --bd-muted:#9a9a9a;
  --bd-primary:#e14eca;
  --bd-success:#41b37f;
  --bd-info:#1d8cf8;
  --bd-warning:#ff8d72;
  --bd-danger:#fd5d93;
  --bd-border: rgba(255,255,255,.08);
  --bd-shadow: 0 2px 12px rgba(0,0,0,.4);
}

html, body {
  background: var(--bd-body-bg);
  color: var(--bd-text);
  min-height: 100%;
}

a { color: var(--bd-info); }
a:hover { color: #6ab7ff; }

.navbar {
  background: transparent;
  border-bottom: 1px solid var(--bd-border);
  backdrop-filter: blur(6px);
}

.sidebar {
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: 240px;
  background: var(--bd-panel-bg);
  border-right: 1px solid var(--bd-border);
  padding: 1rem .75rem;
  overflow-y: auto;
  box-shadow: var(--bd-shadow);
  z-index: 1030;
}
.sidebar .brand {
  display: flex; align-items: center; gap: .5rem; padding:.25rem .5rem; margin-bottom: .5rem;
  font-weight: 700; letter-spacing:.5px;
}
.sidebar .nav .nav-link {
  color: var(--bd-muted);
  border-radius: .5rem;
  padding: .6rem .75rem;
  display: flex; align-items:center; gap:.5rem;
}
.sidebar .nav .nav-link.active, .sidebar .nav .nav-link:hover {
  color: var(--bd-text);
  background: rgba(255,255,255,.06);
}

.main {
  margin-left: 240px;
  padding: 1rem;
}

.card {
  background: var(--bd-card-bg);
  border: 1px solid var(--bd-border);
  border-radius: .75rem;
  box-shadow: var(--bd-shadow);
  color: var(--bd-text);
}
.card .card-header { border-bottom: 1px solid var(--bd-border); color: var(--bd-muted); }

.btn-primary { background: var(--bd-primary); border-color: var(--bd-primary); }
.btn-outline-danger { border-color: var(--bd-danger); color: var(--bd-danger); }
.btn-outline-danger:hover { background: var(--bd-danger); color:#fff; }

.form-control, .form-select, .form-check-input, .form-control:focus, .form-select:focus {
  background: #1b1b2d; border:1px solid var(--bd-border); color: var(--bd-text);
  box-shadow: none;
}
.form-control::placeholder { color: #6f6f86; }

.table {
  color: var(--bd-text);
}
.table thead th {
  color: var(--bd-muted);
  border-bottom: 1px solid var(--bd-border);
}
.table tbody td, .table tbody th {
  border-top: 1px solid var(--bd-border);
}

/* DataTables v2 basic dark tune */
.dataTable-table {
  color: var(--bd-text);
}
.dataTable-table thead th {
  border-bottom: 1px solid var(--bd-border);
}
.dataTable-table tbody td {
  border-top: 1px solid var(--bd-border);
}
.dataTable-info, .dataTable-pagination, .dataTable-search input {
  color: var(--bd-muted);
}
.dataTable-search input {
  background:#1b1b2d; border:1px solid var(--bd-border); color:var(--bd-text);
}

/* Topbar spacer when sidebar present */
.content-wrapper {
  padding-top: 1rem;
}

.hr-white {
  border: none;              /* remove default border */
  height: 1px;               /* set thickness */
  background-color: #fff;    /* white color */
  opacity: 1;                /* ensure it’s fully solid */
}

/* Responsive */
@media (max-width: 992px) {
  .sidebar { transform: translateX(-100%); transition: transform .25s ease; }
  .sidebar.show { transform: translateX(0); }
  .main { margin-left: 0; }
}