:root{
  --ss-green:#1F7A63;
  --ss-green-dark:#0f4f3f;
  --ss-accent:#F4C430;
  --ss-bg:#f7faf9;
}
body{ background: var(--ss-bg); }
.navbar{ background: linear-gradient(90deg, var(--ss-green-dark), var(--ss-green)); }
.navbar .navbar-brand, .navbar .nav-link{ color:#fff !important; }
.hero{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(244,196,48,.25), transparent 60%),
              radial-gradient(900px 500px at 80% 20%, rgba(31,122,99,.22), transparent 55%),
              linear-gradient(180deg, #ffffff, rgba(31,122,99,.06));
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.badge-soft{
  background: rgba(31,122,99,.10);
  color: var(--ss-green-dark);
  border: 1px solid rgba(31,122,99,.18);
}
.card{ border: 1px solid rgba(0,0,0,.06); border-radius: 1rem; }
.btn-primary{
  background: var(--ss-green);
  border-color: var(--ss-green);
}
.btn-primary:hover{ background: var(--ss-green-dark); border-color: var(--ss-green-dark); }
.btn-outline-accent{
  border-color: var(--ss-accent);
  color: #6b4e00;
}
.btn-outline-accent:hover{
  background: var(--ss-accent);
  border-color: var(--ss-accent);
  color:#1a1a1a;
}
.footer{
  background: #0b2f26;
  color: rgba(255,255,255,.85);
}
.footer a{ color: rgba(255,255,255,.9); }
.small-muted{ color: rgba(255,255,255,.7); }
.kpi{
  font-weight: 700;
  color: var(--ss-green-dark);
}
.icon-tile{
  width: 52px; height: 52px;
  border-radius: 14px;
  background: rgba(244,196,48,.18);
  border: 1px solid rgba(244,196,48,.30);
  display:flex; align-items:center; justify-content:center;
  font-weight:800;
  color:#6b4e00;
}
.notice{
  background: rgba(244,196,48,.18);
  border: 1px solid rgba(244,196,48,.30);
  border-radius: 1rem;
}