:root{
  --soft-bg: #f6f7fb;
}

body{
  background: var(--soft-bg) !important;
}

.brand-badge{
  font-weight: 700;
  letter-spacing: .2px;
}

.hero{
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(13,110,253,.12), rgba(25,135,84,.10));
  border: 1px solid rgba(0,0,0,.06);
}

.hero .hero-inner{
  padding: 18px 18px;
}

.hero h1{
  font-weight: 800;
}

.kpi{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  background: #fff;
  padding: 12px 12px;
}

.card{
  border-radius: 16px !important;
}

.btn{
  border-radius: 12px !important;
}

.slot-btn{
  min-width: 74px;
}

.small-muted{
  color: rgba(0,0,0,.6);
  font-size: .92rem;
}

.admin-chip{
  font-size: .85rem;
}

@media (max-width: 576px){
  .hero .hero-inner{
    padding: 14px 14px;
  }
  .kpi{
    padding: 10px 10px;
  }
}