.cost-top{display:flex;align-items:end;gap:14px;justify-content:space-between;margin-bottom:12px}.cost-top label{min-width:270px}.cost-top>div{display:flex;flex:1;flex-direction:column}.cost-top span{color:var(--muted,#667085);font-size:13px}.cost-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.cost-metrics>div{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:15px;padding:14px}.cost-metrics small,.cost-metrics b{display:block}.cost-metrics small{color:var(--muted,#667085)}.cost-metrics b{font-size:22px;margin-top:4px}.cost-note{font-size:12px;color:var(--muted,#667085);margin:10px 0 14px}.cost-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px}.cost-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.cost-bars,.cost-history{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:17px;padding:16px}.cost-bar-row{margin:0 0 14px}.cost-bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px}.cost-bar-row span{color:var(--muted,#667085)}.cost-track{height:8px;border-radius:99px;background:#eef1f5;margin-top:7px;overflow:hidden}.cost-track i{display:block;height:100%;border-radius:99px;background:currentColor;opacity:.65}.cost-history h3{margin-top:0}.cost-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef1f4;padding:10px 0}.cost-row:first-of-type{border-top:0}.cost-row b,.cost-row small{display:block}.cost-row small{color:var(--muted,#667085);font-size:11px;margin-top:3px}.cost-row strong{white-space:nowrap}
@media(max-width:950px){.cost-layout{grid-template-columns:1fr}.cost-metrics{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cost-top{display:grid}.cost-top label{min-width:0}.cost-metrics{grid-template-columns:1fr}.cost-filters{grid-template-columns:1fr}}