:root{
  --sidebar-w: 270px;
}
body{
  background: #0b1220;
}
.bg-app{
  min-height: 100vh;
  background:
    radial-gradient(1000px 600px at 20% 0%, rgba(99,102,241,.25), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(34,197,94,.18), transparent 55%),
    radial-gradient(800px 600px at 50% 100%, rgba(14,165,233,.12), transparent 60%),
    #0b1220;
}
.card-blur{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
}
.text-soft{ color: rgba(255,255,255,.80); }
.nav-pills .nav-link{
  color: rgba(255,255,255,.75);
  border-radius: 14px;
}
.nav-pills .nav-link.active{
  background: rgba(99,102,241,.25);
  color: #fff;
  border: 1px solid rgba(99,102,241,.35);
}
.sidebar{
  width: var(--sidebar-w);
  position: sticky;
  top: 0;
  height: 100vh;
}
.badge-soft{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.85);
}
.table-darkish{
  --bs-table-bg: rgba(255,255,255,.04);
  --bs-table-striped-bg: rgba(255,255,255,.06);
  --bs-table-border-color: rgba(255,255,255,.08);
  color: rgba(255,255,255,.85);
}
a{ text-decoration: none; }
.form-control, .form-select{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.90);
}
.form-control:focus, .form-select:focus{
  box-shadow: 0 0 0 .2rem rgba(99,102,241,.20);
  border-color: rgba(99,102,241,.35);
  background: rgba(255,255,255,.08);
  color: #fff;
}
.btn-primary{
  background: rgba(99,102,241,.85);
  border-color: rgba(99,102,241,.85);
}
.btn-primary:hover{
  background: rgba(99,102,241,1);
  border-color: rgba(99,102,241,1);
}
.small-muted{ color: rgba(255,255,255,.55); font-size:.9rem; }