body {
  background: radial-gradient(circle at 8% 5%, #e6f1fb 0%, #f8f6f0 34%, #f2efe7 100%);
  margin: 0;
}

#metric-cards > div {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

#metric-cards > div:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(17, 42, 70, 0.14) !important;
}

@keyframes riseIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 760px) {
  #app-shell {
    padding: 1rem 0.8rem !important;
  }

  #app-shell h1 {
    font-size: 24px !important;
  }
}