.nav-usage{margin-top:4px}.usage-nav-meter{min-width:32px;text-align:center;color:#1c2339;background:#dbe9ff;border:1px solid #b8d5ff;border-radius:999px;font-size:11px;font-style:normal}.usage-nav-meter.is-warning{background:#ffe3a4;border-color:#ffcf68;color:#503400}.usage-nav-meter.is-full{background:#ffd3a8;border-color:#ffb26b;color:#552400}.usage-page{display:grid;gap:18px;max-width:1040px}.usage-page h2{margin:0;font-size:32px}.usage-intro,.usage-note{margin:0;color:var(--muted,#5b6983)}.usage-plan-summary,.usage-grid{display:grid;gap:14px}.usage-plan-summary{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.usage-plan-summary>div,.usage-plan-summary>a{padding:18px;border:1px solid var(--line,#dfe6f5);border-radius:14px;background:var(--card,#fff)}.usage-plan-summary span{display:block;color:var(--muted,#5b6983);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.usage-plan-summary strong{display:block;margin-top:7px;font-size:22px}.usage-plan-summary>a{display:grid;place-items:center;text-decoration:none}.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-card,.usage-storage-action{border:1px solid var(--line,#dfe6f5);border-radius:16px;background:var(--card,#fff);padding:19px}.usage-card-head,.usage-storage-action{display:flex;justify-content:space-between;gap:15px}.usage-card-head span{display:block;color:var(--muted,#5b6983);font-size:13px;font-weight:800}.usage-card-head strong{display:block;margin-top:8px;font-size:24px}.usage-card-head small{font-size:14px;color:var(--muted,#5b6983)}.usage-card-head b{color:#4a4bcc}.usage-meter{height:10px;margin:16px 0 10px;border-radius:99px;background:#dce5f7;overflow:hidden}.usage-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ccaff,#7657e8)}.usage-card p,.usage-storage-action p{margin:0;color:var(--muted,#5b6983);font-size:14px;line-height:1.5}.usage-storage-action{align-items:center}.usage-storage-action h3{margin:5px 0 8px;font-size:18px}.usage-storage-action>a{flex:0 0 auto;text-decoration:none;white-space:nowrap}.usage-warning{border-color:#f0bf62;background:#fffaf0}.usage-error{padding:14px;border-radius:12px;background:#fff1e5;color:#682600}@media(max-width:760px){.usage-page{padding-bottom:98px}.usage-page h2{font-size:27px}.usage-plan-summary,.usage-grid{grid-template-columns:1fr}.usage-storage-action{align-items:stretch;flex-direction:column}.usage-storage-action>a{width:100%;text-align:center}.mobile-nav [data-view="usage"]{font-weight:800}}