.member-actions,.academy-member{display:flex;align-items:center;gap:7px;margin-left:auto}
.cart-button+.member-actions{margin-left:16px;padding-left:16px;border-left:1px solid color-mix(in srgb,var(--theme-border) 82%,transparent)}
.member-login,.member-chip{border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-surface-alt);color:var(--theme-text);padding:8px 13px;font:600 9px 'Noto Sans Thai';cursor:pointer}
.member-login:hover{border-color:var(--theme-primary);color:var(--theme-primary)}
.member-chip{text-align:left;padding:6px 11px}.member-chip span,.member-chip b{display:block}.member-chip b{color:var(--theme-primary);font:600 7px 'IBM Plex Mono';margin-top:2px}.member-chip i{font-style:normal}
.member-dialog{width:min(440px,calc(100% - 28px));padding:0;border:1px solid color-mix(in srgb,var(--theme-border) 80%,#fff 8%);border-radius:22px;background:color-mix(in srgb,var(--theme-surface) 92%,#161616);color:var(--theme-text);box-shadow:0 35px 110px #000}
.member-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}
.member-modal{position:relative;padding:34px}.member-close{position:absolute;right:20px;top:17px;border:0;background:transparent;color:var(--theme-muted);font-size:22px;cursor:pointer}.member-close:hover{color:var(--theme-text)}
.member-modal h2{margin:5px 0;font-size:24px}.member-lead{color:var(--theme-muted);font-size:10px;line-height:1.6;margin:0 0 24px}
.member-modal label{display:block;color:var(--theme-muted);font-size:9px;margin-bottom:15px}.member-modal label input{display:block;width:100%;height:48px;margin-top:7px;padding:0 15px;border:1px solid var(--theme-border);border-radius:13px;background:color-mix(in srgb,var(--theme-background) 72%,#252525);color:var(--theme-text);outline:0;font-size:11px;transition:.18s}.member-modal label input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 13%,transparent)}
#member-error{display:block;min-height:18px;color:var(--theme-danger);font-size:8px;text-align:center}
.member-submit{width:100%;height:48px;border:0;border-radius:999px;padding:0 16px;background:#f5f5f7;color:#171717;font-weight:800;cursor:pointer;transition:.18s}.member-submit:hover{background:#fff;transform:translateY(-1px)}
.member-divider{display:flex;align-items:center;gap:12px;margin:21px 0 16px;color:var(--theme-muted);font-size:8px}.member-divider:before,.member-divider:after{content:'';height:1px;flex:1;background:var(--theme-border)}
.member-switch{width:100%;border:0;background:transparent;color:var(--theme-muted);font-size:9px;padding:5px;cursor:pointer}.member-switch b{color:var(--theme-text);text-decoration:underline;text-underline-offset:3px}.member-switch:hover b{color:var(--theme-primary)}

.wallet-topup{width:100%;margin:12px 0 16px;padding:11px;border:1px solid color-mix(in srgb,var(--theme-primary) 45%,var(--theme-border));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 14%,var(--theme-surface-alt)),var(--theme-surface-alt));color:var(--theme-text);font-size:10px;font-weight:700;cursor:pointer}.wallet-topup i{margin-right:6px;color:var(--theme-primary)}.topup-modal{width:min(460px,100%)}.topup-rate{display:grid;grid-template-columns:1fr auto;align-items:center;margin:16px 0;padding:12px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-surface-alt)}.topup-rate span,.topup-rate small{color:var(--theme-muted);font-size:8px}.topup-rate strong{color:var(--theme-primary);font-size:12px}.topup-rate small{grid-column:1/-1;margin-top:3px}.slip-drop{display:grid!important;place-items:center;gap:6px;min-height:180px;padding:18px!important;border:1px dashed color-mix(in srgb,var(--theme-primary) 55%,var(--theme-border))!important;border-radius:12px;background:color-mix(in srgb,var(--theme-primary) 5%,var(--theme-surface-alt));cursor:pointer;text-align:center}.slip-drop>span{font-size:28px;color:var(--theme-primary)}.slip-drop strong{font-size:11px;color:var(--theme-text)}.slip-drop small{font-size:8px}.slip-drop img{width:100%;max-height:230px;object-fit:contain;border-radius:8px}.topup-safe{margin-top:12px;text-align:center;color:var(--theme-muted);font-size:8px}.topup-safe i{color:var(--theme-success);margin-right:4px}#topup-error{display:block;min-height:18px;margin:7px 0;color:var(--theme-danger);font-size:8px}.topup-success{display:grid;place-items:center;gap:5px;padding:25px;color:var(--theme-success)}.topup-success i{font-size:28px}.topup-success strong{font-size:12px}.topup-success small{color:var(--theme-muted)}
.slip-drop input[type="file"],#topup-file[hidden]{display:none!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important}.slip-drop:hover{border-color:var(--theme-primary)!important;background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface-alt));box-shadow:inset 0 0 28px color-mix(in srgb,var(--theme-primary) 7%,transparent)}.slip-drop:focus-within{outline:2px solid color-mix(in srgb,var(--theme-primary) 45%,transparent);outline-offset:2px}.slip-drop.has-file>span{display:none}.slip-drop.has-file strong{color:var(--theme-success)}
.service-price{padding:7px 11px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface)}.service-price span,.service-price strong{display:block}.service-price span{color:var(--theme-muted);font-size:7px}.service-price strong{font-size:8px;color:var(--theme-primary)}.service-price i{font-style:normal}
.wallet-balance{display:grid;grid-template-columns:1fr auto;align-items:end;margin:18px 0;padding:18px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-background)}.wallet-balance span{color:var(--theme-muted);font-size:8px}.wallet-balance strong{grid-row:1/3;grid-column:2;font:700 30px 'IBM Plex Mono';color:var(--theme-primary)}.wallet-balance small{color:var(--theme-muted);font:7px 'IBM Plex Mono'}
.wallet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wallet-head b{font-size:9px}.wallet-head a{color:var(--theme-primary);text-decoration:none;font-size:8px}.wallet-history{max-height:260px;overflow:auto}.wallet-history>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:9px 0;border-bottom:1px solid var(--theme-border);font-size:8px}.wallet-history>div>b{font-family:'IBM Plex Mono'}.wallet-history .plus{color:var(--theme-success)}.wallet-history .minus{color:var(--theme-danger)}.wallet-history small{grid-column:1/-1;color:var(--theme-muted)}
.hidden{display:none!important}
.wallet-topup.angpao{margin-top:-9px;border-color:rgba(255,143,40,.42);background:linear-gradient(135deg,rgba(255,124,26,.15),var(--theme-surface-alt))}.wallet-topup.angpao i{color:#ff962f}#angpao-form label{display:grid;gap:7px;color:var(--theme-muted);font-size:9px}#angpao-form input{width:100%;padding:12px;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-surface-alt);color:var(--theme-text)}#angpao-error{display:block;min-height:18px;margin:7px 0;color:var(--theme-danger);font-size:8px}
@media(max-width:760px){.academy-member{margin-left:auto}.member-login,.member-chip{padding:6px 9px}.site-header .member-actions{margin-left:9px;padding-left:9px;border-left:0}.service-price{width:100%}.member-modal{padding:28px 22px}}
.topup-modal{max-height:calc(100dvh - 36px);overflow-y:auto}.payment-details{margin:0 0 16px;padding:13px;border:1px solid color-mix(in srgb,var(--theme-primary) 35%,var(--theme-border));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface-alt)),var(--theme-surface-alt))}.payment-details>div{display:flex;align-items:center;gap:10px;margin-bottom:11px}.payment-details>div>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--theme-primary) 17%,transparent);color:var(--theme-primary)}.payment-details strong,.payment-details small{display:block}.payment-details strong{font-size:10px}.payment-details small{margin-top:3px;color:var(--theme-muted);font-size:8px;line-height:1.5}.payment-details>button{width:100%;padding:8px;border:1px solid var(--theme-border);border-radius:10px;background:#fff;cursor:pointer}.payment-details>button img{display:block;width:100%;max-height:230px;object-fit:contain}.payment-details>button span{display:block;margin-top:6px;color:#596276;font-size:8px}.upload-step{display:flex;align-items:center;gap:8px;margin:0 0 9px}.upload-step span{padding:4px 7px;border-radius:12px;background:color-mix(in srgb,var(--theme-primary) 15%,transparent);color:var(--theme-primary);font-size:7px}.upload-step b{font-size:9px}