.checkout-page{min-height:100vh;background:var(--cs-bg,#07101c);color:var(--cs-text,#f8fafc);padding:0 24px 64px}.checkout-nav{max-width:1200px;margin:auto;height:78px;justify-content:space-between;border-bottom:1px solid var(--cs-border,#1d2d43)}.checkout-nav,.checkout-nav>a{display:flex;align-items:center}.checkout-nav>a{gap:10px;font-weight:900}.checkout-nav>a>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#7c3aed)}.checkout-nav em{font-style:normal;color:#38bdf8}.checkout-nav>div{display:flex;align-items:center;gap:14px;color:var(--cs-muted,#8292aa);font-size:12px}.checkout-nav>div a{padding:9px 12px;border:1px solid var(--cs-border,#1d2d43);border-radius:9px;color:var(--cs-text,#fff)}.checkout-shell{max-width:1200px;margin:0 auto}.checkout-head{padding:54px 0 26px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.checkout-head small,.checkout-summary>small,.payment-invoice small{color:#60a5fa;font-size:10px;letter-spacing:.16em;font-weight:900}.checkout-head h1{font-size:36px;margin:8px 0}.checkout-head p{color:var(--cs-muted,#8292aa);margin:0;max-width:700px}.current-plan{padding:9px 12px;border:1px solid rgba(34,197,94,.4);border-radius:999px;color:#4ade80;font-size:11px;font-weight:900}.checkout-alert{margin-bottom:16px;padding:13px 15px;border-radius:10px;border:1px solid}.checkout-alert.error{color:#fecaca;background:rgba(127,29,29,.18);border-color:rgba(239,68,68,.45)}.checkout-alert.success{color:#bbf7d0;background:rgba(20,83,45,.18);border-color:rgba(34,197,94,.4)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px}.checkout-main-card,.checkout-summary,.payment-invoice{border:1px solid var(--cs-border,#1d2d43);border-radius:18px;background:var(--cs-surface,#0a1422);box-shadow:0 20px 50px rgba(0,0,0,.16)}.checkout-main-card{padding:24px}.checkout-section-title{display:flex;gap:12px;align-items:flex-start;margin:4px 0 14px}.checkout-section-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(59,130,246,.15);color:#60a5fa;font-weight:900;font-size:11px}.checkout-section-title h2{margin:0 0 3px;font-size:17px}.checkout-section-title p{margin:0;color:var(--cs-muted,#8292aa);font-size:12px}.checkout-plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:28px}.checkout-plans button,.payment-methods button{border:1px solid var(--cs-border,#1d2d43);background:var(--cs-surface-2,#0d1828);color:var(--cs-text,#fff);cursor:pointer}.checkout-plans button{min-height:132px;border-radius:13px;padding:15px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.checkout-plans button.active,.payment-methods button.active{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.18);background:linear-gradient(145deg,rgba(37,99,235,.12),rgba(124,58,237,.12))}.checkout-plans span b,.checkout-plans span small{display:block}.checkout-plans span small{margin-top:6px;color:var(--cs-muted,#8292aa);font-size:11px;line-height:1.45}.checkout-plans strong{font-size:18px}.checkout-billing{display:inline-flex;padding:4px;border:1px solid var(--cs-border,#1d2d43);border-radius:11px;background:var(--cs-surface-2,#0d1828);margin-bottom:28px}.checkout-billing button{border:0;border-radius:8px;padding:9px 14px;background:transparent;color:var(--cs-muted,#8292aa);cursor:pointer}.checkout-billing button.active{background:#2563eb;color:#fff}.checkout-billing small{margin-left:5px;color:#86efac}.payment-methods{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.payment-methods button{min-height:112px;border-radius:13px;padding:14px;display:grid;grid-template-columns:40px 1fr auto;grid-gap:11px;gap:11px;align-items:start;text-align:left}.payment-methods button>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#7c3aed);font-style:normal;font-weight:900;color:white}.payment-methods span b,.payment-methods span em,.payment-methods span small{display:block}.payment-methods span small{margin-top:4px;color:var(--cs-muted,#8292aa);font-size:10px;line-height:1.4}.payment-methods span em{margin-top:7px;color:#fca5a5;font-size:9px;font-style:normal}.payment-methods>button>strong{padding:5px 7px;border-radius:999px;background:rgba(59,130,246,.12);color:#60a5fa;font-size:9px}.payment-methods button.disabled{opacity:.52;cursor:not-allowed}.checkout-summary{padding:24px;height:max-content;position:-webkit-sticky;position:sticky;top:88px}.checkout-summary h2{font-size:28px;margin:8px 0 3px}.checkout-summary>p{margin:0 0 22px;color:var(--cs-muted,#8292aa)}.checkout-summary dl{margin:0;display:grid;grid-gap:10px;gap:10px}.checkout-summary dl div{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--cs-border-soft,#172438)}.checkout-summary dt{color:var(--cs-muted,#8292aa)}.checkout-summary dd{margin:0;font-weight:800}.checkout-total{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 0}.checkout-total b{font-size:25px}.pay-button{width:100%;padding:13px;border:0;border-radius:10px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:white;font-weight:900;cursor:pointer}.pay-button:disabled{opacity:.45;cursor:not-allowed}.config-note{font-size:10px;color:#fbbf24!important;line-height:1.5}.checkout-safety{display:grid;grid-gap:8px;gap:8px;margin-top:18px;color:var(--cs-muted,#8292aa);font-size:10px}.payment-invoice{margin-top:18px;padding:24px}.invoice-head{display:flex;justify-content:space-between;align-items:center}.invoice-head h2{margin:6px 0 0;font-size:25px}.status{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900}.status.pending{background:rgba(245,158,11,.15);color:#fbbf24}.status.paid{background:rgba(34,197,94,.15);color:#4ade80}.status.cancelled,.status.expired,.status.failed{background:rgba(239,68,68,.14);color:#f87171}.invoice-meta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.invoice-meta span{padding:9px 11px;border:1px solid var(--cs-border,#1d2d43);border-radius:9px;color:var(--cs-muted,#8292aa);font-size:11px}.invoice-meta b{color:var(--cs-text,#fff)}.invoice-action{border:1px solid var(--cs-border,#1d2d43);border-radius:14px;padding:20px;background:var(--cs-surface-2,#0d1828)}.invoice-action h3{margin:0 0 7px}.invoice-action p{color:var(--cs-muted,#8292aa)}.invoice-action.paypal a,.invoice-paid a{display:inline-block;padding:11px 16px;border-radius:9px;background:#0070ba;color:white;font-weight:900}.copy-row{display:flex;gap:8px}.copy-row code{flex:1 1;padding:11px;border:1px solid var(--cs-border,#1d2d43);border-radius:9px;background:var(--cs-bg,#07101c);overflow-wrap:anywhere}.copy-row button{border:0;border-radius:9px;background:#2563eb;color:white;padding:0 14px}.network-warning{margin-top:12px;padding:10px;border-radius:8px;background:rgba(245,158,11,.1);color:#fbbf24;font-size:11px}.invoice-action.qris{display:grid;grid-template-columns:240px 1fr;grid-gap:24px;gap:24px;align-items:center}.invoice-action.qris img,.qris-empty{width:230px;aspect-ratio:1;border-radius:14px;background:#fff;object-fit:contain;padding:10px}.qris-empty{display:grid;place-items:center;color:#111827;text-align:center}.invoice-action ol{color:var(--cs-muted,#8292aa);line-height:1.8}.invoice-paid{padding:20px;border:1px solid rgba(34,197,94,.35);border-radius:14px;background:rgba(34,197,94,.08)}.invoice-paid>b{color:#4ade80;font-size:18px}.invoice-paid a{background:#16a34a}.poll-note{color:var(--cs-muted,#8292aa);font-size:10px}.checkout-loading{min-height:100vh;display:grid;place-items:center;background:#07101c;color:#fff}html[data-theme=light][data-theme-scope=app] .checkout-page{background:#eef3f9}.checkout-page .checkout-main-card,.checkout-page .checkout-summary,.checkout-page .payment-invoice{background:var(--cs-surface,#fff)}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.checkout-plans,.payment-methods{grid-template-columns:1fr}.checkout-head{align-items:flex-start;flex-direction:column}.checkout-nav>div span{display:none}.invoice-action.qris{grid-template-columns:1fr}.invoice-action.qris img,.qris-empty{width:min(100%,280px)}}.status.under_review{background:rgba(59,130,246,.16);color:#60a5fa}.status.rejected{background:rgba(239,68,68,.14);color:#f87171}.verification-panel{margin-top:18px;padding:20px;border:1px solid var(--cs-border,#1d2d43);border-radius:14px;background:var(--cs-surface-2,#0d1828)}.verification-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.verification-heading h3{margin:5px 0}.verification-heading p{margin:0;color:var(--cs-muted,#8292aa);font-size:12px}.verification-heading>span{padding:7px 10px;border-radius:999px;background:rgba(59,130,246,.14);color:#60a5fa;font-size:10px;font-weight:900}.verification-field{display:grid;grid-gap:7px;gap:7px;margin-top:13px}.verification-field>span{font-size:12px;font-weight:800}.verification-field>span b{color:#f87171}.verification-field>span small{font-weight:500;color:var(--cs-muted,#8292aa)}.verification-field input,.verification-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--cs-border,#1d2d43);border-radius:9px;background:var(--cs-bg,#07101c);color:var(--cs-text,#fff);padding:11px 12px}.verification-field textarea{min-height:90px;resize:vertical}.verification-field>small{color:var(--cs-muted,#8292aa);font-size:10px}.submit-proof{margin-top:16px;border:0;border-radius:10px;padding:12px 16px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-weight:900;cursor:pointer}.submit-proof:disabled{opacity:.55;cursor:not-allowed}.proof-link{display:inline-block;margin-top:14px;color:#38bdf8;font-weight:800;font-size:12px}.review-result{margin-top:18px;padding:18px;border-radius:14px;border:1px solid}.review-result b{font-size:17px}.review-result p{margin:7px 0;color:var(--cs-muted,#8292aa)}.review-result code{display:block;margin:10px 0;padding:10px;border-radius:8px;background:var(--cs-bg,#07101c);overflow-wrap:anywhere}.review-result a{color:#38bdf8;font-weight:800}.review-result.under-review{border-color:rgba(59,130,246,.4);background:rgba(37,99,235,.08)}.review-result.under-review b{color:#60a5fa}.review-result.rejected{border-color:rgba(239,68,68,.4);background:rgba(127,29,29,.12)}.review-result.rejected b{color:#f87171}html[data-theme=light][data-theme-scope=app] .invoice-action,html[data-theme=light][data-theme-scope=app] .verification-panel{background:#f1f5f9}html[data-theme=light][data-theme-scope=app] .review-result code,html[data-theme=light][data-theme-scope=app] .verification-field input,html[data-theme=light][data-theme-scope=app] .verification-field textarea{background:#fff;color:#0f172a}.billing-table{width:100%;border-collapse:collapse}.billing-table td,.billing-table th{padding:12px 10px;border-bottom:1px solid var(--cs-border,#1d2d43);text-align:left;font-size:12px}.billing-table th{color:var(--cs-muted,#8292aa);font-size:10px;letter-spacing:.06em}.billing-table td a{color:#38bdf8;font-weight:800}.billing-table td:nth-child(7){display:flex;gap:8px;flex-wrap:wrap}.billing-table td:nth-child(7)>small,.billing-table td:nth-child(7)>span{padding:4px 7px;border-radius:999px;background:rgba(59,130,246,.12);color:#60a5fa;font-size:9px}.billing-subscription-summary{display:grid;grid-template-columns:repeat(4,1fr) auto;grid-gap:12px;gap:12px;align-items:center;margin:0 0 18px;padding:16px 18px;border:1px solid #d5dfeb;border-radius:16px;background:#fff}.billing-subscription-summary div{padding-right:12px;border-right:1px solid #e2e8f0}.billing-subscription-summary small,.billing-subscription-summary strong{display:block}.billing-subscription-summary small{color:#7890aa;font-size:9px;letter-spacing:.1em}.billing-subscription-summary strong{margin-top:5px}.billing-subscription-summary a{padding:11px 15px;border-radius:9px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;text-decoration:none;font-weight:900}@media(max-width:850px){.billing-subscription-summary{grid-template-columns:1fr 1fr}.billing-subscription-summary a{grid-column:span 2;text-align:center}}@media(prefers-color-scheme:dark){.billing-subscription-summary{background:#0d1a2a;border-color:#20344c}.billing-subscription-summary div{border-color:#20344c}}html[data-theme=light][data-theme-scope=app] .checkout-page{background:#eef3f9!important;color:#0f172a!important}html[data-theme=light][data-theme-scope=app] .checkout-page b,html[data-theme=light][data-theme-scope=app] .checkout-page h1,html[data-theme=light][data-theme-scope=app] .checkout-page h2,html[data-theme=light][data-theme-scope=app] .checkout-page h3,html[data-theme=light][data-theme-scope=app] .checkout-page strong{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}html[data-theme=light][data-theme-scope=app] .checkout-page .billing-subscription-summary,html[data-theme=light][data-theme-scope=app] .checkout-page .checkout-main-card,html[data-theme=light][data-theme-scope=app] .checkout-page .checkout-summary,html[data-theme=light][data-theme-scope=app] .checkout-page .payment-invoice{background:#fff!important;color:#0f172a!important;border-color:#d5dfeb!important}html[data-theme=light][data-theme-scope=app] .checkout-page .billing-subscription-summary small{color:#6f849d!important}html[data-theme=light][data-theme-scope=app] .checkout-page .billing-subscription-summary strong{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}html[data-theme=light][data-theme-scope=app] .checkout-page .billing-table th{color:#50667f!important}html[data-theme=light][data-theme-scope=app] .checkout-page .billing-table td{color:#263d57!important}html[data-theme=light][data-theme-scope=app] .checkout-page .billing-subscription-summary a,html[data-theme=light][data-theme-scope=app] .checkout-page .pay-button{color:#fff!important;-webkit-text-fill-color:#fff!important}.checkout-breakdown{display:grid;grid-gap:0;gap:0}.checkout-breakdown>div{display:flex;justify-content:space-between;gap:18px}.unique-code-note{margin:8px 0 0;color:var(--cs-muted,#8292aa);font-size:10px;line-height:1.5}.invoice-pricing-meta{align-items:stretch}.invoice-pricing-meta span{display:flex;gap:5px;align-items:center}.billing-amount-breakdown{display:grid;grid-gap:3px;gap:3px}.billing-amount-breakdown small{color:var(--cs-muted,#8292aa);font-size:9px}.admin-order-price-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:10px 0}.admin-order-price-breakdown span{padding:9px;border:1px solid var(--cs-border,#1d2d43);border-radius:9px;background:var(--cs-surface-2,#0d1828);font-size:10px}.admin-order-price-breakdown b{display:block;margin-top:4px;font-size:12px}@media(max-width:760px){.admin-order-price-breakdown{grid-template-columns:1fr 1fr}}