:root{
  --font-color-darker:#e6e6e6;
  --accent:#54be7e;
  --card-bg:rgba(255,255,255,0.98);
  --card-radius:1rem;
  --shadow:0 16px 40px rgba(0,0,0,.22);
}

body{
  background-color:#181818;
  color:var(--font-color-darker);
  font-size:10pt;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin:0;
  min-height:100vh;
}

.text-muted-hero{ color: #cfcfcf; }

.btn-cta{
  background: var(--accent);
  color: #0a2b18;
  border-radius: 999px;
  padding: .6rem 1rem;
  font-weight: 600;
  border: none;
  box-shadow: 0 8px 20px rgba(84,190,126,.35);
}
.btn-cta:hover{ filter: brightness(.95); color:#0a2b18; }

.card{
  background:var(--card-bg);
  border:none;
  border-radius:var(--card-radius);
  box-shadow:var(--shadow);
  color:#111;
}

.sparkline{width:100%;height:140px;display:block;}
.sparkline-compact{width:100%;height:60px;display:block;}

.metric-title{font-weight:600;margin-bottom:.25rem;}
.metric-value{font-size:1.5rem;font-weight:700;}

.hero .badge.bg-dark-subtle{background:#2a2a2a;color:#ddd;}
.bg-dark-subtle{background:#2a2a2a !important;color:#ddd;}

h1{letter-spacing:.3px;}