.sub-center{margin:12px 0 28px}.sub-intro{margin-bottom:26px}.sub-intro h2{letter-spacing:-.8px;margin:10px 0;font-size:28px}.sub-intro p{color:#7a8090;font-size:13px;line-height:1.7}.sub-current{justify-content:space-between;align-items:center;gap:24px;padding:25px;display:flex}.sub-current h3{margin:9px 0 12px;font-size:25px}.sub-period{gap:9px;min-width:170px;display:grid}.sub-period>span{color:#7a8090;align-items:center;gap:7px;font-size:12px;display:flex}.sub-period>strong{font-size:20px}.sub-period small{color:#787d8a;font-size:12px}.sub-actions{gap:10px;display:grid}.sub-warning{color:#9b6934;max-width:320px;font-size:12px}.sub-choice{justify-content:space-between;align-items:end;gap:18px;margin:26px 0 20px;display:flex}.sub-choice>label{gap:8px;font-size:11px;font-weight:600;display:grid}.sub-center select,.sub-center input{color:#363b4e;font:inherit;background:#fff;border:1px solid #e1e2e9;border-radius:9px;max-width:100%;padding:11px}.sub-toggle{background:#eae6f2;border-radius:12px;gap:5px;padding:5px;display:flex}.sub-toggle button{font:inherit;cursor:pointer;color:#6d627e;background:0 0;border:0;border-radius:8px;padding:10px 20px;font-size:12px}.sub-toggle .selected{color:#654a99;background:#fff;box-shadow:0 1px 4px #77608f20}.sub-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.sub-plan{flex-direction:column;padding:27px 23px;display:flex}.sub-plan.recommended{background:linear-gradient(155deg,#f7f2ff,#fff 70%);border-color:#baa1e8}.sub-plan h3{margin:14px 0 0;font-size:23px}.sub-plan .sub-price{letter-spacing:-1px;color:#2e3042;margin:18px 0 12px;font-size:31px;font-weight:700}.sub-price small{letter-spacing:0;color:#7e7c8d;font-size:12px;font-weight:400}.sub-plan>p{color:#7b7e89;font-size:12px}.sub-plan ul{gap:12px;margin-bottom:auto;padding:14px 0 20px;list-style:none;display:grid}.sub-plan li{align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.sub-plan li svg{color:#9071bc;flex-shrink:0}.sub-plan button{margin-top:18px}.sub-policy{color:#7e8091;align-items:start;gap:10px;margin:19px 2px 27px;font-size:11px;line-height:1.8;display:flex}.sub-policy svg{flex-shrink:0;margin-top:2px}.sub-invoices{padding:23px 0 4px}.sub-invoices .card-heading{padding:0 24px}.sub-invoices table td small{color:#888a96;margin-top:5px;font-size:10px;display:block}.sub-invoices table{border-collapse:collapse;width:100%}.sub-invoices th,.sub-invoices td{text-align:left;border-top:1px solid #efedf3;padding:16px 23px;font-size:12px}.sub-invoices th{color:#8b8999;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.sub-loading{color:#8b829e;justify-content:center;align-items:center;gap:12px;padding:45px;font-size:13px;display:flex}.sub-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.sub-metrics .card{gap:12px;padding:24px;display:grid}.sub-metrics span{color:#878295;font-size:12px}.sub-metrics strong{font-size:27px}.sub-settle{gap:15px;max-width:600px;margin-top:20px;padding:24px;display:grid}.sub-settle>label{gap:8px;font-size:12px;display:grid}.sub-settle>div{gap:10px;display:flex}.sub-settle p{color:#858092;margin:0;font-size:13px}@media (max-width:1050px){.sub-current{flex-wrap:wrap}.sub-plans{grid-template-columns:1fr}.sub-plan ul,.sub-metrics{grid-template-columns:1fr 1fr}}@media (max-width:600px){.sub-current{padding:20px;display:grid}.sub-choice{display:grid}.sub-choice select{width:100%}.sub-plan{padding:22px}.sub-plan ul{grid-template-columns:1fr}.sub-metrics{gap:10px}.sub-metrics .card{padding:18px}.sub-intro h2{font-size:24px}}.subscription-recovery{max-width:1120px;margin:40px auto;padding:20px}.subscription-recovery>.btn{margin-bottom:35px}.modal .sub-center{margin:0;padding:24px 28px}.modal .sub-plans{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.modal .sub-center{padding:20px}.modal .sub-plans{grid-template-columns:1fr}}.sub-toolbar,.sub-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-row-actions{min-width:170px}.sub-export{background:#fff;border:1px solid #e1deea;border-radius:14px;flex-wrap:wrap;align-items:end;gap:14px;margin:20px 0;padding:20px;display:flex}.sub-export>div{min-width:180px;margin-right:auto}.sub-export strong,.sub-export small{display:block}.sub-export small{color:#606274;max-width:320px;margin-top:5px;font-size:12px;line-height:1.6}.sub-export label,.sub-settle fieldset>label{gap:7px;font-size:13px;display:grid}.sub-export label{max-width:180px}.sub-invoices .sub-balance{color:#6245ad;font-size:12px;font-weight:600}.sub-invoices .sub-pay-link{width:max-content;margin-top:10px;display:flex}.sub-history{max-width:270px;margin-top:10px;font-size:12px}.sub-history summary{cursor:pointer;color:#6245ad;padding:6px 0}.sub-history p{overflow-wrap:anywhere;border-top:1px solid #eee;gap:5px;padding:10px 0;line-height:1.5;display:grid}.sub-history span{color:#555e6b;display:block}.sub-settle{max-width:680px;scroll-margin-top:24px}.sub-settle fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.sub-settle legend{margin-bottom:18px;font-size:20px;font-weight:650}.sub-settle textarea{font:inherit;resize:vertical;border:1px solid #d5d6e0;border-radius:9px;max-width:100%;padding:12px}.sub-settle p{color:#586174;line-height:1.65}.sub-settle .sub-confirm{align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.sub-confirm input{flex-shrink:0;margin-top:4px}.sub-payment-instructions{margin:20px 0;padding:24px}.sub-payment-instructions p{white-space:pre-line;color:#4e5769;line-height:1.7}.sub-payment-instructions small{color:#62697b;line-height:1.7}.sub-invoices td{vertical-align:top}.sub-center .sub-invoices th{color:#646275;font-size:11px}.sub-center .sub-metrics span{color:#626275}@media (max-width:650px){.sub-export{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.sub-export>div{grid-column:1/-1}.sub-export label{min-width:0;max-width:none}.sub-export input{width:100%;min-width:0}.sub-settle{padding:20px}.sub-toolbar{align-items:stretch}.sub-invoices .card-heading{flex-wrap:wrap;gap:12px}}.pf-content .sub-center>.card-heading h2{font-size:22px;font-weight:650;line-height:1.4}.pf-content .sub-center>.card-heading p{color:#626275;font-size:13px;line-height:1.7}.pf-content .sub-center{font-size:14px}.pf-content .sub-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-content .sub-invoices th,.pf-content .sub-invoices td{padding:15px;font-size:12px}.pf-content .sub-settle legend{font-size:20px}@media (max-width:800px){.pf-content .sub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.pf-content .sub-metrics .card{padding:15px}.pf-content .sub-metrics strong{font-size:23px}.pf-content .sub-toolbar .btn{font-size:12px}}@media (max-width:600px){.pf-content .sub-center>.card-heading{flex-direction:column;align-items:stretch;gap:14px;display:flex}.pf-content .sub-center>.card-heading .sub-toolbar{justify-content:space-between}.pf-content .sub-center>.card-heading p{max-width:none;margin-bottom:0}}.sub-dimepay-actions{justify-items:start;gap:8px;max-width:270px;display:grid}.sub-dimepay-actions:empty{display:none}.sub-dimepay-actions .pay-refresh{text-align:left;align-items:center;gap:6px;display:inline-flex}.sub-dimepay-actions small{line-height:1.5}.sub-center .eyebrow{color:#665091}.sub-center .sub-intro p,.sub-center .sub-period>span,.sub-center .sub-period small,.sub-center .sub-policy,.sub-center .card-heading p,.sub-center .sub-invoices td small{color:#5e596e}.sub-center .sub-invoices td{color:#4e4b60}.sub-center .sub-invoices .pay-refresh{color:#6245ad}.sub-center .pill.amber{color:#75521c;background:#fff4d7}.sub-center .pill.green{color:#277245;background:#e6f6ed}@media (max-width:600px){.sub-center input,.sub-center select{font-size:16px}}