body.member-home{background:#fff;color:#193b31;font-family:Tahoma,Arial,sans-serif;margin:0}
.member-bottom-nav{display:none}
.member-home *{box-sizing:border-box}
.member-home .profile-top{box-shadow:none}
.member-home .profile-menu-inner>a{aspect-ratio:auto;height:54px;min-height:54px;flex-shrink:0}
.member-home .profile-menu a>span:last-child{min-height:0;width:auto;align-items:center}
.member-home .profile-menu-inner>a.profile-tab-terms,.member-home .profile-menu-inner>a.profile-tab-feedback{display:none}
.member-home .profile-menu-icon{overflow:visible;background:transparent}
.member-home .profile-menu-icon::before{transform:scale(.5);transform-origin:center;position:absolute;left:50%;top:50%;margin-left:-26px;margin-top:-26px;mix-blend-mode:normal}
.member-home .profile-menu-icon{position:relative}
.member-home .profile-menu-inner>a.profile-tab-bookings .profile-menu-icon::before{display:none}
.member-home .profile-wrap{width:100%;min-height:0!important;display:block!important}
.member-home .profile-card{margin-bottom:0}
.member-home-footer{display:flex;align-items:center;gap:24px;border-top:1px solid #d8e3dd;margin-top:64px;padding:24px 0;color:#8a9690;font-size:14px}
.member-home-footer a{color:#52605a}
.member-home-footer span{margin-left:auto}
.member-home .kk_customer_topbar{background:#123d30}
.member-home .profile-top{max-width:1180px;margin:auto;padding:30px 24px;display:flex;align-items:center;gap:20px;background:#fff;color:#17382e;text-align:left}
.member-home .profile-top h1{font-size:23px;margin:0;line-height:1.5}
.member-home .profile-top p{margin:4px 0;color:#68766f;font-size:15px}
.member-home .profile-top .member-avatar{width:68px;height:68px;margin:0;object-fit:contain}
.member-home .profile-menu{background:#fff}
.member-home .profile-menu-inner{max-width:1132px;display:flex;flex-wrap:wrap;gap:8px;margin:auto;padding:0 0 16px;border-bottom:1px solid #d8e3dd}
.member-home .profile-menu-inner>a{width:auto;min-height:48px;border:0;border-radius:0;background:#fff;padding:10px 14px;display:flex;flex-direction:row;align-items:center;gap:8px;box-shadow:none;font-size:15px}
.member-home .profile-menu-inner>a.profile-tab-bookings{order:0;border-bottom:3px solid #178653;color:#127344}
.member-home .profile-menu-inner>a.profile-tab-pay{order:1}
.member-home .profile-menu-inner>a.profile-tab-book{order:3;margin-left:auto;background:#14834f;color:#fff;border-radius:6px}
.member-home .profile-menu-inner>a.profile-tab-terms,.member-home .profile-menu-inner>a.profile-tab-feedback{order:4;font-size:13px}
.member-home .profile-menu-inner>a:hover,.member-home .profile-menu-inner>a:focus-visible{background:#e6f3eb;color:#155c43}
.member-home .profile-menu-inner>a.profile-tab-book:hover,.member-home .profile-menu-inner>a.profile-tab-book:focus-visible{background:#10673e;color:#fff}
.member-home .profile-menu-inner>a:focus-visible{outline:2px solid #178653;outline-offset:2px}
.member-home .profile-menu-icon{width:28px;height:28px;flex:0 0 28px;margin:0}
.member-home .profile-menu-icon img{max-width:28px;max-height:28px}
.member-home .profile-menu-inner>a.profile-tab-bookings .profile-menu-icon{background:url('../icon_pixel_art/sports/badminton-v1.png') center/contain no-repeat}
.member-home .profile-menu-inner>a.profile-tab-bookings .profile-menu-icon img{display:none}
.member-home .profile-wrap{min-height:65vh;padding:24px}
.member-home #upcoming-booking{border:0;box-shadow:none;border-radius:0;overflow:visible}
.member-home .profile-card-head{background:#fff;color:#193b31;padding:4px 0 20px;font-size:22px}
.member-home .profile-card-body{padding:0}
.member-home .arrived-booking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.member-home .arrived-booking-row{display:block;border:1px solid #d8e3df;border-radius:7px;padding:20px;background:#fff;min-width:0}
.member-home .arrived-booking-date{border-bottom:1px dashed #d8e3df;padding-bottom:12px;margin-bottom:12px;font-size:17px}
.member-home .arrived-booking-detail{min-width:0}
.member-home .arrived-booking-item{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 0}
.member-home .booking-branch{width:100%;font-size:16px}
.member-home .arrived-booking-info{display:flex;flex-wrap:wrap;gap:10px}
.member-home .arrived-booking-status{background:#e6f4ec;padding:6px 10px;border-radius:4px}
.member-home .arrived-booking-actions{display:flex;flex-wrap:wrap;gap:8px}
.member-home .arrived-booking-count{display:none}
.member-home .profile-empty{padding:32px 0;color:#69786f;grid-column:1/-1}
.member-home .gym-unavailable{color:#8a9690;border-top:1px solid #dbe5df;padding-top:20px;margin-top:auto;font-size:13px}
@media(max-width:650px){
 .member-home-footer{gap:12px;flex-wrap:wrap;margin-top:36px;font-size:12px}
 .member-home-footer span{margin-left:0}
 .member-home .profile-menu-inner>a{flex:1;justify-content:center;font-size:12px;padding:6px}
 .member-home .profile-menu-inner>a.profile-tab-book{flex-basis:100%}
 body.member-home{padding-bottom:70px}
 .member-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;justify-content:space-around;gap:8px;background:#fff;border-top:1px solid #d8e3df;padding:16px 8px max(16px,env(safe-area-inset-bottom))}
 .member-bottom-nav a{color:#52685d;text-decoration:none;font-size:14px}
 .member-bottom-nav a[aria-current]{color:#087741;font-weight:bold}
 .member-home .profile-top{padding:22px 16px;gap:12px}
 .member-home .profile-top h1{font-size:20px}
 .member-home .profile-menu-inner{margin:0 16px;gap:4px}
 .member-home .profile-menu-inner>a{padding:8px 4px;font-size:12px;flex:1 1 0;min-width:0;height:96px;min-height:96px;flex-direction:column;justify-content:flex-start;gap:8px}
 .member-home .profile-menu a>span:last-child{display:block;width:100%;min-width:0;min-height:0;text-align:center;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal}
 .member-home .profile-menu-inner>a.profile-tab-book{height:52px;min-height:52px;flex-direction:row;align-items:center}
 .member-home .profile-menu-inner>a.profile-tab-book>span:last-child{width:auto}
 .member-home .profile-menu-inner>a.profile-tab-book{width:100%;justify-content:center;margin:10px 0}
 .member-home .profile-wrap{padding:20px 16px}
 .member-home .arrived-booking-list{grid-template-columns:minmax(0,1fr)}
 .member-home .profile-card-head{font-size:19px}
 .member-home .arrived-booking-row{padding:16px}
 .member-home .kk_customer_topbar{flex-wrap:wrap;gap:8px}
}

.member-home .profile-identity{display:flex;align-items:center;gap:20px;min-width:0;text-decoration:none;color:inherit}
.member-home .profile-identity>div{min-width:0;overflow-wrap:anywhere}
.member-home .profile-edit-pencil{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin-left:0;border:1px solid #c8dfd1;border-radius:6px;background:#f4fbf6;text-decoration:none}
.member-home .profile-edit-pencil img{display:block;width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.member-home .profile-edit-pencil:hover{background:#e6f3eb;border-color:#178653}
.member-home .profile-edit-pencil:focus-visible,.member-home .profile-identity:focus-visible{outline:2px solid #178653;outline-offset:3px}
@media(max-width:650px){.member-home .profile-identity{gap:12px}.member-home .profile-top .member-avatar{flex:0 0 60px;width:60px;height:60px}.member-home .profile-top p{font-size:13px}}

.member-home .profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.member-home a.profile-identity{display:block;color:inherit;text-decoration:none}
.member-home .profile-name-row .profile-edit-pencil{flex:0 0 36px;width:36px;height:36px}
.member-home .profile-name-row .profile-edit-pencil img{width:32px;height:32px}