/* Sidebar Gradient Background - Darker & Subtle */
.progress {
  --bs-progress-bg: rgb(200, 200, 200);
}

.btn-primary {
  --bs-btn-bg: #1976d2;
}
.bg-vertex {
  background-color: #1976d2;
}


.sidebar {
  background: linear-gradient(180deg, #1976d2 0%, #1565c0 60%, #0d47a1 100%);
  color: #fff;
  box-shadow: 2px 0 8px rgba(33, 150, 243, 0.10);
}

/* Sidebar Links */
.sidebar a, .sidebar .nav-link {
  color: #fff;
  transition: color 0.2s, background 0.2s, border 0.2s;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}

/* Active Sidebar Item: Rectangle Highlight */
.sidebar a.active, .sidebar .nav-link.active {
  background: rgba(255,255,255,0.15);
  color: #ffd600 !important;
  border-left: 5px solid #ffd600;
  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.08);
  font-weight: bold;
}

/* Sidebar Hover */
.sidebar a:hover, .sidebar .nav-link:hover {
  background: rgba(255,255,255,0.10);
  color: #ffd600;
}
.sidebar-logo-bg {
  display: inline-block;      /* shrink‑to‑fit */
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 1rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  width:100px;
}

.sidebar-logo-bg img {
  display: block;             /* remove inline gap below image */
  max-width: 100%;            /* fill the container */
  height: auto;
}

.table thead th {
  background-color: #1976d2;
  color: #fff;
}