.renewal-banner{display:none;align-items:center;gap:13px;border-radius:13px;padding:14px 17px;margin-bottom:18px;background:#fff8e4;border:1px solid #efd998}.renewal-banner.show{display:flex}.renewal-banner.week,.renewal-banner.today{background:#fff1e4;border-color:#f1c59c}.renewal-banner.expired,.renewal-banner.overdue{background:#fff0f1;border-color:#efc2c7}.renewal-banner-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--gold);color:#10204b;font-weight:900}.renewal-banner.expired .renewal-banner-icon,.renewal-banner.overdue .renewal-banner-icon{background:#ba3949;color:#fff}.renewal-banner>div:nth-child(2){flex:1}.renewal-banner strong{font-size:12px}.renewal-banner p{margin:3px 0 0;color:#6e7789;font-size:9px}.overdue-status{color:#9f2938;background:#fde8eb}.billing-empty-history{text-align:center;color:var(--muted);font-size:9px;padding:22px}
.renewal-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.renewal-admin-grid article{background:#fff;border:1px solid var(--line);border-top:3px solid #87a4d7;border-radius:11px;padding:13px}.renewal-admin-grid article.notice-7{border-top-color:#d4a92a}.renewal-admin-grid article.notice-today{border-top-color:#df8e33}.renewal-admin-grid article.notice-expired{border-top-color:#c45562}.renewal-admin-grid article.notice-overdue{border-top-color:#8f2733}.renewal-admin-grid span{font-size:7px;font-weight:800;letter-spacing:.6px;color:#7e899b}.renewal-admin-grid strong{display:block;font:800 20px Manrope;margin:4px 0}.renewal-admin-grid p{font-size:8px;color:var(--muted);margin:0}.renewal-policy-panel{display:flex;align-items:center;gap:18px;margin-bottom:15px;padding:15px 17px}.renewal-policy-panel>div:first-child{min-width:240px}.renewal-policy-panel h2{font:700 12px Manrope;margin:0}.renewal-policy-panel p{font-size:8px;color:var(--muted);margin:4px 0 0}.renewal-policy-flow{display:flex;align-items:center;gap:7px;flex:1}.renewal-policy-flow span{background:#f3f6fb;border-radius:12px;padding:6px 8px;font-size:7px;white-space:nowrap}.renewal-policy-flow i{font-style:normal;color:#a2abba}
.billing-status-card{display:flex;align-items:center;gap:15px;background:linear-gradient(115deg,#102b70,#173f96);color:#fff;border-radius:14px;padding:19px 22px;margin-bottom:18px;box-shadow:0 12px 30px rgba(17,54,134,.16)}.billing-status-card.expired,.billing-status-card.overdue{background:linear-gradient(115deg,#7e2430,#b33b48)}.billing-status-icon{width:44px;height:44px;border-radius:12px;background:var(--gold);color:#10204b;display:grid;place-items:center;font:900 21px Manrope}.billing-status-card>div{flex:1}.billing-status-card small{font:800 8px Manrope;letter-spacing:1px;color:#f1d36c}.billing-status-card h2{font:800 17px Manrope;margin:4px 0}.billing-status-card p{font-size:9px;color:#d5deef;margin:0}.billing-status-card>strong{font:800 20px Manrope}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.billing-main{display:grid;gap:18px}.current-plan-card{padding:21px}.current-plan-head{display:flex;justify-content:space-between;align-items:center}.current-plan-head span{font-size:8px;font-weight:800;letter-spacing:.8px;color:var(--primary)}.current-plan-head h2{font:800 19px Manrope;margin:5px 0}.current-plan-head p{font-size:9px;color:var(--muted);margin:0}.billing-tier-seal{width:52px;height:52px;border-radius:14px;background:#102b70;color:#f0cc5a!important;display:grid;place-items:center;font-size:20px!important}.plan-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.plan-dates div{background:#f7f9fc;border-radius:9px;padding:11px}.plan-dates span,.plan-dates strong{display:block}.plan-dates span{font-size:7px;text-transform:uppercase;color:#8b96a7}.plan-dates strong{font-size:9px;margin-top:5px}.plan-benefits{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding-top:15px}.plan-benefits span{background:#edf3ff;color:#173f96;border-radius:14px;padding:6px 9px;font-size:8px;font-weight:700}.reminder-timeline{padding:19px}.reminder-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reminder-steps>div{position:relative;padding-left:32px}.reminder-steps i{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eaf0fd;color:var(--primary);font-style:normal;font-size:8px;font-weight:800}.reminder-steps strong,.reminder-steps span{display:block}.reminder-steps strong{font-size:9px}.reminder-steps span{font-size:7px;color:var(--muted);line-height:1.45;margin-top:3px}.billing-checkout{position:sticky;top:92px}.invoice-card{padding:20px}.invoice-brand{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.invoice-brand img{width:42px;height:42px;border-radius:50%}.invoice-brand strong,.invoice-brand span{display:block}.invoice-brand strong{font:800 12px Manrope;color:#102b70}.invoice-brand span{font-size:8px;color:var(--muted)}.invoice-card label{font-size:9px}.invoice-lines{margin:6px 0 15px}.invoice-lines p{display:flex;justify-content:space-between;font-size:9px;margin:9px 0}.invoice-total{border-top:1px solid var(--line);padding-top:12px;font-weight:800}.invoice-total strong{font:800 18px Manrope;color:#102b70}.payment-method{display:flex;align-items:center;gap:10px;border:2px solid var(--primary);border-radius:10px;padding:11px;background:#f5f8ff}.aba-mark{background:#e5232d;color:#fff;border-radius:5px;padding:7px;font:800 9px Manrope}.payment-method>div{flex:1}.payment-method strong,.payment-method small{display:block}.payment-method strong{font-size:10px}.payment-method small{font-size:7px;color:var(--muted);line-height:1.4}.payment-method>i{width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px}.khqr-checkout-button{width:100%;padding:13px;margin-top:13px}.secure-payment-note{text-align:center;color:#8a94a5;font-size:7px;line-height:1.5}.billing-history{margin-top:18px}.billing-history-row{display:grid;grid-template-columns:1fr 110px 100px 90px 70px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.billing-history-row:first-child{border-top:0}.billing-history-row strong{font-size:10px}.billing-history-row span{font-size:8px;color:var(--muted)}.billing-history-row em{font-style:normal;background:#e7f6ef;color:#19815f;border-radius:11px;padding:5px 7px;text-align:center;font-size:8px}.billing-history-row button{border:0;background:none;color:var(--primary);font:700 8px 'DM Sans';cursor:pointer}
.khqr-modal{width:min(780px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:17px;position:relative;box-shadow:0 30px 90px rgba(8,24,60,.35)}.khqr-header{background:linear-gradient(135deg,#071c54,#173f96);color:#fff;padding:24px 28px;display:flex;align-items:center;gap:15px}.aba-payway-logo{width:70px;border-radius:9px;overflow:hidden;text-align:center;background:#fff}.aba-payway-logo span,.aba-payway-logo strong{display:block}.aba-payway-logo span{background:#e5232d;color:#fff;padding:8px;font:900 16px Manrope}.aba-payway-logo strong{color:#173f96;padding:5px;font-size:8px}.khqr-header small{color:#e7c653;font:800 8px Manrope;letter-spacing:1px}.khqr-header h2{font:800 22px Manrope;margin:4px 0}.khqr-header p{font-size:9px;color:#c6d2e8;margin:0}.khqr-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:27px}.khqr-scan-panel{text-align:center;border-right:1px solid var(--line);padding-right:25px}.khqr-demo-label{display:inline-block;background:#fff0ce;color:#83600b;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:800}.khqr-code{width:225px;height:225px;margin:14px auto;position:relative;background:repeating-conic-gradient(#091b49 0 25%,#fff 0 50%) 0/18px 18px;border:11px solid #fff;box-shadow:0 0 0 1px #dfe4ec}.khqr-code:before,.khqr-code:after,.khqr-code i{content:"";position:absolute;width:48px;height:48px;border:9px solid #091b49;background:#fff}.khqr-code:before{left:5px;top:5px}.khqr-code:after{right:5px;top:5px}.khqr-code i{left:5px;bottom:5px}.khqr-scan-panel>strong{display:block;font-size:10px}.khqr-scan-panel>p{font-size:8px;line-height:1.5;color:var(--muted)}.khqr-payment-info>span{font:800 8px Manrope;letter-spacing:1px;color:var(--muted)}.khqr-payment-info h3{font:800 31px Manrope;color:#102b70;margin:5px 0}.khqr-payment-info>p{font-size:9px;color:var(--muted)}.khqr-payment-info dl{display:grid;grid-template-columns:1fr 1fr;background:#f7f9fc;border-radius:9px;padding:10px;margin:14px 0}.khqr-payment-info dt,.khqr-payment-info dd{font-size:8px;margin:4px}.khqr-payment-info dt{color:var(--muted)}.khqr-payment-info dd{text-align:right;font-weight:700}.checkout-link-row{display:flex}.checkout-link-row input{border-radius:7px 0 0 7px;font-size:8px}.checkout-link-row button{border:0;background:#e9eef8;color:var(--primary);font:700 8px 'DM Sans';border-radius:0 7px 7px 0;padding:0 10px}.aba-deeplink{display:block;text-align:center;text-decoration:none;margin-top:11px}.aba-deeplink.disabled{opacity:.55;pointer-events:none}.demo-payment-button{width:100%;margin-top:8px}.sandbox-note{text-align:center;color:#b06a22!important;font-size:7px!important}.khqr-footer{background:#f4f6fa;padding:11px 20px;color:#6f7a8c;font-size:7px;text-align:center}.khqr-modal>.modal-close{background:rgba(255,255,255,.14);color:#fff;z-index:3}
@media(max-width:1050px){.renewal-admin-grid{grid-template-columns:repeat(3,1fr)}.billing-layout{grid-template-columns:1fr}.billing-checkout{position:static}.renewal-policy-panel{display:block}.renewal-policy-flow{margin:12px 0}}
@media(max-width:720px){.renewal-admin-grid{grid-template-columns:1fr 1fr}.plan-dates,.reminder-steps{grid-template-columns:1fr 1fr}.khqr-content{grid-template-columns:1fr}.khqr-scan-panel{border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.billing-history-row{grid-template-columns:1fr 90px}.billing-history-row span:nth-child(3),.billing-history-row em,.billing-history-row button{display:none}.renewal-policy-flow{flex-wrap:wrap}.billing-status-card>strong{font-size:13px}}