.billing-gridTop{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.billing-gridTop{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:stretch}}.billing-card{--p-color-bg-fill-info: #00806047;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 1px 3px #0000000d}.billing-cardPad{padding:24px}.billing-planCard{background:#00654b;color:#fff;border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px #00654b40}.billing-planCardPad{padding:24px}.billing-planList{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.billing-planListItem{display:flex;align-items:flex-start;gap:10px;color:#ffffffe6;font-weight:600;font-size:13px}.billing-planCheck{width:18px;height:18px;border-radius:9999px;background:#ffffff29;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:1px}.billing-planButtons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.billing-logsCard{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:14px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.billing-logsHeader{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(0,0,0,.05)}.billing-logsTableWrap{overflow-x:auto}.billing-logsTable{width:100%;border-collapse:collapse;min-width:760px}.billing-logsTable th{text-align:left;padding:12px 24px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#6d7175;background:#fafbfc;border-bottom:1px solid rgba(0,0,0,.05)}.billing-logsTable td{padding:14px 24px;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.billing-logsPrimary{color:#181c1f;font-size:14px}.billing-logsSecondary{margin-top:2px;font-weight:600;color:#6d7175;font-size:12px}.billing-statusPill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9999px;font-size:12px;font-weight:700;border:1px solid transparent}.billing-statusPillDot{width:8px;height:8px;border-radius:9999px}.billing-statusSuccess{background:#0080601f;border-color:#0080602e;color:#00654b}.billing-statusSuccess .billing-statusPillDot{background:#008060}.billing-statusMuted{background:#6d71751f;border-color:#6d71752e;color:#3f4a45}.billing-statusMuted .billing-statusPillDot{background:#6d7175}.billing-statusCritical{background:#d82c0d1a;border-color:#d82c0d2e;color:#b23b1a}.billing-statusCritical .billing-statusPillDot{background:#d82c0d}.billing-emptyState{padding:28px 24px;color:#6d7175;font-weight:600}.billing-packGrid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:560px){.billing-packGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.billing-packModalBody{padding:20px}.billing-packChooseBtn{width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.2);background:#fff;padding:10px 14px;font-weight:600;cursor:pointer}.billing-packChooseBtn:hover:enabled{border-color:#0006}.billing-packChooseBtn:disabled{cursor:not-allowed;opacity:.5}.billing-packChooseBtn.isSelected:disabled{background:#0000000f;border-color:#0000000f;opacity:1}.billing-usageRow{display:flex;align-items:center;justify-content:space-between}.billing-usageTitle{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#008060;margin-bottom:16px}.billing-usageRight{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.billing-usageNumbers{display:inline-flex;align-items:baseline}.billing-buyMoreBtn .Polaris-Button{background:#1f1f1f;border-color:#1f1f1f}.billing-buyMoreBtn .Polaris-Button:hover{background:#0f0f0f;border-color:#0f0f0f}
