:root {
  --stat-primary: #3b7ddd;
  --stat-success: #1cbb8c;
  --stat-warning: #fcb92c;
  --stat-danger: #dc3545;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.stat {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
}
.stat-primary { background: var(--stat-primary); }
.stat-success { background: var(--stat-success); }
.stat-warning { background: var(--stat-warning); }
.stat-danger { background: var(--stat-danger); }

.card {
  border-radius: 6px;
}
.card-header {
  font-weight: 600;
  padding: 14px 20px;
}
.card-body { padding: 20px; }

.table thead th {
  background: #f8f9fa;
  color: #495057;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 2px solid #dee2e6;
  padding: 10px 12px;
  white-space: nowrap;
}
.table tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}
.table tbody tr:hover td { background: #f0f7ff; }

.sidebar-item.active > .sidebar-link {
  background: rgba(59,125,221,0.25) !important;
  color: #fff !important;
  font-weight: 600;
  border-left: 3px solid var(--stat-primary) !important;
}
.sidebar-item > .sidebar-link {
  border-left: 3px solid transparent;
  transition: all 0.15s;
}
.sidebar-item > .sidebar-link:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}

/* dark sidebar (AdminKit standard) */
.sidebar, .sidebar-content, body[data-theme=default] .sidebar, body[data-theme=default] .sidebar-content {
  background: #222e3c !important;
}
.sidebar-link, a.sidebar-link {
  background: transparent !important;
  color: rgba(233,236,239,.5) !important;
}
.sidebar-link:hover, a.sidebar-link:hover {
  color: #fff !important;
}
.sidebar-link i, a.sidebar-link i {
  color: rgba(233,236,239,.5) !important;
}
.sidebar-brand-text {
  color: #fff !important;
}
.sidebar-user-title {
  color: #fff !important;
}
.sidebar-user-subtitle {
  color: rgba(233,236,239,.5) !important;
}
.sidebar-header {
  color: rgba(233,236,239,.4) !important;
}
.sidebar-item.active > .sidebar-link i {
  color: #fff !important;
}

/* navbar tetap light */
.navbar-bg {
  background: #fff !important;
}

/* footer tetap light */
footer.footer {
  background: #fff !important;
}

/* light content */
.card, .modal-content {
  background-color: #fff !important;
}
.card-header {
  background-color: #fff !important;
}
.table, table.dataTable, .table tbody, .table tbody tr, table.dataTable tbody, table.dataTable tbody tr {
  background-color: #fff !important;
}
table, .table, table.dataTable {
  --bs-table-bg: #fff;
  --bs-table-striped-bg: #f8f9fa;
  --bs-table-hover-bg: #f0f7ff;
}