:root{--subscription-ink:#2d241d;--subscription-brown:#76533d;--subscription-cream:#f8f3eb;--subscription-line:#e8ded1;--subscription-green:#3e6855}
.member-finance-grid-v167{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 22px}
.member-finance-grid-v167 .member-topup-entry-v154{margin:0;min-height:112px}
.member-subscription-entry-v167{background:linear-gradient(135deg,#f8f4ec,#efe5d7)!important;border-color:#dfd1c1!important}
.member-subscription-entry-v167 .member-topup-icon-v154{background:#72523e!important;color:#fff!important}
.member-subscription-entry-v167 .member-topup-copy-v154 em{white-space:normal;line-height:1.5}
.subscription-main-v167{min-height:70vh;padding:54px 20px 88px;background:linear-gradient(180deg,#fbf8f3 0,#fff 42%)}
.subscription-shell-v167{width:min(1080px,100%);margin:0 auto}
.subscription-page-head-v167{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start;margin-bottom:28px}
.subscription-page-head-v167>a{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#675446;font-weight:700;text-decoration:none;padding-top:9px}
.subscription-page-head-v167 small,.subscription-plan-v167 small,.subscription-detail-grid-v167>article>small{display:block;color:#8d725e;font-size:11px;font-weight:800;letter-spacing:.14em}
.subscription-page-head-v167 h1{margin:5px 0 7px;color:var(--subscription-ink);font-size:clamp(30px,4vw,44px);line-height:1.1}
.subscription-page-head-v167 p{margin:0;color:#75685e;line-height:1.7}
.subscription-status-card-v167{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:34px 38px;margin-bottom:22px;color:#fff;background:linear-gradient(120deg,#342a23,#73513d 64%,#a37d5e);box-shadow:0 18px 44px rgba(65,43,29,.16);overflow:hidden;position:relative}
.subscription-status-card-v167:after{content:"";position:absolute;right:-65px;top:-90px;width:240px;height:240px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.subscription-status-copy-v167{position:relative;z-index:1}
.subscription-status-copy-v167>span{display:inline-flex;padding:6px 11px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:800;letter-spacing:.08em}
.subscription-status-copy-v167 small{display:block;margin:23px 0 6px;color:#e8d6c8;font-size:11px;font-weight:800;letter-spacing:.14em}
.subscription-status-copy-v167 h2{margin:0 0 9px;font-size:clamp(24px,3vw,34px)}
.subscription-status-copy-v167 p{margin:0;color:#eee3db;line-height:1.7}
.subscription-status-date-v167{position:relative;z-index:1;text-align:right;min-width:170px}
.subscription-status-date-v167 small{display:block;color:#dfcab9;font-size:12px}
.subscription-status-date-v167 strong{display:block;margin-top:5px;font-size:24px;white-space:nowrap}
.subscription-plan-v167{padding:34px 38px;border:1px solid var(--subscription-line);background:#fff;box-shadow:0 12px 34px rgba(75,52,35,.07)}
.subscription-plan-top-v167{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding-bottom:27px;border-bottom:1px solid var(--subscription-line)}
.subscription-plan-top-v167 h2{margin:7px 0 8px;color:var(--subscription-ink);font-size:26px}
.subscription-plan-top-v167 p{margin:0;max-width:650px;color:#786a5f;line-height:1.7}
.subscription-price-v167{text-align:right;color:var(--subscription-ink);white-space:nowrap}.subscription-price-v167 strong{font-size:36px}.subscription-price-v167 span{color:#7e6b5c;font-weight:700}
.subscription-benefit-grid-v167{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:28px 0}
.subscription-benefit-grid-v167 article{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:3px 24px;border-right:1px solid var(--subscription-line)}
.subscription-benefit-grid-v167 article:first-child{padding-left:0}.subscription-benefit-grid-v167 article:last-child{padding-right:0;border-right:0}
.subscription-benefit-grid-v167 i{display:grid;place-items:center;width:46px;height:46px;background:#f1e8dc;color:#6b4b38;font-style:normal;font-weight:900;font-size:18px}
.subscription-benefit-grid-v167 i svg{width:25px;height:25px}
.subscription-benefit-grid-v167 strong{display:block;margin:3px 0 5px;color:var(--subscription-ink);font-size:18px}.subscription-benefit-grid-v167 p{margin:0;color:#786b61;font-size:13px;line-height:1.65}
.subscription-plan-footer-v167{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid var(--subscription-line)}
.subscription-plan-footer-v167 p{display:flex;flex-direction:column;gap:4px;margin:0;color:#74665c}.subscription-plan-footer-v167 p strong{color:var(--subscription-ink)}
.subscription-plan-footer-v167 button,.subscription-modal-body-v167>button{min-height:50px;padding:0 25px;border:0;background:#6b4935;color:#fff;font-weight:800;cursor:pointer;transition:.2s ease}
.subscription-plan-footer-v167 button:hover,.subscription-modal-body-v167>button:hover{background:#503627;transform:translateY(-1px)}
.subscription-plan-footer-v167 button.is-cancel{background:#fff;color:#6e5040;border:1px solid #cdbbad}
.subscription-detail-grid-v167{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.subscription-detail-grid-v167>article{padding:30px;border:1px solid var(--subscription-line);background:#fff}
.subscription-detail-grid-v167 h2{margin:6px 0 22px;color:var(--subscription-ink);font-size:22px}
.subscription-detail-grid-v167 ol{list-style:none;margin:0;padding:0}.subscription-detail-grid-v167 li{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:14px 0;border-top:1px solid #eee6dd}.subscription-detail-grid-v167 li:first-child{border-top:0;padding-top:0}.subscription-detail-grid-v167 li b{display:grid;place-items:center;width:30px;height:30px;background:#f0e6da;color:#6c4c39}.subscription-detail-grid-v167 li span{color:#75695f;line-height:1.55}.subscription-detail-grid-v167 li strong{display:block;color:var(--subscription-ink);margin-bottom:2px}
.subscription-history-v167{display:grid;gap:10px}.subscription-history-v167>p{margin:0;padding:18px;background:#faf7f2;color:#77695e}.subscription-history-row-v167{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #eee6dd}.subscription-history-row-v167:first-child{border-top:0}.subscription-history-row-v167 strong{display:block;color:var(--subscription-ink)}.subscription-history-row-v167 small{display:block;margin-top:4px;color:#8b7b70}.subscription-history-row-v167 em{color:var(--subscription-green);font-style:normal;font-weight:800;text-align:right}
.subscription-modal-v167{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:20px}.subscription-modal-v167.is-open{display:grid}.subscription-modal-backdrop-v167{position:absolute;inset:0;border:0;background:rgba(30,24,20,.64)}
.subscription-modal-card-v167{position:relative;width:min(540px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;box-shadow:0 28px 75px rgba(0,0,0,.28)}
.subscription-modal-card-v167>header{display:flex;align-items:center;justify-content:space-between;padding:24px 27px;border-bottom:1px solid var(--subscription-line)}.subscription-modal-card-v167 header small{color:#8b705c;font-size:10px;font-weight:800;letter-spacing:.14em}.subscription-modal-card-v167 header h2{margin:4px 0 0;color:var(--subscription-ink)}.subscription-modal-card-v167 header>button{width:38px;height:38px;border:1px solid #dccfc4;background:#fff;color:#6f5747;font-size:24px;cursor:pointer}
.subscription-modal-body-v167{padding:27px}.subscription-confirm-summary-v167{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;padding:18px;background:var(--subscription-cream)}.subscription-confirm-summary-v167 span{color:#796b60}.subscription-confirm-summary-v167 strong{text-align:right;color:var(--subscription-ink)}.subscription-modal-body-v167 h3{margin:24px 0 12px;color:var(--subscription-ink);font-size:16px}
.subscription-payment-v167{display:grid;grid-template-columns:1fr 1fr;gap:10px}.subscription-payment-v167 label{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--subscription-line);cursor:pointer}.subscription-payment-v167 input{margin-top:3px;accent-color:#6b4935}.subscription-payment-v167 strong,.subscription-payment-v167 small{display:block}.subscription-payment-v167 small{margin-top:3px;color:#88796d}
.subscription-agree-v167{display:flex;gap:10px;margin:20px 0;color:#6f6258;line-height:1.6}.subscription-agree-v167 input{margin-top:5px;accent-color:#6b4935}.subscription-modal-body-v167>button{width:100%}.subscription-modal-body-v167>button:disabled{background:#cfc5bc;cursor:not-allowed;transform:none}
body.subscription-modal-open-v167{overflow:hidden}
.checkout-subscription-row-v167 strong{color:#6a4937!important}
@media(max-width:820px){.member-finance-grid-v167{grid-template-columns:1fr}.subscription-page-head-v167{grid-template-columns:1fr;gap:14px}.subscription-page-head-v167>a{padding-top:0}.subscription-benefit-grid-v167{grid-template-columns:1fr}.subscription-benefit-grid-v167 article,.subscription-benefit-grid-v167 article:first-child,.subscription-benefit-grid-v167 article:last-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--subscription-line)}.subscription-benefit-grid-v167 article:last-child{border-bottom:0}.subscription-detail-grid-v167{grid-template-columns:1fr}}
@media(max-width:620px){.subscription-main-v167{padding:34px 14px 64px}.subscription-status-card-v167{grid-template-columns:1fr;padding:26px 22px}.subscription-status-date-v167{text-align:left}.subscription-plan-v167{padding:26px 20px}.subscription-plan-top-v167{grid-template-columns:1fr}.subscription-price-v167{text-align:left}.subscription-plan-footer-v167{align-items:stretch;flex-direction:column}.subscription-plan-footer-v167 button{width:100%}.subscription-detail-grid-v167>article{padding:24px 20px}.subscription-payment-v167{grid-template-columns:1fr}.subscription-modal-v167{padding:10px}.subscription-modal-card-v167{max-height:calc(100vh - 20px)}}