body{margin:0;background:#f5f6fa}.customer-usage-page{min-height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 12% 8%,rgba(79,70,229,.12),transparent 34%),radial-gradient(circle at 88% 92%,rgba(14,165,233,.12),transparent 32%),#f5f6fa}.customer-usage-card{width:min(900px,100%);box-shadow:0 18px 50px #1e293b1a}.customer-usage-heading{display:flex;align-items:center;gap:14px}.customer-usage-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#4f46e5;background:#4f46e51a;font-size:26px}.customer-usage-query{display:flex;align-items:stretch;gap:12px}.customer-usage-query .ant-input-affix-wrapper{flex:1;padding-inline:14px;border-radius:10px}.customer-usage-query-btn{flex:0 0 auto;border-radius:10px;padding-inline:22px}.customer-usage-account{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border:1px solid #eef0f6;border-radius:10px;background:#fafbff;word-break:break-all}.customer-usage-stat{height:100%;padding:20px;border:1px solid #eef0f6;border-radius:12px;background:#fff}.customer-usage-stat-used .ant-statistic-content{color:#d97706}.customer-usage-stat-total .ant-statistic-content{color:#4f46e5}.customer-usage-stat-remaining .ant-statistic-content{color:#0891b2}.customer-usage-error{padding:18px;border-radius:10px;background:#fff2f0;text-align:center}.customer-usage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:480px){.customer-usage-page{padding:12px}.customer-usage-card{border-radius:12px}.customer-usage-heading{align-items:flex-start}.customer-usage-heading .ant-typography h2,.customer-usage-heading h2{font-size:24px}.customer-usage-footer{align-items:flex-start;flex-direction:column}.customer-usage-query{flex-direction:column}.customer-usage-query-btn{width:100%}}.upgrade-fail.ant-segmented .ant-segmented-item-selected,.upgrade-fail.ant-segmented .ant-segmented-item-selected .ant-segmented-item-label{background:#ff4d4f!important;color:#fff!important}.timeline-remark{white-space:pre-wrap;word-break:break-all}
