.usage-filters { display: flex; align-items: end; gap: 14px; margin-bottom: 18px; }
.usage-filters label { flex: 1; }
.usage-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 18px; }
.usage-breakdowns,.billing-history { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 18px; }
.usage-breakdowns .wide-card,.billing-history .wide-card { margin: 0; min-width: 0; }
.table-scroll { overflow: auto; }
.usage-table { width: 100%; border-collapse: collapse; font-size: .84rem; }
.usage-table th,.usage-table td { padding: 11px 9px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.usage-table th { color: var(--muted); font-weight: 500; }
.billing-security { border-color: rgba(86,227,215,.35); }
.billing-security .card-button { margin-top: 12px; }
.billing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.billing-card { display: grid; gap: 12px; padding: 22px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); }
.billing-card h3,.billing-card p { margin: 0; }
.billing-price { font-size: 1.5rem; font-weight: 700; color: var(--text); }
.billing-list { display: grid; gap: 10px; }
.billing-row { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.billing-row strong,.billing-row span { overflow-wrap: anywhere; }
.billing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}
.billing-tabs button{min-height:44px;padding:10px 14px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:9px;cursor:pointer}
.billing-tabs .active{border-color:var(--cyan);background:#193033}
.billing-history{grid-template-columns:1fr}
.billing-security summary{cursor:pointer}
.message:empty{display:none}
@media (max-width: 1050px) { .usage-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) { .usage-filters { align-items: stretch; flex-direction: column; } .usage-metrics,.usage-breakdowns,.billing-grid,.billing-history { grid-template-columns: 1fr; } }