:root{
  --brand:#0d6efd; /* change to your brand blue */
}

body { background: #f6f8fb; }

.sidebar { transition: transform .2s ease; }
@media (max-width: 991.98px) { /* < lg */
  .sidebar { position: fixed; top: 56px; left: 0; right: 0; bottom: 0; width: 260px; transform: translateX(-100%); z-index: 1040; }
  .sidebar.show { transform: translateX(0); background: #fff; }
  main { padding-top: 1rem; }
}

.list-group-item.active {
  background-color: var(--brand);
  border-color: var(--brand);
}

.card-quick:hover { transform: translateY(-2px); box-shadow: 0 0.5rem 1rem rgba(0,0,0,.08); }

/* Dark mode (auto) */
@media (prefers-color-scheme: dark){
  body { background:#0b0f14; color: #e6e6e6; }
  .navbar, .bg-white { background:#10161d !important; }
  .border-bottom, .border-end { border-color:#223 !important; }
  .list-group-item { background:#0f141a; color:#cfd8e3; border-color:#223; }
  .list-group-item.active { background-color:#2080ff; }
  .bg-body-tertiary { background:#0d131a !important; }
  .card { background:#0f141a; border-color:#223; }
}