:root{
  --app-bg:#f6f7fb;
  --card-radius:16px;
}
body{ background:var(--app-bg); }
.card{ border-radius:var(--card-radius); }
.shadow-soft{ box-shadow:0 6px 20px rgba(15,23,42,.06); }
.sidebar{
  min-height: calc(100vh - 56px);
  position: sticky;
  top:56px;
}
.nav-pillish .nav-link{
  border-radius:12px;
  padding:.6rem .8rem;
}
.nav-pillish .nav-link.active{
  background:#0d6efd;
  color:#fff;
}
.kpi{
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  padding:14px;
}
.skeleton{
  background: linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.02), rgba(0,0,0,.06));
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
  border-radius: 10px;
  height: 12px;
}
@keyframes shimmer{ 0%{background-position:200% 0} 100%{background-position:-200% 0} }