:root{--bg:var(--primary-bg);--border:#ffffff1a;--code-bg:#24243e;--accent-bg:#9b1d6426;--accent-border:#9b1d6466;--social-bg:#ffffff0d;--shadow:#0000004d 0 10px 15px -3px, #0003 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{width:100%;min-height:100vh;margin:0;padding:0}body{background:#1a1a2e;margin:0;padding:0;overflow-x:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none!important}body{overflow-x:hidden}.navbar{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ded8d1;background:#101114c7;border-bottom:1px solid #c9a6463d;border-radius:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:100%;max-width:100%;padding:14px clamp(18px,4vw,56px);display:grid;position:fixed;top:0;left:0;box-shadow:0 8px 24px #0003}.nav-left{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;min-width:0;display:flex}.nav-left:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #ffd447}.logo{object-fit:cover;flex-shrink:0;width:40px;height:40px}.brand{color:#ded8d1;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:600;overflow:hidden}.nav-links{align-items:center;gap:clamp(14px,2.5vw,30px);min-width:0;margin:0;padding:0;list-style:none;display:flex}.nav-links li{color:#ded8d1;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;min-height:34px;padding:0 6px;font-size:14px;line-height:1;transition:color .2s,transform .2s,background .2s;display:flex}.nav-links li:hover{color:#c9a646;background:#c9a6461f;transform:translateY(-1px)}.nav-right{flex-shrink:0;justify-self:end;align-items:center;gap:10px;display:flex}.login-btnnav,.signup-btnnav{color:#181818;cursor:pointer;min-height:40px;font:inherit;white-space:nowrap;background:#c9a646;border:0;border-radius:999px;padding:10px 20px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.login-btnnav:hover,.signup-btnnav:hover{background:#d8b75b;transform:translateY(-1px)}.login-btnnav:focus-visible,.signup-btnnav:focus-visible{outline-offset:3px;outline:2px solid #ffd447}@media (width<=1000px){.navbar{padding:10px 18px}.nav-links{gap:14px}.nav-links li{font-size:25px}.login-btnnav,.signup-btnnav{padding:8px 14px;font-size:13px}}@media (width<=800px){.navbar{box-sizing:border-box;border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex;position:fixed;top:0;left:0}.nav-left{flex:none;justify-content:flex-start;align-items:center;width:auto;min-width:0;display:flex}.brand{display:none}.logo{width:50px;height:50px}.nav-links{flex-flow:row;justify-content:center;align-items:center;gap:clamp(4px,1.5vw,14px);width:auto;min-width:0;margin:0;display:flex}.nav-links li{white-space:nowrap;min-height:32px;padding:0 5px;font-size:17px}.nav-right{flex:none;justify-content:flex-end;align-items:center;gap:6px;width:auto;display:flex}.login-btnnav,.signup-btnnav{white-space:nowrap;width:auto;min-height:34px;padding:7px 12px;font-size:13px}}@media (width<=500px){.navbar{gap:6px;padding:9px 10px}.logo{width:50px;height:50px}.nav-links{gap:3px}.nav-links li{min-height:30px;margin:0;padding:0 3px;font-size:13px}.nav-right{gap:4px}.login-btnnav,.signup-btnnav{min-height:30px;margin:0;padding:6px 10px;font-size:13px}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:10000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{overscroll-behavior:contain;color:#e0dacc;background:#181b20;border-radius:16px;width:450px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin-top:30px;padding:36px;position:relative;overflow-y:auto}.close-btn{color:#bfbfd4;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:18px;right:20px}.close-btn:hover{background:0 0}h2{margin:0 0 9px}.login-box h2{padding-right:32px}.subtitle{color:#b9b2a4;margin:0 0 20px}.login-box .subtitle{margin-bottom:32px}.role-tabs{border-radius:10px;align-items:center;margin:0;display:flex}.role-tabs button{color:#e0dacc;cursor:pointer;box-sizing:border-box;background:0 0;border:2px solid #0000;border-radius:5px;flex:1;padding:10px;transition:all .3s}.role-tabs button.active{color:#181818;background:#c9a646;border-color:#e7d49a;box-shadow:0 0 12px #d5c5194d}label{margin:15px 0 8px;display:block}input{color:#b9b2a4;box-sizing:border-box;background:#101114;border:1px solid #434a55;border-radius:10px;outline:none;width:100%;padding:14px 42px 14px 14px}.login-box>label{margin:0 0 8px}.login-box>input+label{margin-top:20px}.password-box span{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.remember-forgot{width:100%;margin:16px 0 20px}.remember-me{cursor:pointer;color:#b9b2a4;align-items:center;gap:8px;font-size:12px;display:flex}.remember-me input{cursor:pointer;accent-color:#f5c542;width:14px;height:14px;margin:0}.remember-me span{-webkit-user-select:none;user-select:none}.login-btn{color:#181818;cursor:pointer;background:#c9a646;border:none;border-radius:10px;width:100%;margin-top:0;padding:14px;font-weight:700;transition:all .3s}.login-btn:hover{background:#d8b75b;transform:translateY(-1px)}.forgot{text-align:center;margin-top:14px}.login-btn+.forgot{margin-top:20px}.forgot-link{color:#e0dacc;font-size:13px;line-height:1.4;text-decoration:none}.forgot-link:hover{text-decoration:underline}.signup-prompt{text-align:center;color:#b9b2a4;margin:22px 0 0;font-size:14px;line-height:1.5}.signup-link{color:#ffd447;font-weight:700;text-decoration:none;transition:all .3s}.signup-link:hover{text-decoration:underline}.login-error{color:#ff6b6b;text-align:center;box-sizing:border-box;background:#ff4d4d40;border:1px solid #ff4d4d;border-radius:8px;width:100%;margin:0 0 16px;padding:4px 12px;font-size:14px}@media (width<=480px),(height<=650px){.login-box{margin-top:0;padding:28px 24px}.login-box .subtitle{margin-bottom:28px}}.hero{color:#ded8d1;background-image:linear-gradient(#00000080,#00000080,#00000080,#00000080),url(/assets/pic1-CyZ-XwlV.webp),url(/assets/pic2-DYui6eNg.webp),url(/assets/pic3-DpittACJ.webp),url(/assets/pic4-ExtORXQJ.webp);background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100dvh;padding:100px 24px 40px;animation:17s ease-in-out infinite heroSlide;display:flex;position:relative;overflow:hidden}@keyframes heroSlide{0%,25%{background-position:0 0,100vw 0,200vw 0,300vw 0}26%,50%{background-position:-100vw 0,0 0,100vw 0,200vw 0}51%,75%{background-position:-200vw 0,-100vw 0,0 0,100vw 0}76%,to{background-position:-300vw 0,-200vw 0,-100vw 0,0 0}}.hero-overlay{text-align:center;background:#00000080;border-radius:12px;max-width:700px;padding:40px}.hero h1{text-align:center;margin:0 0 15px;font-size:3rem;line-height:1.15}.hero p{opacity:.9;text-align:center;margin-bottom:25px;font-size:1.2rem}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.btn-primary{color:#fff;cursor:pointer;z-index:1;background:0 0;border:2px solid #fff;border-radius:8px;padding:10px 30px;font-weight:700;transition:color .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";transform-origin:0;z-index:-1;background:#d4a84b;transition:transform .4s;position:absolute;inset:0;transform:scaleX(0)}.btn-primary:hover:before{transform:scaleX(1)}.btn-primary:hover{color:#000;background:#d4a84b;transform:none}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;padding:10px 30px;transition:all .3s}.btn-secondary:hover{background:0 0;transform:scale(1.05)}.hero-content{min-width:0;max-width:100%}.hero h1 br+br{display:none}@media (width<=1024px){.hero h1{font-size:2rem}}@media (width<=800px){.hero{padding-top:176px}}@media (width<=500px){.hero{padding:164px 16px 40px}.hero h1{font-size:32px}}.about{text-align:center;background:#101114;padding:50px 90px;scroll-margin-top:90px}.about-header{max-width:700px;margin:auto auto 60px}.about-header h2{color:#c9a646;margin-bottom:15px;font-size:42px}.about-header p{color:#b9b2a4;font-size:18px;line-height:1.5}.about-container{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.about-card{-webkit-backdrop-filter:blur(18px);color:#20252c;background:#ffffff09;border:1px solid #31363d80;border-radius:20px;width:320px;padding:35px;transition:all .35s}.about-card h3{color:#d8b75b;margin-bottom:15px}.about-card p{color:#8e897e;line-height:1.5}@media (width<=768px){.about{padding:80px 20px}.about-header h2{font-size:32px}.about-card{width:100%}}.shared-user-avatar{overflow:hidden}.shared-user-avatar img{object-fit:cover;width:100%;height:100%;display:block}*{box-sizing:border-box;margin:0;padding:0}.trainers{color:#e0dacc;text-align:center;background:#101114;width:100%;max-width:100%;min-height:100vh;padding:70px 8%;scroll-margin-top:80px;overflow:hidden}.trainers h2{font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.2}.subtitle{color:#b9b2a4;margin-top:12px;margin-bottom:60px;line-height:1.5}.trainer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:100%;min-width:0;display:grid}.trainer-card-landingpage{background:#20252c;border:1px solid #ffffff14;border-radius:18px;width:100%;min-width:0;padding:24px 20px;transition:all .35s;overflow:hidden}.trainer-card-landingpage:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000059}.avatar{color:#ffd447;background:#10111480;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 28px;font-size:24px;font-weight:700;display:flex}.trainer-card-landingpage h3{overflow-wrap:anywhere;font-size:20px;line-height:1.3}.specialty{color:#d8b75b;margin-top:10px;line-height:1.4}.cert-section{text-align:left;margin-top:34px;font-size:14px;font-weight:700}.certs{flex-wrap:wrap;gap:10px;min-width:0;margin-top:14px;display:flex}.badge{overflow-wrap:anywhere;background:#181b20;border-radius:999px;max-width:100%;padding:6px 12px;font-size:12px}.rating{margin-top:28px;font-size:18px}.rating span{color:#b9b2a4}.trainer-card-landingpage button{color:#181818;cursor:pointer;background:#c9a646;border:none;border-radius:10px;width:100%;margin-top:26px;padding:13px 15px;font-size:15px;font-weight:700;transition:all .3s}.trainer-card-landingpage button:hover{background:#d8b75b;transform:scale(1.03)}.trainer-list-status{color:#e0dacc;margin:24px auto}.trainer-list-status button{color:#e0dacc;cursor:pointer;background:0 0;border:1px solid #c9a646;border-radius:6px;margin-top:10px;padding:8px 18px}.trainer-profile-backdrop{z-index:10000;background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.trainer-profile-dialog{text-align:center;background:#20252c;border:1px solid #434a55;border-radius:8px;width:min(100%,460px);max-height:85vh;padding:32px 28px;position:relative;overflow-y:auto}.trainer-profile-dialog h3{overflow-wrap:anywhere}.trainer-profile-close{color:#e0dacc;cursor:pointer;background:0 0;border:0;width:34px;height:34px;position:absolute;top:12px;right:12px}.trainer-profile-bio{white-space:pre-wrap;margin-top:24px;line-height:1.5}.trainer-profile-dialog .trainer-profile-join{color:#181818;cursor:pointer;background:#c9a646;border:0;border-radius:6px;width:100%;margin-top:28px;padding:12px;font-weight:700}@media (width<=1100px){.trainers{padding:65px 5%}.trainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media (width<=768px){.trainers{min-height:auto;padding:60px 20px 24px}.trainers h2{font-size:30px}.subtitle{margin-bottom:35px}.trainer-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:18px;width:100%;max-width:100%;padding:4px 2px 16px;display:flex;overflow:auto hidden}.trainer-grid::-webkit-scrollbar{display:none}.trainer-card-landingpage{scroll-snap-align:center;flex:0 0 min(84vw,340px);width:min(84vw,340px);padding:28px 20px}.cert-section{margin-top:25px}}@media (width<=480px){.trainers{padding:50px 15px 24px}.trainers h2{font-size:27px}.subtitle{margin-top:10px;margin-bottom:30px;font-size:14px}.trainer-grid{gap:14px;padding-left:2px;padding-right:2px}.trainer-card-landingpage{border-radius:14px;flex:0 0 84vw;width:84vw;max-width:330px;padding:24px 16px}.avatar{width:65px;height:65px;margin-bottom:20px;font-size:21px}.trainer-card-landingpage h3{font-size:18px}.specialty{font-size:14px}.cert-section{font-size:13px}.badge{padding:5px 10px;font-size:11px}.rating{font-size:16px}.trainer-card-landingpage button{padding:12px;font-size:14px}}@media (width<=360px){.trainers{padding:45px 12px 20px}.trainers h2{font-size:24px}.subtitle{font-size:13px}.trainer-grid{gap:12px}.trainer-card-landingpage{flex:0 0 86vw;width:86vw;padding:22px 14px}.certs{gap:7px}.badge{padding:5px 8px;font-size:10px}}.landing-page-membership{color:#e0dacc;background:#101114;min-height:100vh;padding:80px 5%}.landing-page-membership-header{text-align:center;margin-bottom:20px}.landing-page-membership-header h2{margin-bottom:10px;font-size:42px}.landing-page-membership-header p{color:#b9b2a4;font-size:15px}.landing-page-plans-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;display:grid}.landing-page-plan-card{background:#20252c;border:1px solid #31363d80;border-radius:16px;flex-direction:column;min-height:100%;padding:30px 20px;transition:all .3s;display:flex;position:relative}.landing-page-plan-card h3{margin-bottom:10px}.landing-page-subtitle{color:#b9b2a4;margin-bottom:20px;font-size:.9rem}.landing-plans-status{text-align:center;color:#e0dacc;margin:24px auto}.landing-plans-status button{color:#e0dacc;cursor:pointer;background:0 0;border:1px solid #c9a646;border-radius:6px;margin-top:10px;padding:8px 18px}.landing-page-price{margin-bottom:25px}.landing-page-price span{font-size:2.5rem;font-weight:700}.landing-page-price small{font-size:1rem}.landing-page-plan-card ul{flex-grow:1;margin-bottom:20px;padding:0;font-size:15px;list-style:none}.landing-page-plan-card ul li{margin-bottom:14px;padding-left:18px;position:relative}.landing-page-plan-card ul li:before{content:"•";color:#c9a646;position:absolute;left:0}.landing-page-plan-card button{cursor:pointer;color:#181818;background:#c9a646;border:none;border-radius:8px;width:100%;margin-top:auto;padding:10px;font-weight:600;transition:all .3s;position:static}.landing-page-popular{border:1px solid #c9a646}.landing-page-popular button{background:#181818;position:static}.landing-page-popular-badge{background:#c9a646;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.landing-page-plan-card:nth-child(3) button{background:#c9a646}.landing-page-plan-card.landing-page-yearly{background:linear-gradient(#20252c 0%,#191b20 100%);border:2px solid #f1c40f;box-shadow:0 0 0 1px #f1c40f40,0 18px 30px #f1c40f1f}.landing-page-plan-card.landing-page-yearly button{color:#181818;background:#f1c40f;position:static;box-shadow:0 10px 18px #f1c40f38}@media (width<=700px){.landing-page-membership-header h2{font-size:2rem}}.visit{color:#e0dacc;box-sizing:border-box;background:#101114;justify-content:space-between;align-items:center;gap:56px;width:100%;max-width:100%;min-height:50px;padding:70px 8%;scroll-margin-top:90px;display:flex;overflow:hidden}.visit-left{flex:1;min-width:0;max-width:540px}.visit-left h2{margin-bottom:20px;font-size:clamp(30px,4vw,40px);line-height:1.2}.visit-text{color:#b9b2a4;max-width:620px;margin-bottom:40px;font-size:15px;line-height:1.6}.info-box{align-items:flex-start;gap:15px;min-width:0;margin-bottom:28px;display:flex}.icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.location,.phone,.hours{background:#917731d7}.info-box h4{margin-bottom:6px;font-size:18px}.info-box p{color:#b9b2a4;overflow-wrap:anywhere;font-size:15px;line-height:1.4}.visit-right{box-sizing:border-box;background:#181b20e6;border-radius:30px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:400px;padding:16px;display:flex}.visit-right iframe{border:none;border-radius:24px;width:100%;height:360px;display:block}@media (width<=900px){.visit{flex-direction:column;align-items:stretch;gap:35px;padding:65px 5%}.visit-left{width:100%;max-width:100%}.visit-right{width:100%;min-height:400px}.visit-right iframe{width:100%;height:360px}}@media (width<=600px){.visit{gap:30px;padding:55px 20px}.visit-left h2{margin-bottom:15px;font-size:2rem}.visit-text{margin-bottom:30px;font-size:14px}.info-box{gap:12px;margin-bottom:22px}.icon{width:50px;height:50px;font-size:20px}.info-box h4{font-size:16px}.info-box p{font-size:14px}.visit-right{border-radius:20px;min-height:350px;padding:10px}.visit-right iframe{border-radius:16px;height:320px;min-height:0}}@media (width<=400px){.visit{padding:50px 15px}.visit-left h2{font-size:1.8rem}.visit-text{font-size:13px}.icon{width:45px;height:45px;font-size:18px}.info-box h4{font-size:15px}.info-box p{font-size:13px}.visit-right{border-radius:18px;min-height:320px;padding:8px}.visit-right iframe{border-radius:14px;height:290px}}.footer{color:#e0dacc;box-sizing:border-box;background:#101114;border-top:1px solid #ffffff1a;width:100%;padding-top:30px;overflow:hidden}.footer-container{box-sizing:border-box;grid-template-columns:repeat(4,minmax(180px,1fr));gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:0 5%;display:grid}.footer-section{word-wrap:break-word;text-align:left;flex-direction:column;min-width:0;padding:6px 0;font-size:14px;display:flex}.footer-logo{color:#c9a646;margin-bottom:12px;font-weight:600}.footer-section h3{color:#c9a646;text-align:left;margin-bottom:10px;font-size:1rem}.footer-section p,.footer-section a{color:#b9b2a4;text-align:left;margin-bottom:6px;line-height:1.4;text-decoration:none}.footer-section a:hover{color:#fff}.social-links,.contact-links{flex-direction:column;gap:10px;margin-top:8px;display:flex}.social-item,.contact-item{color:#b9b2a4;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.social-item img{object-fit:contain;flex-shrink:0;width:1.4rem;height:1.4rem}.social-item span,.contact-item span:not(.contact-icon){overflow-wrap:anywhere;font-size:14px}.contact-icon{flex-shrink:0;min-width:1rem;font-size:1rem;display:inline-flex}.footer-bottom{text-align:center;color:#8e897e;border-top:1px solid #ffffff14;margin-top:20px;padding:12px 5%;font-size:12px}@media (width<=900px){.footer-container{grid-template-columns:repeat(4,minmax(160px,1fr));gap:25px;padding:0 25px}}@media (width<=700px){.footer{width:100%;overflow:hidden}.footer-container{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;width:100%;padding:0 20px;display:grid}.footer-section{width:100%;min-width:0;margin:0;padding:4px 0;font-size:13px}.footer-section h3{margin-bottom:10px;font-size:14px}.footer-section p,.footer-section a{margin-bottom:6px;font-size:13px;line-height:1.4}.social-links,.contact-links{gap:8px;margin-top:6px}.social-item,.contact-item{gap:8px;min-width:0}.social-item img{width:18px;height:18px}.social-item span,.contact-item span:not(.contact-icon){font-size:13px}.contact-icon{min-width:14px;font-size:14px}.footer-section:first-child{grid-column:1/-1}}@media (width<=450px){.footer-container{gap:20px 14px;padding:0 16px}.footer-section{padding:2px 0}}.chat-button{z-index:9999;color:#181818;cursor:pointer;background:#c9a646;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 20px #00000040}body.modal-open .chat-button{z-index:0;pointer-events:none}.chat-button svg{stroke-width:1.8px;font-size:30px}.chat-button:hover{opacity:.9;transform:scale(1.1)}.chat-modal-overlay{z-index:9996;background:#00000073;justify-content:flex-end;align-items:flex-end;margin-bottom:-85px;padding:95px 25px;display:flex;position:fixed;inset:0}.chat-modal{background:#181b20;border:1px solid #31363d;border-radius:15px;flex-direction:column;width:340px;max-width:calc(100vw - 30px);height:480px;max-height:calc(100dvh - 120px);display:flex;overflow:hidden}.chat-modal-header{background:#181b20;border-bottom:2px solid #31363d;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.chat-modal-header h3{color:#e0dacc;margin:0;font-size:23px}.chat-modal-header p{color:#b9b2a4;margin:0;font-size:15px}.chat-modal-body{flex:1;min-height:0;padding:15px;overflow-y:auto}.chat-message{color:#e0dacc;background:#20252c;border-radius:12px 12px 12px 3px;width:fit-content;max-width:80%;padding:12px 15px;font-size:14px;font-weight:500}.chat-modal-footer{border-top:1px solid #31363d;gap:10px;padding:15px;display:flex}.chat-modal-footer input{color:#e0dacc;background:#20252c;border:none;border-radius:8px;outline:none;flex:1;min-width:0;margin:0;padding:6px 10px;font-size:15px}.chat-modal-footer input::placeholder{color:#8e897e}.send-btn{color:#181818;cursor:pointer;background:#c9a646;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:10px 15px;display:flex}.send-btn svg{font-size:20px}.user-message{color:#181818;word-break:break-word;background:#c89b1d;border-radius:12px 12px 3px;width:fit-content;max-width:80%;margin:10px 0 10px auto;padding:12px 15px;font-size:14px;font-weight:500}.chat-modal{position:relative}.chat-suggestions{background:0 0;flex-wrap:wrap;gap:3px;padding:0 15px 8px;display:flex}.suggestion-btn{color:#e0dacc;cursor:pointer;background:0 0;border:1px solid #8e7a38;border-radius:20px;margin-top:3px;padding:7px 10px;font-size:13px}.suggestion-btn:hover{color:#181818;background:#d8b75b;transform:none}@media (width<=480px){.chat-modal-overlay{padding:90px 15px}.chat-modal{width:100%;height:450px}.chat-button{bottom:20px;right:20px}}.register-page{background:radial-gradient(circle at 0 0,#f9731633,#0000 25%),radial-gradient(circle at 100% 100%,#3b82f626,#0000 20%),#111316;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.register-card{color:#e0dacc;background:#181b20;border:1px solid #ffe4861f;border-radius:24px;width:min(100%,460px);padding:25px;position:relative}.register-close{color:#e0dacc;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:18px;line-height:1;transition:background .2s,transform .2s;display:grid;position:absolute;top:18px;right:18px}.register-close:hover{background:#ffffff29;transform:scale(1.05)}.register-card h2{margin:0 0 10px;font-size:28px}.register-subtitle{color:#b9b2a4;margin:0 0 10px;font-size:15px}.register-form{gap:.3rem;display:grid}.register-form label{color:#c6b99a;margin-bottom:4px;font-size:13px}.register-form input{color:#e0dacc;background:#101214;border:1px solid #33393f;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px}.terms-checkbox{align-items:center;gap:10px;margin-top:8px;font-size:14px;display:flex}.terms-review{color:#e0dacc;background:#20242a;border:1px solid #33393f;border-radius:8px;margin-top:12px;padding:12px 14px}.terms-review-title{font-size:14px;font-weight:700;display:block}.terms-review p{color:#b9b2a4;margin:5px 0 8px;font-size:13px;line-height:1.5}.terms-review a{color:#ffd447;text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline}.name-row{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.name-field{flex-direction:column;min-width:0;display:flex}.terms-checkbox input{accent-color:#555;flex-shrink:0;width:18px;height:18px}.password-box{position:relative}.password-toggle{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;margin:auto;padding:0;line-height:1;display:flex;position:absolute;top:0;bottom:0;right:16px}.password-toggle:hover{background:0 0}.register-btn{color:#181818;cursor:pointer;background:#c9a646;border:none;border-radius:14px;width:100%;margin-top:4px;padding:14px 16px;font-size:16px;font-weight:700;transition:transform .2s,background .2s}.register-btn:hover{background:#dabf67;transform:translateY(-1px)}.register-btn:disabled{color:#999;cursor:not-allowed;opacity:.6;background-color:#555}.login-prompt{color:#b9b2a4;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:14px;display:flex}.login-prompt .login-link{color:#ffd447;font-weight:700;text-decoration:none}.login-prompt .login-link:hover{text-decoration:underline}@media (width<=480px){.register-page{padding:16px}.register-card{padding:20px}.register-card h2{padding-right:36px}.name-row{grid-template-columns:minmax(0,1fr)}}.otp-page{box-sizing:border-box;background:#101114;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.otp-card{box-sizing:border-box;text-align:center;background:#181b20;border:1px solid #31363d;border-radius:18px;width:100%;max-width:450px;padding:40px}.otp-logo{color:#ffd447;letter-spacing:1px;margin-bottom:15px;font-size:30px;font-weight:800}.otp-card h1{color:#e0dacc;margin:0 0 10px;font-size:25px}.otp-description{color:#b9b2a4;margin:0;font-size:15px}.otp-email{color:#ffd447;word-break:break-word;margin-bottom:30px;font-size:15px;font-style:italic;font-weight:600}.otp-email-field{color:#b9b2a4;text-align:left;margin:16px 0 30px;font-size:13px;display:block}.otp-email-field input{box-sizing:border-box;color:#e0dacc;background:#101216;border:1px solid #3a4048;border-radius:7px;width:100%;height:46px;margin-top:7px;padding:0 13px;font-size:14px;display:block}.otp-email-field input:focus{border-color:#c9a646;outline:none}.otp-change-email{color:#b9b2a4;cursor:pointer;background:0 0;border:0;margin-left:4px;padding:0;font-size:12px;font-style:normal}.otp-change-email:hover{color:#ffd447;text-decoration:underline}.otp-other-flow{color:#b9b2a4;margin:18px 0 0;font-size:13px}.otp-other-flow a{color:#c9a646;font-weight:600;text-decoration:none}.otp-other-flow a:hover{text-decoration:underline}.otp-inputs{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:10px;margin:25px 0;display:grid}.otp-box{-webkit-text-fill-color:#e0dacc!important;text-align:center!important;opacity:1!important;background-color:#20252c!important;border:1px solid #31363d!important;border-radius:8px!important;outline:none!important;width:100%!important;min-width:0!important;height:55px!important;margin:0!important;padding:0!important;font-size:30px!important;font-weight:700!important;line-height:55px!important;display:block!important}.otp-inputs input:focus{border-color:#ffd447!important}.otp-error{color:#ff5353;margin:0 0 10px;font-size:13px;font-weight:500}.otp-success{color:#72d69b;margin:0 0 12px;font-size:13px;font-weight:500}.otp-complete>svg{color:#72d69b;width:54px;height:54px;margin-bottom:14px}.verify-btn{color:#101114;cursor:pointer;background:#c9a646;border:none;border-radius:8px;width:100%;height:48px;font-size:20px;font-weight:700}.verify-btn:hover{background:#d8b75b;transform:none}.verify-btn:disabled,.resend-btn:disabled{cursor:not-allowed;opacity:.6}.resend-container{color:#b9b2a4;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:25px;font-size:13px;display:flex}.resend-btn{color:#c89b1d;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.resend-btn:hover{color:#ffd447;text-decoration:underline}.back-btn{color:#b9b2a4;cursor:pointer;background:0 0;border:none;margin-top:25px;font-size:18px}.back-btn:hover{color:#c89b1d;font-weight:600}@media (width<=500px){.otp-card{padding:30px 20px}.otp-card h1{font-size:24px}.otp-inputs{gap:6px}.otp-inputs input{height:50px!important;font-size:20px!important}}@media (width<=360px){.otp-inputs{gap:4px}.otp-inputs input{height:46px!important}}.terms-page{background:radial-gradient(circle at 0 0,#f9731633,#0000 25%),radial-gradient(circle at 100% 100%,#3b82f626,#0000 20%),#111316;min-height:100vh;padding:3rem 1.5rem 7rem}.terms-card{overflow-wrap:anywhere;background:#181b20;border:1px solid #31363d;border-radius:20px;max-width:860px;margin:0 auto;padding:3rem;box-shadow:0 18px 45px -25px #0f172a59}.back-link{color:#c9a646;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.terms-end-marker{height:1px}.terms-intro{color:#b9b2a4;margin:0 0 2rem;line-height:1.6}.terms-progress{z-index:10;color:#e0dacc;background:#181b20;border-top:1px solid #31363d;padding:12px 24px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000040}.terms-progress-inner{justify-content:space-between;align-items:center;gap:16px;max-width:860px;margin:0 auto;font-size:14px;line-height:1.5;display:flex}.terms-progress a{color:#181818;background:#c9a646;border-radius:8px;flex-shrink:0;padding:9px 14px;font-weight:700;text-decoration:none}.terms-progress a:hover{background:#dabf67}.terms-card h1{color:#e0dacc;white-space:pre-line;margin:0 0 21px;font-size:2.6rem;line-height:1.2}.terms-section{margin-bottom:2rem}.terms-section h2{color:#e0dacc;margin-bottom:.75rem;font-size:1.2rem}.terms-section h3{color:#e0dacc;margin-bottom:.5rem;font-size:1rem}.terms-section p{color:#b9b2a4;margin-bottom:1rem;line-height:1.7}@media (width<=640px){.terms-page{padding:1.5rem 1rem 10rem}.terms-card{padding:1.5rem}.terms-card h1{font-size:2rem}.terms-progress-inner{flex-direction:column;align-items:stretch;gap:8px}.terms-progress a{text-align:center}}.reset-page{background:#101114;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.reset-container{color:#e0dacc;background:#20252c;border-radius:15px;width:100%;max-width:420px;padding:35px}.back-btn{color:#ccc;align-items:center;gap:8px;margin-bottom:25px;text-decoration:none;display:inline-flex}.back-btn:hover{color:#8e7a38;text-decoration:underline}.reset-icon{color:#c9a646;margin:0;font-size:45px}.reset-container h1{gap:0;margin-top:-10px;margin-bottom:0;line-height:1}.reset-description{color:#b9b2a4;margin-bottom:15px;line-height:1.6}.reset-container label{margin-bottom:5px;display:block}.email-input{background:#181b20;border:2px solid #434a55;border-radius:8px;align-items:center;gap:10px;margin-bottom:15px;padding:0 15px;display:flex}.email-input:focus-within{border:1px solid #c89b1d}.email-input svg{color:#c9a646;font-size:25px}.email-input input{color:#e0dacc;background:0 0;border:none;outline:none;width:100%;padding:14px 0;font-size:15px}.reset-submit-btn{color:#181818;cursor:pointer;background:#c9a646;border:none;border-radius:8px;width:100%;padding:14px}.reset-submit-btn:hover{background:#d8b75b;transform:none}.reset-submit-btn:disabled{cursor:not-allowed;opacity:.65}.reset-error{color:#ff6b6b;margin-bottom:0}.reset-success{color:#6ee7a0;margin-bottom:0}.new-password-page{background:#101114;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.new-password-container{color:#e0dacc;background:#20252c;border-radius:15px;width:100%;max-width:420px;padding:35px}.new-password-icon{color:#c9a646;margin-bottom:5px;font-size:45px}.new-password-container h1{margin:0;font-size:40px;line-height:1}.new-password-description{color:#b9b2a4;margin:10px 0;line-height:1}.new-password-container label{margin:10px 0 5px;display:block}.password-input{background:#181b20;border:2px solid #434a55;border-radius:8px;align-items:center;gap:5px;padding:0 15px;display:flex}.password-input:focus-within{border:1px solid #c89b1d}.password-input>svg{color:#c9a646;flex-shrink:0;font-size:20px}.password-input input{color:#e0dacc;background:0 0;border:none;outline:none;width:100%;padding:14px 0;font-size:15px}.toggle-password{color:#b9b2a4;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.toggle-password:hover{color:#c9a646}.toggle-password svg{font-size:20px}.password-error{color:#ff6b6b;margin:12px 0;font-size:14px}.new-password-retry-link{color:#ffd447;margin:0 0 12px;font-size:14px;display:inline-block}.password-success{color:#6ee7a0;margin:12px 0;font-size:14px}.update-password-btn{color:#181818;cursor:pointer;background:#c9a646;border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px}.update-password-btn:hover{background:#d8b75b;transform:none}.update-password-btn:disabled{cursor:not-allowed;opacity:.65}.trainer-verification-page{color:#e0dacc;background:#101114;place-items:center;width:100%;min-height:100vh;padding:24px;display:grid}.trainer-verification-card{background:#181b20;border:1px solid #31363d;border-radius:12px;width:min(100%,520px);padding:34px}.trainer-verification-brand{color:#e0dacc;text-align:center;margin-bottom:20px;font-size:24px;font-weight:800}.trainer-verification-brand span{color:#c9a646}.trainer-verification-card h1{color:#e0dacc;text-align:center;margin:0;font-size:28px}.trainer-verification-description{color:#b9b2a4;text-align:center;margin:8px 0 24px;font-size:14px;line-height:1.5}.trainer-verification-form{gap:9px;display:grid}.trainer-verification-form label,.trainer-otp-fieldset legend{color:#e0dacc;font-size:13px;font-weight:600}.trainer-verification-form>input,.trainer-password-field input{color:#e0dacc;background:#101216;border:1px solid #3a4048;border-radius:7px;outline:none;width:100%;height:46px;padding:0 13px;font-size:14px}.trainer-verification-form>input:focus,.trainer-password-field input:focus,.trainer-otp-inputs input:focus{border-color:#c9a646}.trainer-verification-form input:disabled,.trainer-verification-form button:disabled{cursor:not-allowed;opacity:.65}.trainer-otp-fieldset{border:0;min-width:0;margin:7px 0;padding:0}.trainer-otp-fieldset legend{margin-bottom:9px}.trainer-otp-inputs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.trainer-otp-inputs input{aspect-ratio:1;color:#e0dacc;text-align:center;background:#20252c;border:1px solid #3a4048;border-radius:7px;outline:none;width:100%;min-width:0;padding:0;font-size:22px;font-weight:700;line-height:1}.trainer-password-field{position:relative}.trainer-password-field input{padding-right:46px}.trainer-password-field button{color:#b9b2a4;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.trainer-password-field button:hover{color:#c9a646;transform:translateY(-50%)}.trainer-verification-error,.trainer-verification-success{border-radius:7px;margin:4px 0 0;padding:10px 12px;font-size:13px;line-height:1.4}.trainer-verification-error{color:#ff7b84;background:#ff5c681a;border:1px solid #ff5c6859}.trainer-verification-success{color:#73d98b;background:#69c18a1a;border:1px solid #69c18a59}.trainer-verify-button,.trainer-verification-complete button{color:#101114;cursor:pointer;background:#c9a646;border:1px solid #c9a646;border-radius:7px;width:100%;min-height:46px;margin-top:8px;padding:10px 16px;font-size:14px;font-weight:700}.trainer-verify-button:hover,.trainer-verification-complete button:hover{background:#d8b75b;transform:none}.trainer-resend-row{color:#b9b2a4;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:13px;display:flex}.trainer-resend-row button{color:#c9a646;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.trainer-resend-row button:hover{color:#ffd447;text-decoration:underline}.trainer-verification-back{color:#b9b2a4;text-align:center;margin-top:18px;font-size:13px;text-decoration:none;display:block}.trainer-verification-other-flow{color:#b9b2a4;text-align:center;margin:18px 0 0;font-size:13px}.trainer-verification-other-flow a{color:#c9a646;font-weight:700;text-decoration:none}.trainer-verification-other-flow a:hover{text-decoration:underline}.trainer-verification-back:hover{color:#c9a646}.trainer-verification-complete{text-align:center}.trainer-verification-complete>svg{color:#69c18a;width:58px;height:58px;margin-bottom:14px}.trainer-verification-complete p{color:#b9b2a4;margin:10px 0 22px;font-size:14px}@media (width<=560px){.trainer-verification-page{align-items:start;padding:16px}.trainer-verification-card{margin-top:18px;padding:26px 20px}.trainer-verification-card h1{font-size:24px}.trainer-otp-inputs{gap:5px}.trainer-otp-inputs input{font-size:18px}}@media (width<=360px){.trainer-verification-card{padding:22px 14px}.trainer-otp-inputs{gap:4px}}.sidebar{background:#181b20;border-right:1px solid #31363d;flex-direction:column;width:clamp(220px,15vw,260px);min-width:220px;height:100dvh;padding:15px 7px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-header{box-sizing:border-box;border-bottom:1px solid #31363d;justify-content:center;align-items:center;width:100%;margin-bottom:14px;padding:10px 5px;display:flex}.sidebar-header h2,.sidebar h2{color:#e0dacc;letter-spacing:.01rem;text-align:center;margin:0;font-size:1.5rem;font-weight:600}.sidebar-menu{flex-direction:column;flex:1;gap:2px;padding:0 2px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:8px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.menu-item{color:#e0dacc;border-radius:10px;align-items:center;gap:14px;padding:14px 18px;font-size:.95rem;text-decoration:none;transition:background .2s,transform .2s;display:flex}.menu-item:hover{color:#8e897e;background:#ffffff0f;transform:translate(1px)}.menu-item.active{color:#181818;background:#ffd447;box-shadow:0 16px 35px #b2177429}.menu-item svg{width:20px;height:20px;color:inherit}.logout-btn{color:#e0dacc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:auto;padding:14px 18px;transition:background .2s,border-color .2s;display:flex}.logout-btn:hover{background:#ffffff14;border-color:#ffffff24}.logout-btn svg{width:20px;height:20px}.pangbukod1{color:#8e897e;text-align:left;padding-left:20px;font-size:15px;font-weight:600}.sidebar-section-title{color:#8e897e;text-align:left;margin-top:5px;padding-left:20px;font-size:16px;font-weight:600}.sidebar-divider:after{content:"";background:#8f8c8654;width:90%;height:1px;margin:6px auto;display:block}@media (width<=760px){.sidebar{width:100%;min-width:0;height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:110;border-top:1px solid #31363d;border-right:0;flex-direction:row;align-items:stretch;top:auto;bottom:0}.sidebar-header,.sidebar-section-title,.sidebar-divider,.pangbukod1,.logout-btn span{display:none}.sidebar-menu{flex-direction:row;align-items:stretch;min-width:0;min-height:0;overflow:auto hidden}.menu-item{flex:0 0 58px;justify-content:center;padding:8px 4px}.menu-item span{display:none}.logout-btn{flex:0 0 48px;justify-content:center;width:48px;height:52px;margin:0 0 0 4px;padding:8px}}.logout-confirm-overlay{z-index:1000;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.logout-confirm-dialog{color:#e0dacc;background:#20242a;border:1px solid #31363d;border-radius:8px;width:min(100%,400px);padding:28px;box-shadow:0 20px 48px #00000059}.logout-confirm-icon{color:#c9a646;background:#c9a64624;border-radius:8px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.logout-confirm-icon svg{width:21px;height:21px}.logout-confirm-dialog h2{color:#e0dacc;margin:0 0 8px;font-size:22px;line-height:1.25}.logout-confirm-dialog p{color:#b9b2a4;margin:0;font-size:15px;line-height:1.5}.logout-confirm-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.logout-confirm-actions button{cursor:pointer;border-radius:8px;min-width:96px;min-height:42px;padding:10px 16px;font-size:14px;font-weight:700}.logout-confirm-cancel{color:#e0dacc;background:0 0;border:1px solid #4a5058}.logout-confirm-submit{color:#181818;background:#c9a646;border:1px solid #c9a646}.logout-confirm-cancel:hover{background:#ffffff0f}.logout-confirm-submit:hover{background:#dabf67}.logout-confirm-actions button:focus-visible{outline-offset:2px;outline:2px solid #ffd447}@media (width<=480px){.logout-confirm-dialog{padding:24px}.logout-confirm-actions{flex-direction:column-reverse}.logout-confirm-actions button{width:100%}}.navbar-dashboard{z-index:100;background:#181b20;border-bottom:1px solid #31363d;justify-content:space-between;align-items:center;width:calc(100% - clamp(220px,15vw,260px));height:68px;padding:12px clamp(16px,3vw,30px);display:flex;position:fixed;top:0;left:clamp(220px,15vw,260px)}.navbar-left{min-width:0}.navbar-left h2{color:#e0dacc;letter-spacing:.01rem;text-align:center;margin:0;padding:0;font-size:1.5rem;font-weight:600;line-height:1.2}.navbar-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.notification-icon{color:#ffd447;align-items:center;font-size:20px;display:flex}.notification-center{position:relative}.notification-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:relative}.notification-button:hover,.notification-button:focus-visible{background:#20252c;outline:none}.notification-badge{color:#fff;text-align:center;background:#df4967;border:2px solid #181b20;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:2px;right:1px}.notification-panel{z-index:200;background:#20252c;border:1px solid #3a4048;border-radius:8px;flex-direction:column;width:min(360px,100vw - 32px);max-height:min(430px,100dvh - 96px);display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 16px 40px #00000059}.notification-panel-header{box-sizing:border-box;color:#e0dacc;border-bottom:1px solid #343a42;flex:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-panel-header span{color:#b9b2a4;font-size:12px}.notification-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5a616a transparent;flex:auto;min-height:0;overflow-y:auto}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-thumb{background:#5a616a padding-box content-box;border:2px solid #0000;border-radius:999px}.notification-list::-webkit-scrollbar-thumb:hover{background:#747b85 padding-box content-box}.notification-item{color:#e0dacc;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #31363d;flex-direction:column;gap:4px;width:100%;padding:13px 16px;display:flex}.notification-item:hover,.notification-item:focus-visible{background:#282e36;outline:none}.notification-item.unread{background:#ffd4470f;border-left:3px solid #ffd447}.notification-item-title{font-size:14px;font-weight:700}.notification-item-message{overflow-wrap:anywhere;color:#b9b2a4;font-size:13px;line-height:1.4}.notification-item small{color:#8e897e;font-size:11px}.notification-empty,.notification-error{color:#b9b2a4;text-align:center;margin:0;padding:28px 16px;font-size:13px}.notification-error{color:#f58aa0}.profile{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:4px 8px;display:flex}@media (width<=1100px){.profile>div:last-child{display:none}}@media (width<=760px){.navbar-dashboard{width:100%;padding:10px 14px;left:0}.navbar-left h2{font-size:1.1rem}.profile>div:last-child{display:none}.notification-panel{width:auto;max-height:min(430px, calc(100dvh - 160px - env(safe-area-inset-bottom)));position:fixed;top:76px;left:12px;right:12px}}@media (width<=480px){.navbar-dashboard,.navbar-right{gap:6px}.navbar-left h2{text-align:left;font-size:18px}.profile{padding:4px}}.profile:hover,.profile:focus-visible{background:0 0;outline:none}.nav-avatar{color:#181818;background:#c9a646;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-top:0;font-weight:700;display:flex}.nav-avatar:hover{color:#181818;background:#ffd447}.profile h4{color:#e0dacc;margin:0}.profile p{color:#b9b2a4;margin:0;font-size:14px}.nav-avatar img{object-fit:cover;width:100%;height:100%;display:block}.loading-screen{z-index:9999;background:#111;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;inset:0}.loading-screen-indicator{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.loading-screen--contained{z-index:50;box-sizing:border-box;background:#101114f0;width:auto;height:auto;min-height:100%;padding:108px 30px 30px;position:absolute;overflow:hidden}.loading-screen--contained .loading-screen-indicator{position:absolute;inset:68px 0 0}.dashboard-loading-skeleton{width:100%;max-width:1540px;margin:0 auto}.dashboard-loading-banner,.dashboard-loading-stats span,.dashboard-loading-panels span{opacity:.55;background:#20252c;border:1px solid #31363d;border-radius:6px;animation:1.2s ease-in-out infinite alternate dashboard-loading-pulse;display:block}.dashboard-loading-banner{height:92px;margin-bottom:22px}.dashboard-loading-stats,.dashboard-loading-panels{gap:22px;display:grid}.dashboard-loading-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.dashboard-loading-stats span{height:190px}.dashboard-loading-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-loading-panels span{height:250px}.loading-screen h2{color:#ffd000;margin:25px 0 5px}.loading-screen p{color:#e0dacc;margin-top:22px;font-size:14px}@keyframes dashboard-loading-pulse{0%{opacity:.35}to{opacity:.65}}@media (width<=900px){.dashboard-loading-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-loading-panels{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashboard-loading-banner,.dashboard-loading-stats span,.dashboard-loading-panels span{animation:none}}.dashboard{background:#101114;width:100%;min-height:100dvh;overflow-x:hidden}.dashboard-content{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#535861 transparent;width:calc(100% - clamp(220px,15vw,260px));min-width:0;height:100dvh;min-height:0;margin-left:clamp(220px,15vw,260px);padding:88px clamp(20px,3vw,42px) 36px;position:relative;overflow:hidden auto}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:0 0}.dashboard-content::-webkit-scrollbar-thumb{background:#535861 padding-box content-box;border:2px solid #0000;border-radius:999px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#737983 padding-box content-box}.dashboard-content :is(.Abooking-table-container,.Amembers-table-scroll,.sessions-card,.report-payments,.trainerperformance-table){scrollbar-width:thin;scrollbar-color:#535861 transparent}.dashboard-content :is(.Abooking-table-container,.Amembers-table-scroll,.sessions-card,.report-payments,.trainerperformance-table)::-webkit-scrollbar{height:8px;display:block!important}.dashboard-content :is(.Abooking-table-container,.Amembers-table-scroll,.sessions-card,.report-payments,.trainerperformance-table)::-webkit-scrollbar-thumb{background:#535861}.dashboard-content:has(.Amembers-page){scrollbar-width:none;overflow-y:hidden}@media (width>=761px){.dashboard-content:has(.Amembers-page){padding-bottom:16px}}.dashboard-content:has(.Amembers-page)::-webkit-scrollbar{display:none}@media (width<=760px){.dashboard-content{width:100%;padding:80px 14px calc(92px + env(safe-area-inset-bottom));margin-left:0}}.payment-result-page{color:#e0dacc;background:#101114;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:32px 20px;display:flex}.payment-result-brand{color:#c9a646;letter-spacing:2px;align-items:center;gap:12px;font-size:16px;font-weight:800;display:flex}.payment-result-brand img{object-fit:contain;width:52px;height:52px}.payment-result-panel{text-align:center;background:#181b20;border:1px solid #31363d;border-radius:8px;width:min(100%,520px);padding:36px}.payment-result-icon{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:34px;display:inline-flex}.payment-result-panel.success .payment-result-icon{color:#43d17b}.payment-result-panel.error .payment-result-icon,.payment-result-panel.cancelled .payment-result-icon{color:#ff7b84}.payment-result-panel.processing .payment-result-icon{color:#ffd447}.payment-result-panel.warning .payment-result-icon{color:#d8b75b}.payment-result-panel h1{letter-spacing:0;color:#e0dacc;margin:0 0 12px;font-size:30px}.payment-result-panel>p{color:#b9b2a4;max-width:420px;margin:0 auto;font-size:15px;line-height:1.6}.payment-result-summary{background:#20252c;border:1px solid #31363d;margin-top:24px;padding:16px}.payment-result-summary div{justify-content:space-between;gap:20px;padding:8px 0;display:flex}.payment-result-summary span{color:#8e897e;font-size:14px}.payment-result-summary strong{color:#e0dacc;font-size:14px}.payment-result-actions{gap:12px;margin-top:28px;display:flex}.payment-result-actions button{cursor:pointer;border-radius:6px;flex:1;min-height:44px;padding:10px 16px;font-size:14px;font-weight:700}.payment-result-primary{color:#101114;background:#c9a646;border:1px solid #c9a646}.payment-result-secondary{color:#c9a646;background:0 0;border:1px solid #c9a646}.payment-result-actions button:hover{opacity:.85}@media (width<=560px){.payment-result-panel{padding:28px 20px}.payment-result-panel h1{font-size:24px}.payment-result-actions{flex-direction:column}}.request-action-status{z-index:9001;color:#f1f1f1;pointer-events:none;background:#20252c;border:1px solid #59616b;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:8px 14px;font-size:14px;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #0008}.request-action-spinner,button[aria-busy=true]:before{box-sizing:border-box;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite request-spin;display:inline-block}button[aria-busy=true]{justify-content:center;align-items:center;gap:8px;display:inline-flex}button[aria-busy=true]:before{content:""}@keyframes request-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.request-action-spinner,button[aria-busy=true]:before{animation-duration:1.5s}}