.subscription-settings{max-width:1140px}.subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 16px}
html .subscription-card{--plan-accent:#ca9265;display:flex;flex-direction:column;align-items:center;padding:34px 24px 30px;border:1px solid var(--border);background:var(--field);text-align:center;min-width:0}
html .subscription-card.silver{--plan-accent:#c9d4e2}html .subscription-card.gold{--plan-accent:#f2d047;border-color:#f2d047;background:color-mix(in srgb,var(--surface) 90%,#f2d047)}
html[data-theme=light] .subscription-card.silver{--plan-accent:#69788c}html[data-theme=light] .subscription-card.gold{--plan-accent:#896900}
html .subscription-card h3{font-size:16px;text-transform:uppercase;letter-spacing:2px;color:var(--plan-accent);margin:0 0 18px}
.subscription-price{font-size:19px;font-weight:700;line-height:1.4;margin:0 0 24px}.subscription-divider{height:1px;background:var(--border);width:100%;margin:0 0 23px}
.subscription-card ul{width:100%;padding:0;margin:0 0 30px;list-style:none;text-align:left;flex:1}.subscription-card li{font-size:13px;line-height:1.6;padding-left:15px;position:relative;margin-bottom:10px}.subscription-card li:before{content:'';position:absolute;width:7px;height:7px;left:0;top:7px;border-radius:50%;background:var(--plan-accent)}
html .subscription-card .subscription-choice{width:100%;max-width:220px;border:1px solid var(--plan-accent);border-radius:30px;background:transparent;color:var(--plan-accent);font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:15px 12px;cursor:default;opacity:.65}.subscription-note{text-align:center}
@media(max-width:800px){.subscription-grid{grid-template-columns:1fr;gap:16px}.subscription-card{padding:28px 24px}}

.subscription-price{font-size:38px;letter-spacing:-1px}.subscription-price .subscription-currency{font-size:17px;vertical-align:super;letter-spacing:0;margin-right:3px}.subscription-price small{font-size:12px;letter-spacing:0;color:var(--text);font-weight:400;margin-left:3px}

html .subscription-card a.subscription-choice{display:block;cursor:pointer;opacity:1;text-decoration:none}.manual-payments{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:25px 0}.bank-payment,.qris-payment{padding:24px;border:1px solid var(--border);border-radius:12px;min-width:0}.bank-payment img{max-width:100%;object-fit:contain}.bank-payment dt{font-size:12px;color:var(--muted);margin-top:18px}.bank-payment dd{margin:4px 0;font-weight:650;overflow-wrap:anywhere}.bank-account{font-size:26px;letter-spacing:1px}.qris-payment img{display:block;width:100%;max-width:320px;height:auto;background:white;margin:15px auto}.qris-payment{text-align:center}.payment-total{font-size:32px;font-weight:750}.subscription-order{border-top:1px solid var(--border);padding:24px 0;overflow-wrap:anywhere}.form-actions button:disabled{opacity:.45;cursor:not-allowed}

.bank-payment>img{background:#fff;border-radius:8px;padding:10px;width:220px;height:auto}
.subscription-feature-editors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.subscription-feature-editors fieldset{min-width:0;border:1px solid var(--border);border-radius:10px;padding:18px}.subscription-feature-editors legend{font-size:16px;font-weight:700;padding:0 8px}.subscription-feature-editors label{display:block;margin:8px 0}.subscription-feature-editors textarea{width:100%;resize:vertical;margin-bottom:16px}@media(max-width:900px){.subscription-feature-editors{grid-template-columns:1fr}}

.account-plan-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:3px solid var(--border)}.account-plan-summary.bronze{border-left-color:#ca9265}.account-plan-summary.silver{border-left-color:#aebccd}.account-plan-summary.gold{border-left-color:#f2d047}.account-plan-summary h3{margin:10px 0}.account-plan-summary .hint{margin:4px 0}.account-plan-summary .badge{font-size:10px;margin-left:8px;vertical-align:middle}@media(max-width:500px){.account-plan-summary{align-items:flex-start;flex-direction:column}}

.plan-tier-path{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0;padding:0}.plan-tier-path li{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.plan-tier-path li+li:before{content:"→";color:var(--muted)}.plan-tier-path .current{color:var(--text);font-weight:700}.plan-summary-actions{display:flex;flex-wrap:wrap;gap:10px}.current-plan-label{margin:-8px 0 16px}

.subscription-card li{line-height:1.65;margin-bottom:12px}.subscription-card ul{margin-bottom:28px}.release-services{margin:24px 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.release-services .check:has(input:disabled){opacity:.55}

.release-services .check span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.release-services .store-icon{width:24px;height:24px}button:disabled{cursor:not-allowed;opacity:.5}

.gold-addon{border-left:3px solid #f2d047}.gold-addon-note{font-size:12px;color:var(--text);line-height:1.6;margin:0 0 24px}.gold-addon .payment-total{margin:0;font-size:28px}

.active-invoice,.dashboard-invoice{border-left:3px solid var(--accent,#21bba3)}.dashboard-invoice{display:flex;align-items:center;justify-content:space-between;gap:24px}.dashboard-invoice h2{margin:10px 0}.dashboard-invoice .payment-total{font-size:28px;margin:8px 0}.dashboard-invoice .button{white-space:nowrap}@media(max-width:640px){.dashboard-invoice{align-items:stretch;flex-direction:column;gap:12px}.dashboard-invoice .button{text-align:center}}

.paypal-payment{padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.paypal-payment h3{color:#66b6f5}.paypal-payment li{margin:12px 0;line-height:1.6}.payment-policy{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:10px}.payment-policy summary{cursor:pointer;font-weight:600}.payment-policy p{font-size:13px;line-height:1.7}.payment-agreement{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:13px;line-height:1.6}.payment-agreement input{width:18px;min-height:18px;height:18px;margin-top:3px;flex:0 0 18px}

.currency-equivalent{display:block;font-size:11px!important;line-height:1.6;color:var(--muted);font-weight:400;margin-top:6px;white-space:normal}

.currency-picker select{min-width:105px}.topbar-actions{flex-wrap:wrap}@media(max-width:640px){.currency-picker{flex-shrink:0}.currency-picker select{min-width:86px}}

.checkout-back{display:inline-block;margin:0 0 18px;color:var(--accent);font-size:13px}.payment-total small{font-size:13px;font-weight:400}

.subscription-checkout{max-width:720px}.subscription-checkout .form-grid{grid-template-columns:1fr}.subscription-checkout .payment-total{font-size:26px}
