html,
body {
  overflow-x: hidden;
}
@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}
body {
  background-color: #07060b;
}
.min-h-screen.bg-gradient-to-br.from-slate-50.to-slate-100 {
  background-image: none !important;
  background-color: #07060b !important;
}
.min-h-screen .bg-white\/80 {
  background-color: rgba(18, 16, 28, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.min-h-screen .text-slate-900 {
  color: #f7f5ff !important;
}
.min-h-screen .text-slate-700 {
  color: #e6e2f0 !important;
}
.min-h-screen .text-slate-600 {
  color: #a8a3b8 !important;
}
.min-h-screen .bg-red-100 {
  background-color: rgba(239, 68, 68, 0.18) !important;
}
.min-h-screen .text-red-500 {
  color: #f87171 !important;
}
.min-h-screen .bg-blue-600 {
  background-color: #7c3aed !important;
}
.min-h-screen .hover\:bg-blue-700:hover {
  background-color: #6d28d9 !important;
}
@media (min-width: 900px) {
  .finance-hero-compact .balance-chip {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 132px !important;
    justify-items: start !important;
  }
  .finance-hero-compact .balance-chip strong,
  .finance-hero-compact .balance-chip small {
    white-space: nowrap !important;
  }
}