.usage-page{width:100%;max-width:1500px;color:var(--ink,#233e42);gap:22px;margin:0 auto;display:grid}.usage-heading,.usage-actions,.usage-period,.usage-section-heading,.usage-card-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.usage-heading{flex-wrap:wrap;align-items:flex-start}.usage-heading h2{margin:8px 0;font-size:28px}.usage-heading p{color:#61767a;margin:0}.usage-eyebrow{letter-spacing:1.4px;color:#25847f;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.usage-actions{flex-wrap:wrap;font-size:13px}.usage-actions a,.usage-actions button{color:#286f6b;background:#fff;border:1px solid #d4e1e0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 13px;text-decoration:none;display:inline-flex}.usage-actions button:disabled{opacity:.6;cursor:wait}.usage-actions button:focus-visible,.usage-page a:focus-visible,.usage-page summary:focus-visible{outline-offset:3px;outline:2px solid #16897e}.usage-period{color:#647579;flex-wrap:wrap;font-size:12px}.usage-period>div{gap:5px;display:grid}.usage-period b{color:#344c50;font-size:14px}.usage-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.usage-card{background:#fff;border:1px solid #dce5e3;border-radius:7px;min-width:0;padding:22px}.usage-card-label{min-height:34px;font-size:13px;font-weight:600}.usage-value{letter-spacing:-.7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0;font-size:clamp(23px,2.3vw,34px);display:block}.usage-muted,.usage-card small{color:#65797c;font-size:12px}.usage-card small{margin-top:12px;display:block}.usage-meter{background:#edf2f1;border-radius:8px;height:7px;margin:22px 0 12px;overflow:hidden}.usage-meter>span{border-radius:inherit;background:#229b8b;height:100%;display:block}.usage-card-status{color:#257c6d;gap:5px;font-size:11px}.usage-warning .usage-meter>span{background:#d99726}.usage-warning .usage-card-status{color:#946500}.usage-exceeded .usage-meter>span{background:#d7654e}.usage-exceeded .usage-card-status,.usage-over{color:#ba4431}.usage-unknown .usage-card-status{color:#728285}.usage-notice{background:#f7fbfa;border:1px solid #d4e1de;border-radius:6px;padding:18px 22px;font-size:13px;line-height:1.8}.usage-notice.usage-exceeded{color:#9c4434;background:#fff6f2;border-color:#edc7bd}.usage-notice h3{margin:0 0 8px;font-size:15px}.usage-notice p{margin:5px 0}.usage-notice details{margin-top:10px}.usage-notice summary{cursor:pointer;color:#277c72;font-weight:600}.usage-notice code{overflow-wrap:anywhere}.usage-history{background:#fff;border:1px solid #dce5e3;border-radius:7px;min-width:0;overflow:hidden}.usage-section-heading{flex-wrap:wrap;padding:20px 22px}.usage-section-heading h3{margin:0;font-size:16px}.usage-section-heading>span{color:#718183;font-size:12px}.usage-table-wrap{overflow-x:auto}.usage-history table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.usage-history th,.usage-history td{text-align:right;font-variant-numeric:tabular-nums;border-top:1px solid #e8eeed;padding:14px 22px}.usage-history tr>:first-child{text-align:left}.usage-history thead{color:#60777b;background:#f6f9f8;font-size:12px}.usage-history tbody th{font-weight:500}.usage-history tbody small{color:#218b7e}.usage-history .usage-over{font-weight:700}.usage-notes{color:#687d80;font-size:12px;line-height:1.9}.usage-notes h3{color:#445f63;margin:0;font-size:14px}.usage-notes p{margin:7px 0}.usage-notes a{margin-right:22px}.usage-page a{color:#237f75}@media (width<=1200px){.usage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.usage-cards{grid-template-columns:1fr}.usage-page{gap:16px}.usage-card{padding:18px}.usage-history th,.usage-history td{padding:12px 14px}}