body {
  background: #f7fbff; /* putih kebiruan lembut */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.navbar-custom {
  background: linear-gradient(90deg, #0d6efd, #3aa6ff);
}

.footer-custom {
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,.06);
}

.card {
  border: 0;
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(18, 81, 155, 0.10);
}

.badge-soft {
  background: rgba(13,110,253,.12);
  color: #0d6efd;
  border-radius: 999px;
  padding: .35rem .6rem;
  font-weight: 600;
}
.navbar-brand img{
  object-fit: contain;
}

/* header lebih besar */
.navbar-big{
  padding-top: 14px;
  padding-bottom: 14px;
}

/* logo brand */
.brand-logo{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255,255,255,.12);
  padding: 6px;
  object-fit: contain;
}

/* teks brand */
.brand-text .brand-subtitle{
  font-size: 12px;
  opacity: .9;
  letter-spacing: .2px;
}

.brand-text .brand-title{
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}
/* card kecil dalam breakdown */
.dashboard-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 14px;
}
@media(max-width: 768px){
  .dashboard-head{ flex-direction:column; align-items:flex-start; }
}

.summary-card{ position: relative; overflow:hidden; }
.summary-icon{ font-size: 28px; line-height: 1; opacity: .9; }

.top-sm-item{
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  background: rgba(255,255,255,.7);
  margin-bottom: 10px;
}

.inner-card{
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: none;
}