.box {
  border-radius: 10px;
  padding: 18px 20px;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  height: 100%;
}
.box-label {
  font-size: 0.85rem;
  text-transform: uppercase;
  opacity: 0.9;
  margin-bottom: 6px;
}
.box-value {
  font-size: 1.5rem;
  font-weight: 700;
}
.box-blue   { background: #2563eb; }
.box-green  { background: #16a34a; }
.box-red    { background: #dc2626; }
.box-orange { background: #ea580c; }
.box-teal   { background: #0d9488; }
.box-purple { background: #7c3aed; }
.box-cyan   { background: #0891b2; }
.box-gray   { background: #4b5563; }