.ga-chart{--card:#003a6b; --fg:#e6edf3; --muted:#cfe3ff; --accent:#f0ad2c;
  background:var(--card); color:var(--fg); padding:16px; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.25)}
.ga-bars{display:grid; gap:10px}
.ga-bar{display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center}
.ga-label{color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%}
.ga-track{position:relative; height:36px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.18); border-radius:999px; overflow:hidden}
.ga-fill{position:absolute; inset:0 auto 0 0; width:0%; background:var(--accent); border-right:2px solid rgba(0,0,0,.25); transition:width .35s ease}
.ga-value{min-width:40px; text-align:right; color:#fff}
@media (max-width:640px){ .ga-track{height:30px} .ga-bar{gap:10px} .ga-chart{padding:14px; border-radius:14px} }