:root{
  --brand:#ff3b3b;
  --brand2:#ffd24d;
  --ink:#0b0e14;
}
.hero{
  background: radial-gradient(1100px 500px at 20% 10%, rgba(255,59,59,.30), transparent 55%),
              radial-gradient(900px 400px at 80% 15%, rgba(255,210,77,.30), transparent 55%),
              linear-gradient(180deg, #0b0e14 0%, #111827 100%);
  color:#fff;
}
.badge-soft{
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.card-hover{
  transition: transform .16s ease, box-shadow .16s ease;
}
.card-hover:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.sidebar{
  min-height: 100vh;
  background: linear-gradient(180deg, #0b0e14, #111827);
}
.sidebar a{
  color: rgba(255,255,255,.85);
  text-decoration:none;
}
.sidebar a.active, .sidebar a:hover{
  color:#fff;
}
.table td, .table th{ vertical-align: middle; }