.bi-gauges{display:flex;flex-wrap:wrap;gap:18px;margin:10px 0}
.bi-gauge-box,.bi-kpi-box{width:160px;text-align:center}
.bi-gauge{--deg:-90;width:160px;height:80px;border-radius:80px 80px 0 0;position:relative;
  background:conic-gradient(from -90deg at 50% 100%, #ef4444 0deg, #f59e0b 60deg, #22c55e 120deg 180deg, #e2e8f0 180deg 360deg);
  overflow:hidden}
.bi-gauge::after{content:"";position:absolute;left:14px;right:14px;top:14px;bottom:0;background:#fff;border-radius:80px 80px 0 0}
.bi-gauge-needle{position:absolute;left:50%;bottom:0;width:2px;height:64px;background:#0f172a;transform-origin:bottom center;transform:translateX(-1px) rotate(calc(var(--deg) * 1deg));z-index:2}
.bi-gauge-value{font-weight:700;margin-top:6px}
.bi-gauge-label,.bi-kpi-label{font-size:12px;color:#64748b}
.bi-kpi-box{padding-top:14px}
.bi-kpi-value{font-size:26px;font-weight:800;color:#0f172a}
.bi-chart{width:100%;max-width:100%;display:block;margin-top:10px}