/* Admin theme: oscuro elegante con gradientes /admin/admin.css */
.admin-bg{
  background:
    radial-gradient(1100px 420px at 15% 10%, rgba(236,72,153,.28), transparent 60%),
    radial-gradient(1100px 440px at 85% 12%, rgba(139,92,246,.28), transparent 60%),
    radial-gradient(900px 460px at 35% 92%, rgba(167,139,250,.20), transparent 60%),
    linear-gradient(180deg, #0b1220 0%, #0b1220 100%);
  min-height: 100vh;
}

/* Topbar que sobresale */
.admin-topbar{
  background:
    linear-gradient(135deg, rgba(236,72,153,.24), rgba(139,92,246,.22)),
    rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}

.admin-badge{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: white;
  font-weight: 800;
  background: linear-gradient(135deg, #ec4899, #8b5cf6);
  box-shadow: 0 18px 45px rgba(236,72,153,.22);
}

.admin-title{
  color: #fff;
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 18px;
}
.admin-subtitle{
  color: rgba(255,255,255,.75);
  font-size: 13px;
}

.admin-user{
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
}

.admin-btn-soft{
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
}
.admin-btn-soft:hover{
  background: rgba(255,255,255,.20);
  color: #fff;
}

.admin-card{
  border-radius: 18px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 55px rgba(0,0,0,.28);
  color: #fff;
}
.admin-card:hover{
  transform: translateY(-1px);
  transition: .16s ease;
  box-shadow: 0 22px 70px rgba(0,0,0,.34);
}

.admin-card .muted{
  color: rgba(255,255,255,.72);
}

.admin-kpi{
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(236,72,153,.16), rgba(139,92,246,.14));
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 55px rgba(0,0,0,.25);
  color:#fff;
}

.admin-footer{
  margin-top: 30px;
  background: rgba(255,255,255,.05);
  border-top: 1px solid rgba(255,255,255,.12);
}