:root{--sfb-tile-w:240px;--sfb-tile-h:180px}.sfb-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.sfb-tile{width:var(--sfb-tile-w);height:var(--sfb-tile-h);border-radius:16px;padding:12px;box-shadow:0 10px 24px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:6px;overflow:hidden}.sfb-top{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.sfb-tile:not(:has(.sfb-gauge-wrap)) .sfb-top{margin-bottom:10px}.sfb-title{font-weight:800;font-size:14px;line-height:1.15}.sfb-sub{font-size:12px;color:rgba(0,0,0,.55)}.sfb-gauge-wrap{display:flex;justify-content:center;align-items:center;margin-top:2px}.sfb-gauge{width:150px;height:82px;display:block}.sfb-arc-bg{fill:none;stroke:rgba(0,0,0,.14);stroke-width:10;stroke-linecap:round}.sfb-arc-fg{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .4s ease}.sfb-needle{stroke:rgba(0,0,0,.65);stroke-width:2.2;stroke-linecap:round}.sfb-needle-cap{fill:rgba(0,0,0,.65)}.sfb-amount{text-align:center;font-weight:900;font-size:16px;color:rgba(0,0,0,.88);margin-top:-2px}.sfb-tile:not(:has(.sfb-gauge-wrap)) .sfb-amount{font-size:34px}.sfb-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sfb-meta{font-size:12px;color:rgba(0,0,0,.55)}.sfb-target{font-size:12px;color:rgba(0,0,0,.55)}.sfb-count{opacity:.65;font-size:13px;text-align:center;margin-top:6px;font-weight:600}.sfb-meta-line{display:flex;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:rgba(0,0,0,.65);margin-top:-2px}.sfb-count{white-space:nowrap}.sfb-target-inline{white-space:nowrap}.sfb-meta-line{display:flex;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:rgba(0,0,0,.65);margin-top:-2px}.sfb-count{white-space:nowrap}.sfb-target-inline{white-space:nowrap}.sfb-spark{height:26px;margin-top:14px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.sfb-spark span{width:7px;border-radius:4px;background:rgba(0,0,0,.18)}.sfb-tile:not(:has(.sfb-gauge-wrap)){display:flex;flex-direction:column;justify-content:center}.sfb-spark{height:26px;margin-top:14px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.sfb-spark span{width:6px;border-radius:4px;background:rgba(0,0,0,.15)}.sfb-tile:not(:has(.sfb-gauge-wrap)) .sfb-amount{font-size:26px;font-weight:900;letter-spacing:.3px}.sfb-vs{text-align:center;font-size:16px;font-weight:600;margin-top:6px;color:rgba(0,0,0,.55)}.sfb-vs.up{color:#2fb344}.sfb-vs.down{color:#e03131}