.carousel-row {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: #bbb #f3f5fb;
  scroll-snap-type: x mandatory;
}
.wallet-card {
  min-width: 135px;
  background: linear-gradient(135deg, #fffbe8 70%, #e0eaff 100%);
  border-radius: 14px;
  box-shadow: 0 2px 14px #1a56b718;
  padding: 12px 9px 10px 12px;
  font-size: 0.98em;
  text-align: left;
  border: 1.5px solid #f9d67a;
  color: #1e3666;
  transition: transform 0.14s, box-shadow 0.14s;
  flex: 0 0 auto;
  scroll-snap-align: start;
}
.wallet-card:hover {
  transform: scale(1.045) translateY(-2px);
  box-shadow: 0 4px 20px #5a80d140;
  border-color: #f8c50e;
}
.wallet-card .amt { color: #18873b; font-weight: bold; font-size: 1.08em;}
.wallet-card .admin { color: #b187fa; font-weight: 600; }
@media (max-width: 480px) {
  .modal { max-width:98vw; padding: 11px 1px; }
  .wallet-card { min-width: 108px; font-size:0.82em; padding: 8px 2px 6px 4px;}
}
@keyframes modalAppear {
  from { opacity: 0; transform: scale(0.92);}
  to   { opacity: 1; transform: scale(1);}
}
.animate-modalAppear {
  animation: modalAppear 0.24s cubic-bezier(.41,1.04,.83,.67);
}