/* Left side cards */
.branch-cards-container {
  background: linear-gradient(180deg, #3347a5, #1d285e);
  color: #fff;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.stats-list {
  flex: 1;
  overflow-y: auto;
}

.branch-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 12px;
  margin-bottom: 12px;
  transition: all 0.3s ease;
}

.branch-card:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.15);
}

.branch-card .fw-bold {
  font-size: 1rem;
}

.branch-card small {
  color: #ddd;
}

/* Right side chart */
.chart-wrapper {
  background: #fff;
  border-radius: 20px;
  border: 3px solid #2b3e83;
  padding: 20px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  height: 500px;
  display: flex;
  flex-direction: column;
  height: 100% !important;
  width: 100% !important;
}

.chart-box {
  flex: 1;
  height: 100% !important;
  width: 100% !important;
}

.chart-wrapper canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}