:root{
  --brand-gradient: linear-gradient(135deg, #3b82f6 0%, #9333ea 100%);
}
body{ font-feature-settings: "ss01","cv01"; }
.navbar-brand{ background: var(--brand-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.card-gradient{ background: var(--brand-gradient); color: white; }
.card-hover{ transition: transform .12s ease, box-shadow .12s ease; }
.card-hover:hover{ transform: translateY(-2px); box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,.08); }
.kpi{ font-variant-numeric: tabular-nums; }
.sidebar{
  min-height: calc(100vh - 60px);
  border-right: 1px solid rgba(0,0,0,.08);
}
.sidebar .nav-link{ border-radius: .5rem; }
.sidebar .nav-link.active{ background: rgba(59,130,246,.15); color:#0d6efd; }
.table thead th{ white-space: nowrap; }
.badge-soft{ background: rgba(13,110,253,.1); color:#0d6efd; }