.subscription-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.subscription-summary-grid article{min-height:104px;padding:17px 18px;border:1px solid #e4e6ec;border-radius:9px;background:#fff;box-shadow:var(--shadow)}.subscription-summary-grid span,.subscription-summary-grid small{display:block;color:#7c7f89;font-size:12px}.subscription-summary-grid strong{display:block;margin:10px 0 7px;color:#292a33;font-size:25px}.subscription-summary-grid small{font-size:10px}.subscription-native-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.subscription-select{position:relative;width:132px;flex:none}.subscription-select-platform{width:148px}.subscription-select-is_auto_renew{width:154px}.subscription-select-trigger{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid #dcdfe6;border-radius:7px;background:#fff;color:#555965;font-size:12px;font-weight:550;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s}.subscription-select-trigger:hover{border-color:#c8c1fb;background:#fbfaff}.subscription-select-trigger:focus-visible,.subscription-select.open .subscription-select-trigger{outline:0;border-color:#9b83ff;box-shadow:0 0 0 3px #eeeaff}.subscription-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-select-trigger svg{width:11px;height:8px;flex:none;fill:none;stroke:#898c96;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s}.subscription-select.open .subscription-select-trigger svg{transform:rotate(180deg)}.subscription-select-menu{position:absolute;z-index:95;top:calc(100% + 7px);left:0;width:max-content;min-width:100%;max-height:290px;overflow:auto;padding:6px;border:1px solid #e0e1e8;border-radius:9px;background:#fff;box-shadow:0 14px 36px rgba(37,34,53,.16),0 2px 8px rgba(37,34,53,.08)}.subscription-select-option{width:100%;min-width:126px;height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 9px;border:0;border-radius:6px;background:#fff;color:#565963;font-size:12px;text-align:left;white-space:nowrap}.subscription-select-option:hover,.subscription-select-option:focus-visible{outline:0;background:#f7f5ff;color:#6545ef}.subscription-select-option.selected{background:#eeeaff;color:#6545ef;font-weight:650}.subscription-select-option i{visibility:hidden;color:#7657f6;font-style:normal;font-size:12px;font-weight:800}.subscription-select-option.selected i{visibility:visible}.advanced-filters .subscription-select{width:160px}.subscription-panel{overflow:auto}.subscription-panel>.transaction-notice{margin:16px}.subscription-panel table{min-width:1320px}.subscription-panel th:nth-child(1){width:15%!important}.subscription-panel th:nth-child(2){width:14%!important}.subscription-panel th:nth-child(3){width:14%!important}.subscription-panel th:nth-child(4){width:10%!important}.subscription-panel th:nth-child(5){width:15%!important}.subscription-panel th:nth-child(6){width:11%!important}.subscription-panel th:nth-child(7){width:15%!important}.subscription-panel th:nth-child(8){width:6%!important}.subscription-modal{width:min(780px,100vw)}.subscription-history{padding:20px 0 0!important}.subscription-history h3{margin:0 0 12px;font-size:14px}.subscription-history .credential-panel{max-width:100%;overflow:auto}.subscription-history table{min-width:680px}.subscription-history th,.subscription-history td{padding:12px 14px;font-size:11px}.subscription-history td{height:auto}.subscription-history .credential-copy-value{max-width:180px}@media(max-width:1450px){.subscription-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.subscription-summary-grid{grid-template-columns:1fr 1fr}.subscription-select{width:100%}}@media(max-width:520px){.subscription-summary-grid{grid-template-columns:1fr}}
.subscription-select-menu{max-height:370px}
.subscription-status-renew{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}.subscription-status-renew i{color:#a1a3ad;font-style:normal;font-size:11px}.subscription-status-renew .status{flex:none}