.panel {
  background: linear-gradient(180deg, rgba(15,12,25,0.86), rgba(15,12,25,0.78));
  border: 1px solid rgba(199,125,255,0.08);
  box-shadow: 0 12px 34px rgba(0,0,0,0.45);
  border-radius: 12px;
  color: #e9def8;
}

.thumb {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c77dff;
  box-shadow:
    0 0 6px rgba(199,125,255,0.8),
    0 0 14px rgba(199,125,255,0.45);
}

.stat-card {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border: 1px solid rgba(199,125,255,0.04);
  transition: transform .12s ease, box-shadow .12s ease;
}
.stat-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,0.45); }

.stat-icon {
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(90deg, rgba(255,111,177,0.12), rgba(199,125,255,0.12));
  color:#fff;
  flex-shrink:0;
  box-shadow: inset 0 -6px 18px rgba(0,0,0,0.12);
}

.stat-body .stat-title { font-size:13px; color: rgba(255,255,255,0.8); margin:0; }
.stat-body .stat-value { font-size:20px; font-weight:700; margin:0; color:#fff; }

.latest-order .thumb {
  width:72px;
  height:72px;
  border-radius:10px;
  overflow:hidden;
  background: rgba(255,255,255,0.03);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.latest-order .thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.thumb-placeholder { font-size:12px; color:rgba(255,255,255,0.5); }

.link-underline { text-decoration: none; }
.link-underline:hover { text-decoration: underline; }

.display-balance h3 { margin:0; font-weight:800; color:#fff; }

.btn-sm { font-size:14px; padding:8px 14px; border-radius:999px; }

@media (max-width: 991px) {
  .panel { padding: 18px; }
  .stat-card { padding: 12px; }
}

/* small helpers */
.text-muted { color: rgba(255,255,255,0.66) !important; }