:root{
  --bfi-primary:#00523b;
  --bfi-accent:#01e58e;
  --bfi-card-bg:#ffffff;
  --bfi-card-border:#e5e7eb;
}
.bfi-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:768px){.bfi-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.bfi-card{
  padding:16px;border-radius:16px;
  background:linear-gradient(180deg, rgba(1,229,142,0.06) 0%, rgba(0,0,0,0) 60%), var(--bfi-card-bg);
  border:1px solid var(--bfi-card-border);box-shadow:0 2px 10px rgba(0,0,0,.05);
  position:relative;overflow:hidden;
}
.bfi-card:before{
  content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;
  background:radial-gradient(circle at center, var(--bfi-accent), transparent 60%);opacity:.12;
}
.bfi-card-label{font-size:14px;color:#6b7280;margin-bottom:8px;}
.bfi-card-value{font-size:30px;font-weight:800;line-height:1;color:var(--bfi-primary);text-shadow:0 1px 0 rgba(255,255,255,.5);}
.bfi-foot{margin-top:10px;font-size:12px;color:#6b7280;}