/* SaaS Admin UI Enhancements (2026-03) */
.navbar{
  backdrop-filter: blur(12px) saturate(140%);
  background: rgba(5, 8, 20, .72) !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.navbar .nav-link{ color: rgba(255,255,255,.86); }
.navbar .nav-link:hover, .navbar .nav-link.active{ color:#fff; }
.navbar-brand{ color:#fff !important; }

.bg-saas{
  background:
    radial-gradient(700px 380px at 15% 0%, rgba(59,130,246,.25), transparent 60%),
    radial-gradient(700px 420px at 95% 20%, rgba(168,85,247,.20), transparent 60%),
    linear-gradient(180deg, rgba(5,8,20,.98), rgba(10,18,36,.98));
  color: rgba(255,255,255,.92);
}
.sb-logo{ height:34px; width:auto; border-radius:10px; background: rgba(255,255,255,.08); padding:4px; }
.sb-section{
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin: .75rem 0 .35rem;
}
.sb-links{ display:flex; flex-direction:column; gap:.35rem; }
.sidebar-link{
  display:flex; align-items:center; gap:.35rem;
  padding:.65rem .75rem;
  border-radius: 14px;
  color: rgba(255,255,255,.86);
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.sidebar-link:hover{
  color:#fff;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.14);
  transform: translateY(-1px);
}
.sidebar-link.active{
  background: linear-gradient(135deg, rgba(59,130,246,.24), rgba(168,85,247,.22));
  border-color: rgba(255,255,255,.18);
  color:#fff;
}
.sb-bottom .btn{ border-radius: 14px; }

body.theme-dark .navbar{
  background: rgba(5, 8, 20, .78) !important;
}
body.theme-dark .offcanvas .btn-close{ filter: invert(1); opacity: .8; }

/* Hero blobs animation for dashboards */
.saas-hero{
  position:relative;
  border-radius: var(--radius);
  overflow:hidden;
  background: linear-gradient(135deg, rgba(59,130,246,.18), rgba(168,85,247,.14));
  border:1px solid rgba(15,23,42,.08);
}
body.theme-dark .saas-hero{
  border-color: rgba(255,255,255,.10);
}
.saas-hero::before,
.saas-hero::after{
  content:"";
  position:absolute;
  width:520px;height:520px;border-radius:50%;
  filter: blur(40px);
  opacity:.65;
  animation: heroFloat 9s ease-in-out infinite alternate;
}
.saas-hero::before{
  left:-240px; top:-260px;
  background: radial-gradient(circle at 30% 30%, rgba(59,130,246,.9), rgba(59,130,246,0));
}
.saas-hero::after{
  right:-280px; bottom:-300px;
  background: radial-gradient(circle at 30% 30%, rgba(168,85,247,.9), rgba(168,85,247,0));
  animation-duration: 11s;
}
@keyframes heroFloat{
  from{ transform: translate3d(0,0,0) scale(1); }
  to{ transform: translate3d(50px, 30px, 0) scale(1.05); }
}

/* Better cards for data-heavy pages */
.card.lift{ transition: transform .12s ease, box-shadow .12s ease; }
.card.lift:hover{ transform: translateY(-2px); box-shadow: var(--shadow); }