.usage-heading{margin:24px 0 30px}.usage-heading>span{color:#3154df;font-weight:700}.usage-page label{margin:12px 0 8px;font-weight:600;display:block}.usage-page input,.usage-page select{background:#fff;border:1px solid #aab9d3;border-radius:12px;width:100%;padding:14px;font-size:1rem}.usage-page .primary,.usage-page .outline{border-radius:12px;min-height:44px}.usage-page button:disabled{opacity:.55;cursor:not-allowed}.usage-page :focus-visible{outline-offset:3px;outline:3px solid #3154df}.usage-metrics{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.usage-metrics article{background:#edf2ff;border-radius:16px;padding:20px}.usage-metrics span,.usage-metrics strong{display:block}.usage-metrics strong{text-align:start;margin-top:10px;font-size:clamp(1.4rem,5vw,2rem)}.usage-status{color:#2445bb;background:#edf2ff;border-radius:20px;padding:6px 14px;font-weight:700;display:inline-block}.usage-note{color:#536079;font-size:.9rem}.usage-page progress{accent-color:#3154df;width:100%;height:16px;display:block}.usage-page>aside{margin-top:24px}@media (max-width:420px){.usage-metrics{grid-template-columns:1fr}.usage-page .order-card{padding:18px}}.usage-page .order-link-recovery{background:#edf2ff;border:1px solid #b9c7e4;border-radius:16px;margin:20px 0;padding:20px}.usage-page .order-link-recovery summary{color:#2445bb;cursor:pointer;font-size:1rem}.personal-link-example{background:#f3f6fc;border-radius:12px;margin-top:16px;padding:14px;font-size:14px}.personal-link-example code{overflow-wrap:anywhere;white-space:normal;text-align:left;margin-top:6px;font-size:14px;display:block}.usage-metrics strong.usage-expiry{font-size:clamp(1.1rem,4vw,1.7rem)}@media (max-width:420px){.usage-metrics{grid-template-columns:1fr 1fr;gap:8px}.usage-metrics article{padding:14px}.usage-metrics span{font-size:.85rem}}
