.sidebar {
  width: 250px;
  transition: all 0.3s;
}

.collapsed-sidebar {
  width: 70px !important;
}

.collapsed-sidebar .sidebar-title,
.collapsed-sidebar .nav-link span {
  display: none !important;
}

/* default sidebar width: 240px */
.main-content {
  transition: margin-left 0.3s ease;
  margin-left: 240px;
}
.main-content.collapsed {
  margin-left: 80px; /* or whatever collapsed sidebar width is */
}

.customers-page { padding: 20px; }
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filters { margin: 1rem 0; }
.table {
  width: 100%;
  border-collapse: collapse;
}
.table th, .table td {
  padding: 0.75rem;
  border-bottom: 1px solid #e0e0e0;
}
.credit { color: green; }
.debit { color: red; }
.btn-sm {
  font-size: 0.8rem;
  margin-right: 0.5rem;
}