:root{--spacing-md:16px;--container-max-width:1200px}.app-header{-webkit-backdrop-filter:blur(5px) saturate(140%);backdrop-filter:blur(5px) saturate(140%);background:linear-gradient(#0006,#0003),url(/static/media/sky6.52111e0a01023e10350f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #ffffff0d;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;left:0;padding:var(--spacing-md) 0;position:fixed;right:0;top:0;z-index:500}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 40px;position:relative;width:100%}.logo-img{height:70px;object-fit:contain;width:auto}.logo{left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.logo h1{color:#fff;font-family:Poppins,sans-serif;font-size:40px;font-weight:900;letter-spacing:-.5px;margin:0;text-shadow:1px 2px 4px #00000080;transition:all .3s ease}.logo h1:hover{filter:brightness(1.15);transform:scale(1.03)}.logo p{color:#fff9;font-size:12px;font-weight:400;margin:0}.nav-left,.nav-right{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-start}.nav-right{justify-content:flex-end}.mobile-nav a,.mobile-nav button,.nav-link,.nav-right button,button.nav-link{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff1a;border-radius:30px;color:#ffffffd9!important;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .3s ease}.mobile-nav a:hover,.mobile-nav button:hover,.nav-left .nav-link.active,.nav-link.active,.nav-link:hover,.nav-right .nav-link.active,.nav-right button:hover,button.nav-link.active,button.nav-link:hover{background:#fff3;border:1px solid #ffffff1a;box-shadow:0 10px 25px hsla(180,2%,68%,.719);color:#fff!important;transform:translateY(-4px)}.sign-out-btn{all:unset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:#ffffffd9;cursor:pointer;font-weight:500;padding:8px 14px;transition:all .3s ease}.sign-out-btn:hover{background:#fff3;box-shadow:0 8px 20px #00000040;color:#fff;transform:translateY(-2px)}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px;z-index:1000}.hamburger span{background:#fff;border-radius:10px;height:6px;transition:all .3s ease;width:30px}@media (max-width:768px){.hamburger{display:flex}}.mobile-menu{animation:slideIn .3s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a1a1a99!important;box-shadow:-2px 0 20px #00000080;height:100vh;max-width:280px;position:fixed;right:0;top:0;width:280px;z-index:999}.mobile-nav{display:flex;flex-direction:column;gap:16px;padding:80px 24px 24px}.mobile-nav a,.mobile-nav button{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff1f,hsla(0,0%,100%,.514));border:1px solid #fff3;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700!important;padding:1rem 2.5rem;transition:transform .3s ease,box-shadow .3s ease}.mobile-nav a:hover,.mobile-nav button:hover{box-shadow:0 10px 25px hsla(180,2%,68%,.719);transform:translateY(-4px)}.mobile-overlay{background:#0006;height:150vh;left:0;position:fixed;top:0;width:100vw;z-index:998}.mobile-menu .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:16px;top:12px}@media (max-width:768px){.header-container{padding:0 20px}.mobile-header{gap:20px}.nav-left,.nav-right{display:none}.logo{margin-left:auto;position:static;transform:none}.mobile-header{align-items:center;display:flex;justify-content:space-between;width:100%}.hamburger{display:flex;margin-right:15px;order:-1}.mobile-brand{color:#c44569;display:block;font-size:16px;font-weight:600;margin-left:auto;padding-right:10px;text-shadow:0 1px 2px #0003}.mobile-menu{animation:slideInFromLeft .3s ease forwards;background:rgba(48,47,48,.849);left:0;right:auto;transform:translateX(-100%)}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-menu .close-btn{left:16px;right:auto}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.nav-item{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:#ffffffd9;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .3s ease}@media (max-width:768px){.mobile-menu{animation:slideInFromLeft .3s ease forwards;left:0!important;right:auto!important}}.mobile-nav a,.mobile-nav button,.nav-link,.nav-right button,button.nav-link{align-items:center;display:inline-flex;gap:4px}@media (max-width:768px){.mobile-menu{left:0!important;right:auto!important}.logo{margin-left:auto;position:static;text-align:right;transform:none}.hamburger,.logo{margin-right:15px}.hamburger{order:-1}}.app-footer{background-color:#0a0a1acc;background-image:url(/static/media/pool-table3.0951e226bb4064168468.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-top:1px solid #ffffff1a;margin-top:auto;padding:10px}.footer-container{margin:0 auto;max-width:2000px;text-align:center}.footer-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:3px}.footer-section p,.footer-section ul{color:#ffffffb3}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:2px}.footer-section ul li a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:20px}.footer-bottom p{color:#ffffff80;font-size:10px}.app{background-attachment:fixed;background-image:url(/static/media/gravel.c8e2c6850d0a4a67b4c8.png);background-position:50%;background-size:cover;color:#fff;font-family:Inter,sans-serif;min-height:100vh}.hero{display:flex;min-height:calc(100vh - 80px);padding:80px var(--spacing-2xl)}.hero,.hero-grid{align-items:center}.hero-grid{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.hero-text h1{color:#fff;font-size:clamp(3rem,8vw,5rem);font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem}.hero-text p{color:#ffffffbf;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.start-button{background:linear-gradient(135deg,#fff3,hsla(0,0%,100%,.514));border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2.5rem;transition:transform .3s ease,box-shadow .3s ease}.start-button:hover{box-shadow:0 10px 25px hsla(180,2%,68%,.719);transform:translateY(-4px)}.hero-image img{aspect-ratio:30/15;border-radius:var(--radius-md);box-shadow:0 10px 30px #0000004d;height:auto;object-fit:cover;opacity:.5;width:100%}.features{border-top:1px solid #ffffff14;padding:var(--spacing-3xl) var(--spacing-2xl)}.features-container{margin:0 auto;max-width:1200px;text-align:center}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:3rem}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;padding:2rem;transition:background .3s ease,transform .3s ease}.feature:hover{background:#ffffff1f;transform:translateY(-5px)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature h3{font-size:1.3rem;margin-bottom:.5rem}.feature p{color:#ffffffb3;font-size:1rem;line-height:1.6}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-image{order:-1}}.input-container{margin-bottom:12px;position:relative}.saved-indicator{align-items:center;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:12px;color:#4ecdc4;display:flex;font-size:11px;gap:4px;padding:2px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.saved-icon{font-size:10px}.saved-text{font-weight:500}.auth-tabs{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;display:flex;margin-bottom:16px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.auth-tab.active{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;font-weight:600}.auth-tab:hover:not(.active){background:#ffffff1a;color:#ffffffe6}.auth-page{grid-gap:0;background-attachment:fixed;background-image:url(/static/media/gravel.c8e2c6850d0a4a67b4c8.png);background-position:50%;background-size:cover;color:#fff;display:grid;font-family:Inter,sans-serif;gap:0;grid-template-columns:50% 50%;height:100vh;min-height:100vh;overflow:hidden;position:relative}@media (max-width:768px){.auth-page{display:block}.auth-left{display:none}.auth-right{align-items:center;height:100vh;justify-content:center;padding:40px 24px;width:100%}}.back-to-home{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:16px 24px;position:absolute;right:50%;top:30px;transform:translateX(50%);transition:all .3s ease;z-index:100}.back-to-home:hover{background:#fff3;transform:translateX(50%) translateY(-2px)}.auth-left{align-items:center;background-image:url(/static/media/gravel.c8e2c6850d0a4a67b4c8.png);display:flex;height:100vh;justify-content:center}.auth-image,.auth-left{overflow:hidden;position:relative}.auth-image{border-radius:16px;box-shadow:0 20px 40px #0000004d;height:500px;margin:auto;max-height:80vh;max-width:90%;width:500px}.auth-image img{height:100%;object-fit:cover;object-position:center;width:100%}.auth-image-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:60px 40px 40px;position:absolute;right:0}.auth-image-overlay h2{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:16px}.auth-image-overlay p{font-size:18px;line-height:1.6;opacity:.9}.auth-right{align-items:center;background-image:url(/static/media/gravel.c8e2c6850d0a4a67b4c8.png);display:flex;height:100vh;justify-content:center;padding:16px 24px 16px 8px}.auth-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:320px;padding:16px;width:100%}.auth-main-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:4px;text-align:center}.auth-main-subtitle{color:#ffffffb3;font-size:11px;line-height:1.2;margin-bottom:8px;text-align:center}.auth-social-buttons{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.social-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;justify-content:center;padding:8px 10px;transition:all .2s ease}.google-btn{background:#fff;color:#333}.google-btn:hover{background:#f8f9fa;transform:translateY(-2px)}.apple-btn{background:#000;color:#fff}.apple-btn:hover{background:#333;transform:translateY(-2px)}.auth-divider{color:#fff9;font-size:11px;margin:10px 0;position:relative;text-align:center}.auth-divider:before{background:#fff3;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);padding:0 12px;position:relative}.auth-inputs{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.auth-field{background:#ffffff14;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:12px;padding:8px 10px;transition:all .2s ease;width:100%}.auth-field::placeholder{color:#ffffff80}.auth-field:focus{background:#ffffff1f;border-color:#ff6b9d;outline:none}.auth-submit-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.auth-submit-btn:hover{box-shadow:0 10px 25px #ff6b9d66;transform:translateY(-2px)}.forgot-password{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:11px;margin:8px 0 12px;text-align:center;text-decoration:underline;transition:color .3s ease;width:100%}.forgot-password:hover{color:#ff6b9d}.guest-login-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:24px;padding:16px;transition:all .3s ease;width:100%}.guest-login-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.auth-switch{text-align:center}.auth-switch p{color:#ffffffb3;margin-bottom:8px}.auth-switch button{background:none;border:none;color:#ff6b9d;cursor:pointer;font-weight:500;margin-left:4px;text-decoration:underline}.auth-switch button:hover{color:#ff7ba8}.auth-terms{color:#fff9;font-size:11px;line-height:1.4;margin-bottom:8px;text-align:center}.auth-terms a{color:#ff6b9d;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-options{display:flex;flex-direction:column;gap:1px;margin:2px 0}.checkbox-item{line-height:1.1;margin:0;padding:0;width:100%}.checkbox-container,.checkbox-item{align-items:flex-start;display:flex}.checkbox-container{color:#ffffffb3;cursor:pointer;font-size:11px;gap:8px;justify-content:flex-start;line-height:1.4}.checkbox-container input[type=checkbox]{display:none}.auth-page .checkmark{background:#ffffff0d;border:1px solid #ffffff4d;border-radius:3px;flex-shrink:0;height:12px;margin-top:1px;position:relative;transition:all .3s ease;width:12px}.auth-page .checkbox-container input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#ff6b9d,#c44569);border-color:#ff6b9d}.auth-page .checkbox-container input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:8px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text a{color:#ff6b9d;text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.auth-submit-btn.disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.auth-submit-btn.disabled:hover{box-shadow:none;transform:none}.privacy-features{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:12px}.privacy-item{align-items:center;display:flex;gap:8px}.privacy-icon{font-size:16px;text-align:center;width:24px}.privacy-item p{color:#fffc;font-size:12px;line-height:1.3;margin:0}.captcha-container{margin:12px 0}.captcha-checkbox{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.captcha-checkbox:hover{background:#ffffff14;border-color:#ffffff40}.captcha-icon{font-size:20px;margin-left:8px}.username-suggestions{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:8px;box-shadow:0 8px 25px #0000004d;left:0;margin-top:4px;padding:12px;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestions-header{border-bottom:1px solid #c4456933;color:#c44569;font-size:11px;font-weight:600;margin:0 0 8px;padding-bottom:6px;text-align:center}.suggestion-item{background:#ff6b9d1a;border:1px solid #ff6b9d4d;border-radius:6px;color:#2c3e50;cursor:pointer;display:block;font-size:12px;font-weight:500;margin:4px 0;padding:8px 12px;text-align:left;transition:all .3s ease;width:100%}.suggestion-item:hover{background:linear-gradient(135deg,#ff6b9d,#c44569);box-shadow:0 4px 12px #ff6b9d66;color:#fff;transform:translateY(-1px)}.username-input-container{position:relative}.auth-footer{margin-top:4px;padding:6px;text-align:center}.security-text{color:#ffffff80;font-size:9px;line-height:1.1;margin:0}@media (max-width:768px){.auth-left{display:none}.auth-right{align-items:center;justify-content:center;min-height:100vh;padding:16px 12px;width:100%}.auth-form-container{max-width:280px;padding:12px}.auth-main-title{font-size:18px}.auth-main-subtitle,.social-btn{font-size:10px}.social-btn{padding:6px 8px}.security-text{font-size:8px}.input-status{font-size:9px}}.input-status{border-radius:3px;font-size:10px;font-weight:500;margin-top:2px;padding:4px 8px}.input-status.success{background:#00ff001a;border:1px solid #00ff004d;color:#00d26a}.input-status.error{background:#ff00001a;border:1px solid #ff00004d;color:#ff6b6b}.password-input-container{position:relative;width:100%}.password-field{padding-right:40px!important}.password-toggle-btn{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:30px}.password-toggle-btn:hover{color:#ffffffe6}.password-strength{align-items:center;display:flex;gap:8px;margin-top:8px}.strength-indicator{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:100px}.strength-bar{border-radius:2px;height:100%;transition:all .3s ease;width:0}.strength-indicator.weak .strength-bar{background:#ff6b6b;width:33%}.strength-indicator.fair .strength-bar{background:#ffd93d;width:66%}.strength-indicator.strong .strength-bar{background:#00d26a;width:100%}.strength-text{font-size:10px;font-weight:500;transition:color .3s ease}.strength-text.weak{color:#ff6b6b}.strength-text.fair{color:#ffd93d}.strength-text.strong{color:#00d26a}@media (max-width:768px){.strength-text{font-size:9px}.strength-indicator{height:3px;width:80px}}.error-message,.success-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:4px;box-sizing:border-box;color:#ff6b6b;display:block;font-size:9px;font-weight:500;line-height:1.2;margin:6px 0;padding:6px 8px;text-align:center;width:100%}.success-message{background:#00ff001a;border:1px solid #00ff004d;color:#00d26a}@media (max-width:768px){.error-message,.success-message{font-size:8px;margin:5px 0;padding:5px 6px}}.premium-feature-locked{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;justify-content:center;margin:20px 0;min-height:400px;position:relative}.locked-content-preview{max-width:500px;padding:40px;text-align:center}.locked-content-preview h3{color:gold;font-size:24px;font-weight:700;margin-bottom:15px}.locked-content-preview p{color:#fffc;font-size:16px;margin-bottom:25px}.locked-content-preview ul{list-style:none;margin:25px 0;padding:0;text-align:left}.locked-content-preview li{color:#ffffffe6;font-size:14px;padding:8px 0}.upgrade-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.upgrade-btn:hover{box-shadow:0 10px 30px #ff6b9d66;transform:translateY(-2px)}.upgrade-btn.premium{background:linear-gradient(135deg,gold,#ffb347);color:#1a1a2e}.upgrade-btn.premium:hover{box-shadow:0 10px 30px #ffd70066}.upgrade-prompt-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.upgrade-prompt-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-width:400px;padding:40px;text-align:center;width:90%}.upgrade-prompt-content h3{color:gold;margin-bottom:15px}.upgrade-prompt-content p{color:#fffc;margin-bottom:25px}.profile-page{background-attachment:fixed;background-image:url(/static/media/gravel.c8e2c6850d0a4a67b4c8.png);background-position:50%;background-size:cover;color:#fff;font-family:Inter,sans-serif;min-height:100vh}.profile-container{margin:0 auto;max-width:1200px}.profile-header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;justify-content:space-between;margin:0 auto 40px;padding:30px}.profile-header,.profile-info{align-items:center;display:flex}.profile-info{gap:20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.profile-details h1{font-size:28px;font-weight:700;margin-bottom:8px}.profile-details p{color:#ffffffb3;margin-bottom:12px}.plan-badge{padding:6px 12px}.plan-badge.pro{background:linear-gradient(135deg,#ff6b9d,#c44569)}.profile-quick-actions{border-top:1px solid #ffffff1a;display:flex;gap:25px;justify-content:center;margin-top:20px;padding-top:15px}.quick-action-icon{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:70px;padding:8px 12px;transition:all .3s ease}.quick-action-icon:hover{background:#ffffff0d;transform:translateY(-2px)}.quick-action-icon span{font-size:18px;margin-bottom:4px}.quick-action-icon p{color:#fffc;font-size:11px;font-weight:500;margin:0}.quick-action-icon.active{background:linear-gradient(135deg,#ff6b9d,#c44569)!important;border:1px solid #ff6b9d4d;box-shadow:0 2px 8px #ff6b9d4d,inset 0 1px 0 #fff3;transform:translateY(-2px)}.quick-action-icon.active p{color:#fff!important;font-weight:600}.profile-main-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:40px auto}.main-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s ease}.main-card:hover{background:#ffffff14;border:1px solid #fff3;transform:translateY(-5px)}.main-card .card-icon{font-size:48px;margin-bottom:15px}.main-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.main-card p{color:#ffffffb3;font-size:14px;margin:0}.workout-card{background:linear-gradient(135deg,#ff6b9d1a,#c445691a);border:1px solid #ff6b9d33}.ai-chat-card{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid #22c55e33}.nutrition-card{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633}.workout-table{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.table-header{background:linear-gradient(135deg,#ff6b9d,#c44569)}.table-header,.table-row{grid-template-columns:1fr 2fr 1fr 1fr;padding:15px 20px}.table-row{border-bottom:1px solid #ffffff1a;color:#ffffffe6;display:grid}.table-row:last-child{border-bottom:none}.table-col{align-items:center;display:flex}.clickable-row{cursor:pointer;transition:all .3s ease}.clickable-row:hover{background:#ff6b9d26!important;border-left:4px solid #ff6b9d;box-shadow:0 2px 8px #ff6b9d33;transform:translateX(5px)}.clickable-row:hover .table-col,.clickable-row:hover .workout-day{color:#ff6b9d}.workout-day{font-size:14px;font-weight:600}.workout-date{color:#fff9;font-size:11px;margin-top:2px}.status-completed{color:#3f5efb}.status-pending{color:#f59e0b}.status-rest{color:#8b5cf6}.status-toggle-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fffc;cursor:pointer;font-size:10px;margin-top:5px;padding:4px 8px;transition:all .3s ease}.status-toggle-btn:hover{background:#fff3;color:#fff}.progress-reports{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:30px}.progress-reports h3{font-size:20px;font-weight:600;margin-bottom:20px}.reports-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.report-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.report-card h4{font-size:16px;font-weight:600;margin-bottom:15px}.report-stats{display:flex;gap:15px;justify-content:space-between}.stat-number{font-size:24px;margin-bottom:5px}.stat-label{font-size:11px;font-weight:500}.weekly{border-left:3px solid #3f5efb}.monthly{border-left:3px solid #3b82f6}.nutrition-table{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.nutrition-content{grid-gap:25px;display:grid;gap:25px}.nutrition-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.nutrition-card h3{font-size:18px;font-weight:600;margin-bottom:15px}.nutrition-goals{grid-gap:15px;display:grid;gap:15px}.goal-item{gap:8px}.goal-item span:first-child{font-size:14px;font-weight:500}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden}.progress{background:linear-gradient(90deg,#3f5efb,#fc466b);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#ffffffb3;font-size:12px;text-align:right}.meals-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.meals-section h3{font-size:18px;font-weight:600;margin-bottom:15px}.meal-list{grid-gap:12px;display:grid;gap:12px}.meal-item{grid-gap:15px;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:15px;grid-template-columns:auto 1fr auto;padding:15px;transition:all .3s ease}.meal-item:hover{background:#ffffff14;border-color:#3b82f64d;transform:translateY(-2px)}.meal-time{color:#3b82f6;font-size:12px;font-weight:600;min-width:80px;text-transform:uppercase}.meal-name{font-size:14px;font-weight:500}.meal-calories{color:#3f5efb;font-size:13px;font-weight:600}.meal-macros{border-top:1px solid #ffffff1a;color:#fff9;font-size:11px;grid-column:1/-1;margin-top:5px;padding-top:8px}.chat-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;max-height:600px;overflow:hidden}.chat-header{background:linear-gradient(135deg,#3f5efb,#fc466b);border-bottom:1px solid #ffffff1a;padding:15px 20px}.trainer-info{gap:12px}.trainer-avatar,.trainer-info{align-items:center;display:flex}.trainer-avatar{background:#fff3;border-radius:50%;font-size:32px;height:40px;justify-content:center;width:40px}.trainer-details h4{font-size:16px;font-weight:600;margin:0}.trainer-status{color:#fffc;font-size:12px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;max-height:350px;overflow-y:auto;padding:20px}.message{display:flex;gap:10px;margin-bottom:15px}.ai-message{flex-direction:row}.user-message{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:35px;justify-content:center;width:35px}.ai-message .message-avatar{background:linear-gradient(135deg,#3f5efb,#fc466b)}.user-message .message-avatar{background:linear-gradient(135deg,#ff6b9d,#c44569)}.message-content{background:#ffffff1a;border-radius:16px;max-width:70%;padding:12px 16px;position:relative}.ai-message .message-content{background:#3f5efb1a;border:1px solid #3f5efb33;border-bottom-left-radius:4px}.user-message .message-content{background:#ff6b9d1a;border:1px solid #ff6b9d33;border-bottom-right-radius:4px}.message-content p{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content ul{color:#fffc;margin:8px 0;padding-left:20px}.message-content li{font-size:13px;margin-bottom:4px}.message-time{align-self:flex-end;color:#ffffff80;font-size:10px;margin-top:5px}.progress-summary{background:#ffffff1a;border-radius:8px;margin:8px 0;padding:10px}.progress-item{display:flex;justify-content:space-between;margin-bottom:5px}.progress-label{color:#ffffffb3;font-size:12px}.progress-value{color:#3f5efb;font-size:12px;font-weight:600}.chat-input-container{border-top:1px solid #ffffff1a;padding:15px 20px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quick-action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fffc;cursor:pointer;font-size:11px;padding:6px 12px;transition:all .3s ease}.quick-action-btn:hover{background:#22c55e33;border-color:#3f5efb;color:#3f5efb}.chat-input{align-items:center;display:flex;gap:10px}.chat-input input{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-size:14px;padding:10px 16px}.chat-input input::placeholder{color:#ffffff80}.send-btn{align-items:center;background:linear-gradient(135deg,#3f5efb,#fc466b);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.send-btn:hover{transform:scale(1.1)}.daily-nutrition-header,.daily-workout-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:4px;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px;padding:4px 8px}.back-btn{border-radius:4px;flex-shrink:0;font-size:.75rem;padding:4px 8px;transition:.2s ease}.back-btn:hover{transform:translateY(-1px)}.day-header-content{align-items:center;display:flex;flex:1 1;justify-content:center}.day-header-content h2{font-size:.85rem;font-weight:600;margin:0}.meal-plan-type-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:4px;display:flex;flex-shrink:0;gap:3px;justify-content:center;padding:4px 6px}.ai-generated{background:linear-gradient(135deg,#3f5efb,#fc466b);border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:2px 6px}.daily-nutrition-content,.daily-workout-content{display:flex;flex-direction:column;gap:6px}.daily-goals-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:6px;padding:8px}.daily-goals-summary h3{font-size:.9rem;font-weight:600;margin-bottom:4px}.goals-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.goal-item{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;display:flex;flex-direction:column;padding:6px;text-align:center}.goal-label{color:#ffffffb3;font-size:.7rem;font-weight:500;margin-bottom:2px}.goal-value{font-size:.8rem;font-weight:600}.meals-schedule h3,.workout-schedule h3{font-size:.9rem;font-weight:600;margin-bottom:4px}.meals-grid,.sports-schedule-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.meal-card,.workout-session{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;overflow:hidden;padding:6px;position:relative;transition:.2s ease}.meal-card:before,.workout-session:before{background:linear-gradient(135deg,#3f5efb,#fc466b);content:"";height:2px;left:0;position:absolute;right:0;top:0}.meal-card:hover,.workout-session:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.meal-header,.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.meal-header h4,.session-header h4{font-size:.8rem;font-weight:600;margin:0}.meal-time,.session-time{color:#ffffffb3;font-size:.7rem;font-weight:500}.meal-details h5{color:#ffffffe6;font-size:.8rem;font-weight:600;margin-bottom:4px}.meal-macros{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.meal-macros span{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:2px 4px}.calories{background:#ff638433;border:1px solid #ff63844d;color:#ff6384}.protein{background:#36a2eb33;border:1px solid #36a2eb4d;color:#36a2eb}.carbs{background:#96f3;border:1px solid #9966ff4d;color:#96f}.fats{background:#ff9f4033;border:1px solid #ff9f404d;color:#ff9f40}.meal-foods h6{color:#fffc;font-size:.7rem;font-weight:600;margin-bottom:4px}.meal-foods ul{list-style:none;margin:0;padding:0}.meal-foods li{color:#ffffffb3;font-size:.65rem;padding:1px 0 1px 8px;position:relative}.meal-foods li:before{color:#3f5efb;content:"•";left:0;position:absolute}.workout-type-badge{background:linear-gradient(135deg,#4caf5033,#81c78433);border:1px solid #4caf504d;border-radius:4px;color:#3f5efb;display:inline-block;font-size:.65rem;font-weight:600;margin-bottom:4px;padding:2px 4px}.exercise-list{list-style:none;margin:0;padding:0}.exercise-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:4px 0}.exercise-item:last-child{border-bottom:none}.exercise-name{font-size:.7rem;font-weight:500}.exercise-details{color:#fff9;font-size:.65rem}.video-link{align-items:center;background:#ff6b6b1a;border-radius:4px;color:#ff6b6b;display:inline-flex;font-size:.6rem;gap:2px;margin-top:2px;padding:2px 4px;text-decoration:none;transition:.2s ease}.video-link:hover{background:#ff6b6b33;transform:scale(1.05)}.profile-sports-summary{margin-top:20px}.sports-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.sports-icon{font-size:18px}.sports-title{font-size:16px;font-weight:600}.sports-count-badge{background:#ffffff1a;border-radius:10px;font-size:11px;padding:2px 6px}.sports-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sport-summary-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px;transition:all .3s ease}.sport-summary-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.sport-card-content{display:flex;flex-direction:column;gap:6px}.sport-name{font-size:14px;font-weight:600}.sport-meta{align-items:center;display:flex;justify-content:space-between}.sport-difficulty{color:#ffffffb3;font-size:11px}.ai-indicator{color:#3f5efb;font-size:14px}.selected-sports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.sport-profile-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.sport-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sport-header h3{font-size:18px;margin:0}.sport-category{background:#ffffff1a;border-radius:20px;font-size:11px;padding:4px 8px}.sport-details{margin-bottom:12px}.sport-difficulty{margin-bottom:8px}.difficulty-badge{background:#ffffff1a;border-radius:4px;font-size:12px;padding:4px 8px}.sport-added-date{color:#fff9;font-size:12px;margin-bottom:12px}.sport-benefits h4{font-size:14px;margin-bottom:8px}.sport-benefits ul{margin:0;padding-left:20px}.sport-benefits li{color:#fffc;font-size:13px;margin-bottom:4px}.sport-equipment{color:#ffffffb3;font-size:13px;margin-top:12px}.ai-status{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.ai-status p{color:#ffffffb3;font-size:13px;margin-top:4px}.no-sports-selected{padding:30px;text-align:center}.no-sports-icon{font-size:40px;margin-bottom:16px}.no-sports-selected h3{font-size:18px;margin-bottom:8px}.no-sports-selected p{color:#ffffffb3;margin-bottom:16px}.add-sport-btn,.select-sports-btn{background:linear-gradient(135deg,#3f5efb,#fc466b);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-sport-btn:hover,.select-sports-btn:hover{box-shadow:0 4px 8px #3f5efb4d;transform:translateY(-2px)}.sports-limit-info{color:#ffffffb3;font-size:13px;margin-top:16px}.add-more{color:#3f5efb;cursor:pointer}.free-account-upgrade{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;margin:40px auto;max-width:600px;overflow:hidden;padding:40px;position:relative;text-align:center}.free-account-upgrade:before{animation:upgradeGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b9d,#c44569,#3f5efb,#fc466b);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes upgradeGlow{0%,to{opacity:.7}50%{opacity:1}}.profile-status{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;display:inline-block;font-size:14px;font-weight:500;margin-bottom:24px;padding:8px 16px}.upgrade-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#3f5efb);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 4px #0000004d}.upgrade-section p{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.primary-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b9d,#c44569);border:1px solid #fff3;border-radius:30px;box-shadow:0 4px 15px #ff6b9d4d;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.primary-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.primary-btn:hover:before{left:100%}.primary-btn:hover{background:linear-gradient(135deg,#ff8bb3,#d55a7a);box-shadow:0 8px 25px #ff6b9d66;transform:translateY(-3px)}.primary-btn:active{box-shadow:0 4px 15px #ff6b9d4d;transform:translateY(-1px)}.upgrade-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:24px auto;max-width:500px}.feature-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;min-height:100px;padding:12px 8px;text-align:center;transition:all .3s ease}.feature-item:hover{background:#ffffff14;border-color:#ff6b9d4d;transform:translateY(-2px)}.feature-icon{display:block;font-size:20px;margin-bottom:6px}.feature-title{color:#fff;font-size:12px;font-weight:600;line-height:1.2;margin-bottom:4px}.feature-desc{color:#ffffffb3;font-size:10px;line-height:1.3;text-align:center}@media (max-width:768px){.profile-page{padding:80px 16px 24px}.profile-header{flex-direction:column;gap:20px;text-align:center}.profile-main-cards{gap:20px;grid-template-columns:1fr}.profile-quick-actions{align-items:center;flex-direction:column}.quick-action-icon{width:100%}.table-header,.table-row{gap:10px;grid-template-columns:1fr 1fr}.table-col:nth-child(3),.table-col:nth-child(4){display:none}.free-account-upgrade{max-width:100%;padding:24px 16px}.upgrade-section p{font-size:14px;margin-bottom:24px}.upgrade-features{margin:24px 0;max-width:100%}.feature-item{border-radius:16px;min-height:100px;padding:20px 16px}.feature-icon{font-size:24px;margin-bottom:8px}.feature-title{font-size:14px;font-weight:700;margin-bottom:6px}.feature-desc{font-size:12px;line-height:1.4}.primary-btn{display:block;font-size:16px;margin:0 auto;max-width:300px;padding:16px 32px;width:100%}.reports-grid{gap:15px;grid-template-columns:1fr}.report-stats{gap:10px}.stat-number{font-size:20px}.meal-item,.meals-grid,.sports-schedule-grid{grid-template-columns:1fr}.meal-item{gap:8px;text-align:center}.meal-macros{grid-column:1;text-align:center}.chat-container{max-height:500px}.chat-messages{max-height:300px;padding:15px}.message-content{max-width:85%}.quick-actions{justify-content:center}.trainer-details h4{font-size:14px}.free-account-upgrade{margin:20px 16px;padding:30px 20px}.upgrade-section h2{font-size:24px}.upgrade-features{gap:16px;grid-template-columns:1fr;margin-top:24px}.primary-btn{font-size:15px;padding:14px 32px}}@media (max-width:480px){.profile-header{margin-top:72px}.profile-header h1{font-size:18px}.profile-header p{font-size:13px}.quick-action-icon{flex:1 0 100%;height:90px;max-width:100%}.free-account-upgrade{border-radius:16px;margin:16px 8px;padding:16px 12px}.upgrade-section h2{font-size:20px;margin-bottom:8px}.upgrade-section p{font-size:12px;margin-bottom:20px}.upgrade-features{gap:12px;margin:20px 0}.feature-item{border-radius:12px;min-height:85px;padding:16px 12px}.feature-icon{font-size:20px;margin-bottom:6px}.feature-title{font-size:12px;margin-bottom:4px}.feature-desc{font-size:10px;line-height:1.3}.primary-btn{border-radius:20px;font-size:14px;padding:12px 24px}}.ai-chat-section{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;display:flex;flex-direction:column;height:600px;margin-top:20px;max-width:100%;overflow:hidden;width:100%}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#3f5efb,#fc466b);border-bottom:1px solid #ffffff1a;display:flex;gap:15px;padding:20px}.ai-trainer-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.ai-trainer-details h3{color:#fff;font-size:18px;font-weight:600;margin:0}.ai-trainer-status{align-items:center;color:#fffc;display:flex;font-size:14px;gap:8px;margin:5px 0 0}.ai-online-indicator{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}.ai-chat-messages{background:#0000001a;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.ai-message{display:flex;margin-bottom:15px}.ai-message.user{justify-content:flex-end}.ai-message.bot{justify-content:flex-start}.ai-message-content{border-radius:16px;max-width:70%;padding:12px 16px;position:relative}.ai-message.bot .ai-message-content{background:#3f5efb26;border:1px solid #3f5efb4d;border-bottom-left-radius:4px}.ai-message.user .ai-message-content{background:#ff6b9d26;border:1px solid #ff6b9d4d;border-bottom-right-radius:4px}.ai-message-content p{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.ai-message-time{color:#ffffff80;display:block;font-size:11px;margin-top:8px}.ai-typing{opacity:.7}.ai-typing-indicator{display:flex;gap:4px;padding:12px 16px}.ai-typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ai-quick-actions{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;padding:15px 20px 0}.ai-quick-action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .3s ease}.ai-quick-action-btn:hover{background:#3f5efb33;border-color:#3f5efb66;color:#3f5efb}.ai-action-icon{font-size:14px}.ai-chat-input-area{background:#0000001a;border-top:1px solid #ffffff1a;padding:20px}.ai-chat-input-container{align-items:flex-end;display:flex;gap:12px}.ai-chat-input{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-family:inherit;font-size:14px;max-height:100px;min-height:20px;outline:none;padding:12px 16px;resize:none;transition:all .3s ease}.ai-chat-input:focus{background:#ffffff26;border-color:#3f5efb80}.ai-chat-input::placeholder{color:#ffffff80}.ai-send-button{align-items:center;background:linear-gradient(135deg,#3f5efb,#fc466b);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.ai-send-button:hover{box-shadow:0 4px 12px #3f5efb4d;transform:scale(1.1)}.ai-send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-send-icon{color:#fff;font-size:16px;font-weight:600}@media (max-width:768px){.ai-chat-section{border-radius:15px;height:500px}.ai-chat-header{padding:15px}.ai-trainer-details h3{font-size:16px}.ai-trainer-status{font-size:12px}.ai-chat-messages{padding:15px}.ai-message-content{font-size:13px;max-width:85%}.ai-quick-actions{gap:6px;padding:10px 15px 0}.ai-quick-action-btn{font-size:11px;padding:6px 10px}.ai-chat-input-area{padding:15px}.ai-chat-input{font-size:13px;padding:10px 14px}.ai-send-button{height:40px;width:40px}}.pricing-page{background-attachment:fixed;background-image:url(/static/media/gravel.c8e2c6850d0a4a67b4c8.png);background-position:50%;background-size:cover;color:#fff;font-family:Inter,sans-serif;min-height:100vh}.pricing-hero{margin:0 auto;max-width:1200px;padding:5rem 1rem;text-align:center}.pricing-hero h1{-webkit-text-fill-color:unset;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;-webkit-background-clip:unset;background-clip:initial;color:#fff;font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;margin-bottom:0}.pricing-hero p{color:#fffc;font-size:1.125rem;margin-bottom:-3rem;margin-left:auto;margin-right:auto;max-width:600px}.billing-toggle{display:flex;justify-content:center;margin-bottom:2rem}.motivational-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b9d26,#3f5efb26);border:1px solid #ff6b9d4d;border-radius:25px;padding:.75rem 1.5rem;text-align:center}.motivational-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#3f5efb);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.savings-badge,.toggle-btn,.toggle-btn.active,.toggle-container{display:none}.pricing-cards-section{display:flex;justify-content:center;margin:-2rem auto 0;padding:1rem}.pricing-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-width:1200px;width:100%}.pricing-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffffd9,#ffffffbf 50%,#fffc);border:1px solid #fff3;border-radius:16px;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease,box-shdow .3s ease,transform .3s ease}.pricing-card:before{background:linear-gradient(135deg,#ffffff0d,#0000 50%,#ffffff05);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pricing-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-6px)}.current-badge,.popular-badge{display:none}.card-header{align-items:center;display:flex;flex-direction:column;font-weight:600;justify-content:center;line-height:1.4;margin-bottom:1rem;padding:.75rem 0}.card-header,.plan-name{font-size:1.25rem;text-align:center}.plan-name{color:#2d3748!important;font-weight:700;letter-spacing:.5px;line-height:1.2;margin-bottom:0;text-transform:uppercase;width:100%}.plan-description,.plan-icon{display:none}.card-pricing{align-items:center;background:#0000;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;justify-content:flex-start;line-height:1.4;margin-bottom:1.5rem;min-height:auto;padding:1.25rem 0;text-align:center}.duration-display{height:0;margin:0;padding:0;visibility:hidden}.price-display{align-items:baseline;display:flex;gap:.25rem;justify-content:center;margin-bottom:.5rem;width:100%}.currency{font-size:1rem;font-weight:600}.currency,.price{color:#2d3748!important}.price{font-size:2.5rem;font-weight:800;line-height:1}.period{color:#2d3748!important;font-size:1rem}.savings-info{color:#4caf50;font-weight:600}.monthly-equivalent,.savings-info{font-size:.7rem;margin-top:.25rem;text-align:center;width:100%}.monthly-equivalent{color:#888}.card-features{display:none}.card-features h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:center;width:100%}.features-list{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.4rem;justify-content:center;list-style:none;margin:0;padding:0}.feature-item:nth-child(n+4){display:none}.feature-item{align-items:center;color:#2d2d2d;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:flex-start;line-height:1.4;max-width:200px;padding:.2rem 0;text-align:left;width:100%}.check-icon{color:#4caf50;flex-shrink:0;font-size:.8rem;font-weight:700;text-align:center;width:12px}.limitations{display:none}.card-actions{bottom:1.25rem;left:1.25rem;margin-top:auto;padding:0;position:absolute;right:1.25rem}.card-actions,.select-plan-btn{align-items:center;display:flex;justify-content:center}.select-plan-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;min-height:38px;padding:.6rem 1rem;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.select-plan-btn:hover{background:linear-gradient(135deg,#5a67d8,#553c9a);box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.select-plan-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.current-plan-btn{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:default;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;padding:.75rem 1rem;text-align:center;width:100%}@media (max-width:767px){.pricing-cards-container{gap:.5rem;grid-template-columns:repeat(2,1fr)}.pricing-card{height:220px;padding:.75rem}.pricing-hero h1{font-size:1.5rem}.pricing-hero p{font-size:.9rem}.plan-name{font-size:.85rem}.duration-display{font-size:.7rem;margin-bottom:.25rem}.price{font-size:1.1rem}.plan-icon{font-size:1.25rem;margin-bottom:.25rem}.card-header{font-size:1.1rem;margin-bottom:.75rem}.card-pricing{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:.75rem 0 auto;padding:.5rem 0}.card-features{margin-bottom:.5rem}.card-features h4{font-size:.75rem;margin-bottom:.25rem}.features-list{gap:.25rem}.feature-item{font-size:.7rem;padding:0}.check-icon{font-size:.6rem}.select-plan-btn{font-size:.75rem;margin:0;padding:.6rem .5rem;position:static;width:100%}.card-actions{margin-top:.5rem;position:static}}@media (min-width:768px) and (max-width:1023px){.pricing-cards-container{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.pricing-cards-container{gap:1rem;grid-template-columns:repeat(6,1fr)}.select-plan-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 3px 10px #667eea40;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;letter-spacing:.5px;min-height:42px;padding:.75rem 1rem;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.select-plan-btn:hover{background:linear-gradient(135deg,#5a67d8,#553c9a);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pricing-card{height:280px;padding:1.5rem}.plan-name{font-size:1.1rem;margin-bottom:.5rem}.price{font-size:2rem;font-weight:700}.card-pricing{margin-bottom:1.5rem;padding:1rem 0}}.benefits-section{background:#ffffff08;margin-top:2rem;padding:3rem 1rem}.benefits-container{margin:0 auto;max-width:1200px;text-align:center}.benefits-container h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}.benefits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center}.benefit-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.benefit-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.benefit-description{color:#fffc;font-size:.9rem;line-height:1.5}.faq-section{padding:3rem 1rem}.faq-container{margin:0 auto;max-width:800px;text-align:center}.faq-container h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;text-align:left}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:1.25rem}.faq-item h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.faq-item p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.benefits-grid{gap:1rem;grid-template-columns:1fr}.benefit-card{padding:1.25rem;transform:none!important;transition:none}.benefit-card:hover{background:#ffffff14;transform:none!important}.benefits-container h2,.faq-container h2{font-size:1.5rem}.pricing-hero-container{margin-top:30px}}.categories-page{background-attachment:fixed;background-image:url(/static/media/gravel.c8e2c6850d0a4a67b4c8.png);background-position:50%;background-size:cover;color:#fff;font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}:root{--primary-gradient:linear-gradient(135deg,#3f5efbd9,#fc466bd9);--glass-bg:#ffffff14;--glass-border:#ffffff2e;--text-primary:#fffffff2;--spacing-unit:1rem;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.categories-hero{background:#0000;margin-bottom:0;margin-bottom:calc(var(--spacing-unit)*0);margin-top:0;padding-top:4rem;text-align:center}.categories-hero h1{background:linear-gradient(135deg,#eff3f2d4,#e0f403e6);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Poppins,sans-serif;font-size:2.5rem;text-shadow:1px 2px 4px rgba(245,248,248,.991)}.search-container{margin:0 auto 2rem;margin:0 auto calc(var(--spacing-unit)*2);max-width:600px;position:relative}.search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);color:#fffffffa;color:var(--text-primary);font-size:1rem;padding:1rem 3rem 1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100%}.search-input:focus{box-shadow:0 0 0 2px #667eea80;outline:none}.filters-section{margin-bottom:2rem;margin-bottom:calc(var(--spacing-unit)*2)}.category-filters{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.category-filter{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:.8rem;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.category-filter.active{background:linear-gradient(135deg,#3f5efbd9,#fc466bd9);background:var(--primary-gradient);border-color:#0000;box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.sports-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sport-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.sport-card:before{background:linear-gradient(135deg,#3f5efbd9,#fc466bd9);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.sport-card:hover{border-color:#ffffff4d;box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.sport-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.sport-category-badge{background:#ffffff1a;border-radius:20px;padding:.3rem .8rem}.difficulty-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.3rem .8rem;text-transform:capitalize}.sport-name{font-size:1.3rem;font-weight:700;line-height:1.3;margin:.5rem 0}.sport-description{color:#ffffffb3;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1rem}.sport-stats{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);margin:1.2rem 0}.stat{background:#ffffff0d;border-radius:8px;border-radius:var(--radius-sm);padding:.6rem;text-align:center}.stat-value{font-size:1.1rem;margin-bottom:.2rem}.stat-label{color:var(--text-secondary);font-size:.7rem}.sport-benefits{margin:1.2rem 0}.sport-benefits h4{color:#fffffffa;color:var(--text-primary);font-size:.9rem;margin-bottom:.5rem}.sport-benefits ul{list-style:none;padding-left:0}.sport-benefits li{color:#ffffffb3;color:var(--text-secondary);font-size:.85rem;margin-bottom:.4rem;padding-left:1.2rem;position:relative}.sport-benefits li:before{color:#4ecdc4;content:"✓";font-weight:700;left:0;position:absolute}.sport-card-actions{display:flex;gap:.8rem;margin-top:1.5rem}.add-to-plan-btn,.learn-more-btn,.locked-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;padding:.8rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.add-to-plan-btn{background:linear-gradient(135deg,#3f5efbd9,#fc466bd9);background:var(--primary-gradient);color:#fff}.learn-more-btn{background:#ffffff1a;color:#fff}.learn-more-btn,.locked-btn{border:1px solid #fff3;border:1px solid var(--glass-border)}.locked-btn{background:hsla(0,0%,4%,.384);color:rgba(231,214,243,.756)}@media (max-width:768px){.categories-page{padding:1rem}.sports-grid{grid-template-columns:1fr}.category-filters{grid-template-columns:repeat(2,1fr)}.sport-card{padding:5rem}}.sport-card{animation:fadeIn .4s ease forwards}.pagination-container{display:flex;gap:.5rem;justify-content:center;margin:2rem 0}.pagination-btn{background:#ffffff14;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md);color:#fffffffa;color:var(--text-primary);cursor:pointer;padding:.6rem 1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.pagination-btn.active{background:linear-gradient(135deg,#3f5efbd9,#fc466bd9);background:var(--primary-gradient);border-color:#0000}.upgrade-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);max-width:500px;padding:2rem;width:90%}.motivation-popup{background:linear-gradient(135deg,#3f5efbd9,#fc466bd9);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 10px 30px #0000004d;color:#fff;left:50%;max-width:80%;padding:1.5rem 2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1001}:root{--primary:#667eead9;--secondary:#f66e88d9;--glass:#ffffff1f;--glass-border:#fff3;--text-primary:#fffffffa;--text-secondary:#ffffffb3}.category-filter .filter-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .4s cubic-bezier(.68,-.6,.32,1.6)}.category-filter:hover .filter-icon{filter:drop-shadow(0 5px 8px rgba(102,126,234,.4));transform:translateY(-5px) rotate(10deg) scale(1.3)}.stat-icon{transform-origin:bottom center;transition:all .5s ease-out}.stat:hover .stat-icon{animation:float 2s ease-in-out infinite;transform:translateY(-8px) scale(1.4)}@keyframes float{0%,to{transform:translateY(-8px) scale(1.4)}50%{transform:translateY(-12px) scale(1.45)}}.add-to-plan-btn span{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.add-to-plan-btn:hover span{color:#4affde;transform:rotate(180deg) scale(1.5)}.learn-more-btn span{transition:all .4s ease}.learn-more-btn:hover span{text-shadow:0 0 8px #fff9;transform:translateX(4px) rotate(5deg)}.search-icon-btn{background:none;border:none;color:#fffffffa;color:var(--text-primary);cursor:pointer;font-size:1.3rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .7s cubic-bezier(.25,1,.5,1);z-index:1}.search-icon-btn:hover{color:#667eead9;color:var(--primary);text-shadow:0 0 15px #667eeab3;transform:scale(1.8) rotate(15deg)}.sport-card:hover .sport-category-badge{animation:light-pulse 3s infinite alternate}@keyframes light-pulse{0%{box-shadow:0 0 5px #667eea4d}to{box-shadow:0 0 20px #667eea99}}.category-filter.active{box-shadow:0 10px 25px #0000004d,0 0 0 1px #ffffff1a,inset 0 -3px 10px #fff3;transform:perspective(500px) translateZ(20px)}.sport-name{transition:all .4s ease}.sport-card:hover .sport-name{letter-spacing:.5px;text-shadow:0 2px 10px #ffffff4d}.stat-value{transition:all .5s ease}.stat:hover .stat-value{color:#4affde;text-shadow:0 0 8px #4affde99}@media (prefers-reduced-motion){*{animation:none!important;transition:none!important}}@media (max-width:768px){.sport-card{margin-bottom:1.5rem;min-height:auto;padding:1rem}.sport-name{font-size:1.2rem!important;line-height:1.4}.sport-description{font-size:.85rem!important;line-height:1.6}.category-filters{gap:.5rem;grid-template-columns:repeat(3,1fr)}.category-filter{font-size:.75rem;padding:.6rem}.filter-icon{font-size:1rem!important;margin-bottom:.3rem}.sport-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1rem!important}.stat-label{font-size:.65rem!important}.sport-card-actions{flex-direction:column;gap:0 1rem}.add-to-plan-btn,.learn-more-btn{padding:.8rem;width:100%}}.sport-category-badge{background:#0000004d!important;font-size:.75rem;font-weight:600;padding:.4rem .8rem}.difficulty-badge{font-weight:700!important;letter-spacing:.5px;padding:.4rem .8rem!important}@media (hover:none){.sport-card{transform:none!important}.category-filter:active{transform:scale(.95)!important}}.categories-hero h1{margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}.category-filter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d!important;border:1px solid #ffffff4d!important;color:#fff!important;font-weight:700!important}.category-filter.active{background:linear-gradient(135deg,#667eeae6,#f66e88e6)!important;color:#fff!important;text-shadow:0 1px 3px #0000004d}.sport-category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006!important;border:1px solid #ffffff4d;border-radius:1rem;color:#fff!important;font-weight:700;padding:.4rem 2rem}difficulty-badge{font-weight:500!important;letter-spacing:.5px;text-transform:uppercase}.sport-name{color:#fff;text-shadow:0 2px 4px #0000004d}.sport-card{background:#ffffff14;border:3px solid #ffffff26;will-change:transform,box-shadow}.stat-icon{will-change:transform}.categories-hero h1{margin-bottom:-.5rem;margin-top:.5rem;padding-bottom:-.2rem;position:relative}.sport-category{color:#ffffffe6;display:inline-block;font-weight:600;margin-bottom:.5rem}.sport-card.selected{background:#4caf501a;border:2px solid #4caf5080}.sport-card.selected:after{background:#4caf504d;border-radius:12px;color:#fff;content:"✓ Selected";font-size:.8rem;padding:.3rem .6rem;position:absolute;right:10px;top:10px}@media (min-width:769px){.sports-grid{gap:1.2rem;grid-template-columns:repeat(2,1fr)}}.sport-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem;transition:all .3s ease}.back-submit-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.back-submit-controls .back-btn{all:unset}.back-submit-controls .back-btn,.submit-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;min-width:120px;padding:1rem 2rem;text-align:center;transition:all .3s ease}.back-btn:hover,.submit-btn:hover{background:#fff3;filter:blur(.5px);transform:translateY(-2px)}.back-btn:active,.submit-btn:active{filter:blur(1px);transform:translateY(1px)}.back-btn,.submit-btn{transition:all .3s ease,transform .2s ease}.filter-group h3{margin-bottom:1rem;text-align:center}.consent-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.consent-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1419);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px}.consent-modal.rtl{direction:rtl;text-align:right}.consent-modal.ltr{direction:ltr;text-align:left}.consent-header{border-bottom:1px solid #ffffff1a;margin-bottom:25px;padding-bottom:20px}.consent-header h2{color:#00d4ff;font-size:1.4rem;font-weight:600;margin:0 0 10px}.consent-subtitle{color:#ffffffb3;font-size:.9rem;font-style:italic;margin:0}.consent-content{display:flex;flex-direction:column;gap:20px}.consent-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.consent-section.optional{background:#00d4ff0d;border-color:#00d4ff33}.consent-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 12px}.consent-section p{color:#fffc;font-size:.9rem;line-height:1.6;margin:0 0 15px}.data-details{background:#0003;border-left:3px solid #00d4ff;border-radius:8px;margin:15px 0;padding:15px}.consent-modal.rtl .data-details{border-left:none;border-right:3px solid #00d4ff}.data-details p{color:#ffffffe6;font-size:.85rem;margin:8px 0}.data-details strong{color:#00d4ff}.consent-checkbox{align-items:flex-start;color:#fff;cursor:pointer;font-size:.9rem;gap:12px;line-height:1.5;margin-top:15px}.consent-checkbox input[type=checkbox]{display:none}.consent-checkbox .checkmark{align-items:center;border:2px solid #ffffff4d;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .3s ease;width:20px}.consent-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(45deg,#00d4ff,#09c);border-color:#00d4ff}.consent-checkbox input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.consent-checkbox:hover .checkmark{border-color:#00d4ff;transform:scale(1.05)}.legal-notice{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;margin-top:20px;padding:15px}.legal-notice p{color:#ffffffe6;font-size:.8rem;line-height:1.5;margin:5px 0}.required-note{color:#ffeb3b!important;font-weight:600}.consent-actions{border-top:1px solid #ffffff1a;display:flex;gap:15px;margin-top:25px;padding-top:20px}.consent-modal.rtl .consent-actions{flex-direction:row-reverse}.consent-accept,.consent-decline{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.consent-decline{background:#ffffff1a;border:1px solid #fff3;color:#fff}.consent-decline:hover{background:#fff3;transform:translateY(-2px)}.consent-accept{background:linear-gradient(45deg,#00d4ff,#09c);box-shadow:0 4px 15px #00d4ff4d;color:#fff}.consent-accept:hover:not(:disabled){box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.consent-accept:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.consent-modal{margin:10px;max-height:calc(100vh - 20px);max-width:calc(100vw - 20px);padding:20px}.consent-header h2{font-size:1.2rem}.consent-section{padding:15px}.consent-actions{flex-direction:column}.consent-accept,.consent-decline{width:100%}}@media (max-width:480px){.consent-modal{margin:5px;padding:15px}.consent-header{margin-bottom:20px;padding-bottom:15px}.consent-section,.data-details{padding:12px}}.consent-accept:focus,.consent-checkbox:focus-within .checkmark,.consent-decline:focus{outline:2px solid #00d4ff;outline-offset:2px}@media (prefers-contrast:high){.consent-modal{background:#000;border:2px solid #fff}.consent-section{background:#111;border:1px solid #fff}.consent-checkbox .checkmark{border-color:#fff}.consent-checkbox input[type=checkbox]:checked+.checkmark{background:#fff;color:#000}}.consent-modal-overlay{animation:fadeIn .3s ease-out}.consent-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.privacy-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.privacy-modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;max-width:500px;padding:30px;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.delete-modal-title{color:#f44;font-size:1.3rem;font-weight:600;margin-bottom:20px}.delete-modal-warning{color:#ffffffe6;line-height:1.6;margin-bottom:20px}.delete-confirmation-label{color:#fa4;font-weight:700;margin-bottom:15px}.delete-confirmation-input{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;color:#fff;font-size:16px;margin-bottom:20px;padding:12px;text-align:center;transition:all .3s ease;width:100%}.delete-confirmation-input:focus{background-color:#ffffff26;border-color:#f44;outline:none}.delete-confirmation-input::placeholder{color:#ffffff80}.modal-buttons-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.modal-btn{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .3s ease}.modal-btn:hover{background-color:#fff3;transform:translateY(-2px)}.modal-btn-cancel{background-color:#6c757d4d;border-color:#6c757d80}.modal-btn-cancel:hover{background-color:#6c757d80}.modal-btn-danger{background-color:#f44;border-color:#f44}.modal-btn-danger:hover{background-color:#f22;box-shadow:0 4px 15px #f446}.modal-btn-danger:disabled{background-color:#ff44444d;cursor:not-allowed;opacity:.6;transform:none}.modal-btn-danger:disabled:hover{background-color:#ff44444d;box-shadow:none;transform:none}.export-status{animation:statusFadeIn .3s ease-out;border-radius:8px;font-size:.85rem;font-weight:500;margin-top:8px;padding:8px 12px}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.export-status-success{background-color:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.export-status-error{background-color:#f443361a;border:1px solid #f443364d;color:#f44336}.export-status-loading{background-color:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.btn-loading{cursor:not-allowed;opacity:.7;position:relative}.btn-loading:after{animation:button-loading-spinner 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes button-loading-spinner{0%{transform:translate(-50%,-50%) rotate(0turn)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:768px){.privacy-modal-content{margin:20px;padding:20px}.modal-buttons-container{flex-direction:column}.modal-btn{width:100%}.delete-modal-title{font-size:1.1rem}.delete-confirmation-input{font-size:14px}}.two-factor-modal{max-height:90vh;max-width:600px;overflow-y:auto;width:95%}.modal-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{font-size:1.4rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.modal-close-btn:hover{background-color:#ffffff1a;color:#fff}.methods-step h4{color:#4caf50;font-size:1.2rem;margin-bottom:10px}.step-description{color:#fffc;line-height:1.5;margin-bottom:25px}.method-options{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.method-option{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:20px;transition:all .3s ease}.method-option:hover{background:#ffffff1a;border-color:#ffffff4d}.method-label{align-items:center;cursor:pointer;display:flex;gap:15px;width:100%}.method-label input[type=checkbox]{accent-color:#4caf50;height:20px;width:20px}.method-info{align-items:center;display:flex;flex:1 1;gap:15px}.method-icon{font-size:24px}.method-details{flex:1 1;text-align:left}.method-details strong{color:#fff;display:block;font-size:16px;margin-bottom:5px}.method-details p{color:#ffffffb3;font-size:14px;line-height:1.4;margin:0}.method-status{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.method-status.recommended{background-color:#4caf50;color:#fff}.method-status.pending{background-color:#ff9800;color:#fff}.method-config{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.config-input{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:14px;padding:10px 15px;width:100%}.config-input:focus{background-color:#ffffff26;border-color:#4caf50;outline:none}.config-input::placeholder{color:#ffffff80}.setup-error{background-color:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;font-size:14px;margin-bottom:20px;padding:12px}.modal-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.modal-btn.cancel{background-color:#6c757d4d;border-color:#6c757d80}.modal-btn.cancel:hover{background-color:#6c757d80}.modal-btn.primary{background-color:#4caf50;border-color:#4caf50}.modal-btn.primary:hover{background-color:#45a049;box-shadow:0 4px 15px #4caf5066}.modal-btn.primary:disabled{background-color:#4caf504d;cursor:not-allowed;opacity:.6}.complete-step{text-align:center}.success-icon{font-size:48px;margin-bottom:20px}.complete-step h4{color:#4caf50;font-size:1.3rem;margin-bottom:25px}.qr-code-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:20px}.qr-code-section h5{color:#4caf50;font-size:1.1rem;margin-bottom:15px}.qr-code-container{background:#fff;border-radius:12px;display:flex;display:inline-block;justify-content:center;margin-bottom:15px;padding:15px}.qr-code-image{border-radius:8px;height:auto;max-width:200px}.qr-instructions{background:#ffffff0d;border-left:3px solid #4caf50;border-radius:8px;color:#fffc;font-size:14px;line-height:1.6;padding:12px;text-align:left;white-space:pre-line}.backup-codes-section{background:#ffc4001a;border:1px solid #ffc4004d;border-radius:12px;margin-bottom:25px;padding:20px}.backup-codes-section h5{color:#ffc400;font-size:1.1rem;margin-bottom:15px}.backup-codes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:15px}.backup-code{background:#ffffff1a;border:1px solid #fff3;font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;padding:8px 12px;text-align:center}.backup-code,.backup-codes-warning{border-radius:6px;color:#ffc400;font-size:13px}.backup-codes-warning{background:#ffc4001a;line-height:1.5;margin:0;padding:10px}.security-controls{align-items:center;display:flex;gap:15px}.security-btn.secondary{background-color:#2196f333;border-color:#2196f380;color:#2196f3;font-size:13px;padding:8px 16px}.security-btn.secondary:hover{background-color:#2196f34d}.security-methods-active{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.method-badge{background:#4caf5033;border:1px solid #4caf504d;border-radius:12px;color:#4caf50;font-size:11px;font-weight:500;padding:4px 8px}.security-status{border-radius:6px;font-size:13px;font-weight:500;margin-top:8px;padding:8px 12px}.security-status.error{background-color:#f443361a;border:1px solid #f443364d;color:#f44336}.security-status.success{background-color:#4caf501a;border:1px solid #4caf504d;color:#4caf50}@media (max-width:768px){.two-factor-modal{max-height:95vh;width:98%}.modal-header{flex-direction:column;gap:10px;text-align:center}.modal-close-btn{position:absolute;right:15px;top:15px}.method-label{align-items:flex-start;flex-direction:column;gap:10px}.method-info{width:100%}.security-controls{align-items:stretch;flex-direction:column;gap:10px}.backup-codes-grid{grid-template-columns:repeat(2,1fr)}.qr-code-image{max-width:150px}}.two-factor-setup-inline{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:20px;padding:20px}.two-factor-setup-inline h4{color:#4caf50;font-size:1.1rem;margin-bottom:15px}.method-selection-simple{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.method-option-simple{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.method-option-simple:hover{background:#ffffff0d;border-color:#fff3}.method-option-simple input[type=checkbox]{accent-color:#4caf50;height:18px;width:18px}.method-info-simple{align-items:center;display:flex;flex:1 1;gap:10px}.method-info-simple .method-icon{font-size:20px}.method-info-simple strong{color:#fff;display:block;margin-bottom:4px}.method-info-simple p{color:#ffffffb3;font-size:13px;margin:0}.authenticator-setup{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin:15px 0;padding:15px}.authenticator-setup h5{color:#4caf50;margin-bottom:10px}.setup-steps p{color:#fffc;font-size:14px;margin:5px 0}.setup-actions{display:flex;gap:12px;margin-top:20px}.two-factor-active{align-items:center;display:flex;gap:12px}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-badge.active{background-color:#4caf50;color:#fff}.qr-code-display{background:#ffffff0d;border-radius:12px;margin-top:20px;padding:20px;text-align:center}.qr-code-display h4{color:#4caf50;margin-bottom:15px}.qr-code-img{background:#fff;border-radius:8px;margin:15px 0;max-width:200px;padding:10px}.backup-codes-simple{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:15px auto;max-width:400px}.backup-code-simple{background:#ffc40033;border:1px solid #ffc4004d;border-radius:4px;color:#ffc400;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:6px 8px}@media (max-width:768px){.setup-actions,.two-factor-active{flex-direction:column}.two-factor-active{align-items:stretch;gap:8px}.backup-codes-simple{grid-template-columns:repeat(2,1fr)}}.delete-confirmation-input:focus,.modal-btn:focus,.privacy-modal-overlay:focus-within{outline:2px solid #4caf50;outline-offset:2px}.edit-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:6px;box-shadow:0 2px 8px #4facfe4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);box-shadow:0 4px 12px #4facfe66;transform:translateY(-1px)}.edit-btn:active{box-shadow:0 2px 6px #4facfe4d;transform:translateY(0)}.modern-auto-save-notice{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a90e226,#50c87826);border:1px solid #4a90e24d;border-radius:12px;color:#fffffff2;display:flex;font-size:14px;gap:10px;margin-bottom:24px;padding:12px 18px}.save-icon{animation:gentle-pulse 3s infinite;font-size:18px}.save-text{font-weight:500;letter-spacing:.3px}.modern-save-status{align-items:center;background:#22c55e33;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;display:flex;font-size:12px;gap:6px;margin-top:8px;padding:4px 8px}.save-check{font-size:14px;font-weight:700}.save-label{font-weight:500;letter-spacing:.2px}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.last-saved-time{background:#ffffff1a;border-radius:4px;color:#fff9;font-size:11px;margin-left:10px;padding:2px 6px}.save-indicator{animation:gentle-pulse 1s infinite;font-size:14px;margin-left:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.subscription-separator{background:linear-gradient(90deg,#0000,#ffffff1a 25%,#ffffff1a 75%,#0000);border-radius:1px;height:15px;margin:15px 0}.select-plan-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.select-plan-card h3{color:gold;font-size:18px;margin-bottom:8px}.select-plan-card p{color:#fffc;font-size:14px;margin-bottom:15px}.select-plan-features{margin:15px 0}.plan-feature{background:none;border:none;color:#ffffffe6;font-size:14px;margin:0;padding:3px 0}.select-plan-btn{background:linear-gradient(135deg,gold,#ffb347);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:14px;font-weight:500;margin-top:15px;padding:10px 20px}.select-plan-btn:hover{opacity:.9}.admin-testing-panel{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;margin:15px 0;padding:15px}.admin-testing-panel h4{color:#ff6b6b;font-size:14px;margin-bottom:10px}.admin-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.admin-buttons button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.admin-buttons button:hover{background:#fff3}.admin-testing-panel p{color:#fffc;font-size:12px;margin:0}.plan-badge.active{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669;color:#fff}.plan-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #d97706;color:#fff}.plan-badge.cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff}.plan-badge.free{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #4b5563;color:#fff}.plan-badge{border-radius:20px;box-shadow:0 2px 8px #0003;display:inline-block;font-size:12px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.settings-page{padding-top:80px}.settings-hero{background:linear-gradient(135deg,#3f5efb1a,#fc466b1a);padding:20px 0;text-align:center}.settings-hero-container{margin:0 auto;max-width:1200px;padding:0 20px}.settings-hero h1{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:8px}.settings-hero p{color:#fffc;font-size:.9rem;margin-bottom:16px}.settings-content{padding:20px 0}.settings-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.settings-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;height:calc(100vh - 120px);overflow-y:auto;padding:12px;position:-webkit-sticky;position:sticky;top:100px}.settings-nav-item{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;gap:8px;margin-bottom:4px;padding:8px 12px;text-align:left;transition:.2s ease;width:100%}.settings-nav-item:hover{background:#ffffff0d;color:#fff}.settings-nav-item.active{background:linear-gradient(135deg,#3f5efb33,#fc466b33);border:1px solid #3f5efb4d;color:#fff}.nav-icon{font-size:1rem}.nav-text{font-size:.85rem;font-weight:500}.settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.settings-section{margin-bottom:20px}.section-header{margin-bottom:16px}.section-header h2{color:#fff!important;font-size:1.2rem;font-weight:600;margin-bottom:4px}.section-header p{color:#ffffffb3;font-size:.8rem}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settings-grid .current-plan{grid-column:1/-1;width:100%}.settings-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:12px}.settings-card h3{color:#fff;font-size:1rem;font-weight:600}.form-group,.settings-card h3{margin-bottom:12px}.form-group label{color:#fffc;font-size:.8rem;margin-bottom:4px}.form-group input,.form-group select{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.85rem;padding:8px 12px;transition:.2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#ffffff26;border-color:#3f5efb;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.form-group select option{background:#000!important;border:none!important;color:#fff!important;font-size:14px!important;outline:none!important;padding:10px!important}.form-group select option:hover{background:#333!important;color:#fff!important}.form-group select option:checked,.form-group select option:selected{background:#3f5efb!important;color:#fff!important}.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-family:inherit;font-size:.85rem;min-height:60px;padding:8px 12px;resize:vertical;transition:.2s ease;width:100%}.form-group textarea:focus{background:#ffffff26;border-color:#3f5efb;outline:none}.questionnaire-card{background:#3f5efb14;border:1px solid #3f5efb33;border-radius:8px;padding:16px}.questionnaire-card h3{color:#3f5efb;font-size:1.1rem;margin-bottom:6px}.questionnaire-subtitle{color:#ffffffb3;font-size:.85rem;margin-bottom:16px}.questionnaire-section{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.questionnaire-section:last-child{border-bottom:none;margin-bottom:0}.questionnaire-section h4{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:12px}.questionnaire-section h4:before{content:"📋";font-size:.8rem}.questionnaire-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.completion-status{align-items:center;color:#ffffffb3;display:flex;font-size:.8rem;gap:8px}.status-icon{font-size:1rem}.save-questionnaire-btn{align-items:center;background:linear-gradient(135deg,#3f5efb,#fc466b);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:.2s ease}.save-questionnaire-btn:hover{box-shadow:0 4px 12px #3f5efb4d;transform:translateY(-1px)}@media (max-width:768px){.questionnaire-card{padding:16px 12px}.questionnaire-section h4{font-size:1rem}.questionnaire-footer{align-items:stretch;flex-direction:column;gap:12px}.completion-status{font-size:.85rem;text-align:center}.save-questionnaire-btn{font-size:.9rem;justify-content:center;padding:12px 16px;width:100%}.form-group{margin-bottom:14px}.form-group label{font-size:.85rem;margin-bottom:6px}}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.plan-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:3px 8px}.plan-badge.free{background:#ffffff1a;color:#fffc}.plan-badge.pro{background:linear-gradient(135deg,#3f5efb,#fc466b);color:#fff}.plan-details{gap:12px}.plan-details,.plan-info{display:flex;flex-direction:column}.plan-info{gap:4px}.plan-feature{align-items:center;color:#fffc;display:flex;font-size:.8rem;gap:6px}.plan-feature:before{color:#3f5efb;content:"✓";font-weight:700}.plan-actions{flex-wrap:wrap;gap:4px;margin-bottom:0}.manage-btn,.upgrade-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:.2s ease}.upgrade-btn{background:linear-gradient(135deg,#3f5efb,#fc466b);color:#fff}.manage-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.manage-btn:hover,.upgrade-btn:hover{transform:translateY(-1px)}.toggle-group{display:flex;flex-direction:column;gap:12px}.toggle-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.toggle-info{flex:1 1}.toggle-name{color:#fff;display:block;font-size:.85rem;font-weight:500;margin-bottom:2px}.toggle-desc{color:#fff9;font-size:.75rem}.toggle-slider{background:#fff3;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}input:checked+.toggle-slider{background:linear-gradient(135deg,#3f5efb,#fc466b)}input:checked+.toggle-slider:before{transform:translateX(20px)}.security-actions{display:flex;flex-direction:column;gap:8px}.security-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;text-align:left;transition:.2s ease}.security-btn:hover{background:#ffffff26}.security-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.security-btn.danger:hover{background:#ef444433}.settings-footer{border:none!important;display:none!important;margin:0!important;padding:0!important}.save-settings-btn{align-items:center;background:linear-gradient(135deg,#3f5efb,#fc466b);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-left:auto;padding:8px 16px;transition:.2s ease}.save-settings-btn:hover{box-shadow:0 4px 12px #3f5efb4d;transform:translateY(-1px)}.save-section-centered{align-items:center;display:flex;justify-content:center;margin-top:16px;padding:0;width:100%}.save-section-centered .save-settings-btn{font-size:.85rem;margin:0;min-width:180px;padding:10px 20px}.signin-required{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;max-width:400px;padding:24px}.signin-icon{color:#fff9;font-size:3rem;margin-bottom:12px}.signin-required h3{font-size:1.2rem;margin-bottom:8px}.signin-required p{margin-bottom:16px}.signin-btn{background:linear-gradient(135deg,#3f5efb,#fc466b);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:.2s ease}.signin-btn:hover{transform:translateY(-1px)}@media (max-width:768px){.settings-container{gap:12px;grid-template-columns:1fr}.settings-nav{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:3px;height:auto!important;margin-bottom:10px;overflow-x:auto;overflow-y:hidden;padding:8px 6px;position:static!important}.settings-nav::-webkit-scrollbar{height:3px}.settings-nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.settings-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.settings-nav-item{align-items:center;background:#ffffff14;border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;font-size:.7rem;gap:2px;height:50px;justify-content:center;margin-bottom:0;max-width:100px;min-width:85px;padding:6px 4px;text-align:center;white-space:nowrap}.settings-nav-item.active{background:linear-gradient(135deg,#3f5efb4d,#fc466b4d);border:1px solid #3f5efb66}.nav-text{font-size:.6rem;font-weight:400}.nav-icon{font-size:.75rem}.settings-nav-item.active .nav-text{font-size:.65rem;font-weight:600}.settings-grid{gap:12px;grid-template-columns:1fr}.settings-panel{padding:12px}.plan-actions{flex-direction:column;gap:4px}.toggle-item{align-items:flex-start;flex-direction:column;gap:8px}.settings-hero h1{font-size:1.2rem}.settings-hero p{font-size:.8rem}.settings-nav-item .nav-text{font-size:.6rem!important;font-weight:400!important;line-height:1.1;max-width:90px;overflow:hidden;text-align:center;text-overflow:ellipsis}.settings-nav-item:nth-child(2) .nav-text,.settings-nav-item:nth-child(5) .nav-text{font-size:.55rem!important;max-width:85px}}.language-option-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:20px}.language-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:15px;transition:all .3s ease}.language-option:hover{background:#ffffff1a;transform:translateY(-2px)}.language-option.selected{background:linear-gradient(135deg,#3f5efb1a,#fc466b1a);border-color:#3f5efb;box-shadow:0 4px 12px #3f5efb33}.language-flag{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:24px}@media (max-width:768px){.language-option-group{grid-template-columns:1fr}.language-option{flex-direction:row;justify-content:flex-start;padding:12px 15px}}.settings-card .form-group label{color:#ffffffe6;font-weight:500}.settings-card .form-group input,.settings-card .form-group select{color:#fff}.settings-card .form-group label[required]:after{color:#fc466b;content:" *"}.data-group,.notification-group,.privacy-group,.security-group{display:flex;flex-direction:column;gap:12px}.data-item,.notification-item,.privacy-item,.security-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:all .2s ease}.data-item:hover,.notification-item:hover,.privacy-item:hover,.security-item:hover{background:#ffffff14;border-color:#fff3}.data-info,.notification-info,.privacy-info,.security-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.data-title,.notification-title,.privacy-title,.security-title{color:#fff;font-size:.85rem;font-weight:500;margin-bottom:2px}.data-desc,.notification-desc,.privacy-desc,.security-desc{color:#fff9;font-size:.75rem;line-height:1.3}.toggle-switch{display:inline-block;flex-shrink:0;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background:#fff3;border:1px solid #ffffff1a;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;bottom:1px;box-shadow:0 1px 3px #0000004d;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background:linear-gradient(135deg,#3f5efb,#fc466b);border-color:#3f5efb}input:checked+.slider:before{transform:translateX(20px)}.slider:hover{background:#ffffff4d}input:checked+.slider:hover{background:linear-gradient(135deg,#4c6bff,#ff5a8a)}.data-btn,.security-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;min-width:70px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.data-btn:hover,.security-btn:hover{background:#ffffff26;transform:translateY(-1px)}.data-btn.danger,.security-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.data-btn.danger:hover,.security-btn.danger:hover{background:#ef444433;border-color:#ef444466}@media (max-width:768px){.data-item,.notification-item,.privacy-item,.security-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.toggle-switch{align-self:flex-end}.data-btn,.security-btn{align-self:flex-end;min-width:80px}.data-title,.notification-title,.privacy-title,.security-title{font-size:.9rem}.data-desc,.notification-desc,.privacy-desc,.security-desc{font-size:.8rem}}.cancel-btn{background:#0000;border:1px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:4px;padding:8px 16px;transition:all .3s ease}.cancel-btn:hover{background:#dc3545;box-shadow:0 4px 8px #dc35454d;color:#fff;transform:translateY(-1px)}.cancel-btn.danger{border-color:#dc3545;color:#dc3545}.plan-actions{gap:8px;margin-top:12px}.plan-actions,.subscription-info{display:flex;flex-direction:column}.subscription-info{background:#3f5efb14;border:1px solid #3f5efb33;border-radius:8px;gap:12px;margin-bottom:16px;padding:16px}.next-billing,.plan-name,.plan-title-row,.subscription-amount,.subscription-duration{align-items:center;display:flex;justify-content:space-between}.info-label{color:#fffc;font-size:.85rem;font-weight:500}.info-value{color:#fff;font-size:.9rem;font-weight:600}.billing-amount{color:#3f5efb;font-weight:700}.renew-btn{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #28a745;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:4px;padding:8px 16px;transition:all .3s ease}.renew-btn:hover{background:linear-gradient(135deg,#218838,#1ba085);box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.change-plan-btn{background:linear-gradient(135deg,#17a2b8,#138496);border:1px solid #17a2b8;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:4px;padding:8px 16px;transition:all .3s ease}.change-plan-btn:hover{background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 4px 8px #17a2b84d;transform:translateY(-1px)}.plan-actions .cancel-btn,.plan-actions .change-plan-btn,.plan-actions .manage-btn,.plan-actions .renew-btn,.plan-actions .upgrade-btn{text-align:center;width:100%}.individual-cancel-action{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.cancel-individual-btn{background:#dc35451a;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;text-align:center;transition:all .3s ease;width:100%}.cancel-individual-btn:hover{background:#dc3545;box-shadow:0 3px 6px #dc35454d;color:#fff;transform:translateY(-1px)}.cancel-individual-btn:active{box-shadow:0 1px 3px #dc35454d;transform:translateY(0)}.danger-small{opacity:.9}.danger-small:hover{opacity:1}.individual-plan-actions{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.individual-plan-actions .cancel-btn,.individual-plan-actions .manage-btn,.individual-plan-actions .upgrade-btn{font-size:.9rem;padding:10px 16px;text-align:center;width:100%}.professional-date-input{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.professional-date-input:hover{background:#ffffff14;border-color:#fff3}.professional-date-input.error{background:#ff6b6b1a;border-color:#ff6b6b}.date-display{color:#fff;flex:1 1;text-align:left}.date-arrow{color:#fff9;font-size:.8rem;margin-left:8px}.date-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.date-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:400px;overflow:hidden;width:90%}.date-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.date-modal-header h3{color:#fff;font-size:1.2rem;margin:0}.date-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.date-modal-close:hover{background:#ffffff1a;color:#fff}.date-modal-content{padding:24px}.date-dropdowns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.date-dropdown-group{display:flex;flex-direction:column;gap:8px}.date-dropdown-group label{color:#fffc;font-size:.9rem;font-weight:500}.date-dropdown{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.date-dropdown:focus,.date-dropdown:hover{background:#ffffff14;border-color:#fff3;outline:none}.date-dropdown option{background:#1a1a2e;color:#fff}.date-modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.date-cancel-btn,.date-done-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.date-cancel-btn{background:#ffffff1a;color:#fffc}.date-cancel-btn:hover{background:#ffffff26;color:#fff}.date-done-btn{background:linear-gradient(135deg,#3f5efb,#fc466b);color:#fff}.date-done-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.date-done-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.date-modal{margin:20px;width:95%}.date-dropdowns{gap:12px;grid-template-columns:1fr}.date-modal-footer{flex-direction:column}.date-cancel-btn,.date-done-btn{width:100%}}.save-popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.save-popup{animation:popupSlideIn .4s cubic-bezier(.25,.46,.45,.94);background:linear-gradient(135deg,#1a1a2ef2,#102a4ff2);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;max-width:420px;overflow:hidden;padding:0;position:relative;width:90%}.save-popup-content{padding:30px;text-align:center}.save-popup-content.success{background:linear-gradient(135deg,#22c55e1a,#10b9811a)}.save-popup-content.error{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.save-popup-icon{margin-bottom:20px}.success-checkmark{height:80px;margin:0 auto;position:relative;width:80px}.checkmark-circle{align-items:center;animation:checkmarkBounce .6s ease-in-out;background:linear-gradient(135deg,#22c55e,#10b981);display:flex;justify-content:center}.checkmark-stem{animation:checkmarkStem .3s ease-in-out .3s both;border-radius:2px;width:5px}.checkmark-kick{animation:checkmarkKick .3s ease-in-out .5s both;border-radius:2px;height:5px;left:25px;top:42px;width:12px}.error-icon{animation:errorShake .5s ease-in-out;color:#ef4444;font-size:60px}.save-popup-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.save-popup-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:25px;padding:20px;text-align:left}.save-detail-item{align-items:center;display:flex;margin-bottom:12px;padding:8px 0}.save-detail-item:last-child{margin-bottom:0}.detail-icon{animation:iconPulse 2s infinite;font-size:18px;margin-left:12px;margin-right:12px;min-width:30px}.detail-text{color:#ffffffe6;flex:1 1;font-size:14px;line-height:1.4}.save-popup-message{background:#ffffff0d;border-left:4px solid #ef4444;border-radius:8px;color:#fffc;font-size:14px;margin-bottom:20px;padding:15px}.save-popup-close{background:linear-gradient(135deg,#22c55e,#10b981);border:none;border-radius:25px;box-shadow:0 4px 15px #22c55e4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.save-popup-close:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.save-popup-close.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.save-popup-close.error:hover{box-shadow:0 6px 20px #ef444466}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes checkmarkBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkStem{0%{height:0;opacity:0}to{height:20px;opacity:1}}@keyframes checkmarkKick{0%{opacity:0;width:0}to{opacity:1;width:12px}}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.save-popup{margin:20px;max-width:none;width:calc(100% - 40px)}.save-popup-content{padding:25px 20px}.save-popup-title{font-size:18px}.checkmark-circle,.success-checkmark{height:60px;width:60px}.checkmark-stem{height:15px;left:26px;top:23px}.checkmark-kick{left:20px;top:32px;width:9px}.error-icon{font-size:45px}.detail-text{font-size:13px}}.consent-checkbox{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:10px;margin-top:20px;padding:12px 16px}.consent-checkbox input[type=checkbox]{accent-color:#22c55e;cursor:pointer;flex-shrink:0;height:18px;width:18px}.consent-checkbox label{color:#fff;cursor:pointer;font-size:.95rem;line-height:1.4}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.dashboard-login{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:2rem;width:100%}.login-container{display:flex;flex-direction:column;gap:1.5rem}.login-header{text-align:center}.login-header h1{color:#2c3e50;font-size:1.8rem;margin-bottom:.5rem}.login-header p{color:#7f8c8d;font-size:.9rem}.login-form{gap:1rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#34495e;font-size:.9rem}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.8rem;transition:border .3s}.form-group input:focus{border-color:#3498db}.login-error{align-items:center;background:#e74c3c1a;border-radius:5px;color:#e74c3c;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem}.login-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:background .3s}.login-btn:hover{background:#2980b9}.login-footer{display:flex;justify-content:center}.back-to-site-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:.9rem;transition:color .3s}.back-to-site-btn:hover{color:#34495e}.admin-dashboard{background:#f5f7fa;display:flex;flex-direction:column;height:100vh}.admin-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left h1{color:#2c3e50;font-size:1.5rem}.logout-button{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .3s}.logout-button:hover{background:#c0392b}.admin-nav{background:#fff;border-bottom:1px solid #eee;display:flex;overflow-x:auto;padding:0 2rem}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:.9rem;padding:1rem 1.5rem;transition:all .3s;white-space:nowrap}.nav-tab:hover{color:#3498db}.nav-tab.active{border-bottom-color:#3498db;color:#3498db;font-weight:600}.admin-content{flex:1 1;overflow-y:auto;padding:2rem}.section-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{color:#2c3e50;font-size:1.5rem}.dashboard-controls{display:flex;gap:1rem}.form-select{background:#fff;border:1px solid #ddd;border-radius:5px;padding:.5rem}.btn-primary{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .3s}.btn-primary:hover{background:#2980b9}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.stat-icon{font-size:2rem}.stat-value{color:#2c3e50;font-size:1.8rem;font-weight:700}.stat-label{color:#7f8c8d;font-size:.9rem}.stat-change{border-radius:10px;font-size:.8rem;padding:.2rem .5rem}.stat-change.positive{background:#2ecc711a;color:#2ecc71}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-panel{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.dashboard-panel h3{color:#34495e;font-size:1.2rem;margin-bottom:1rem}.revenue-stats{display:flex;flex-direction:column;gap:.8rem}.revenue-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5rem 0}.revenue-period{color:#7f8c8d;font-size:.9rem}.revenue-amount{color:#2c3e50;font-weight:600}.revenue-growth{border-radius:10px;font-size:.8rem;padding:.2rem .5rem}.revenue-growth.positive{background:#2ecc711a;color:#2ecc71}.revenue-growth.neutral{background:#f1c40f1a;color:#f1c40f}.subscription-chart{display:flex;flex-direction:column;gap:.5rem}.sub-item{align-items:center;display:flex;gap:1rem;padding:.5rem 0}.sub-plan{border-radius:10px;font-size:.8rem;padding:.2rem .5rem;text-align:center;width:60px}.sub-plan.free{background:#3498db1a;color:#3498db}.sub-plan.basic{background:#9b59b61a;color:#9b59b6}.sub-plan.pro{background:#1abc9c1a;color:#1abc9c}.sub-plan.premium{background:#e74c3c1a;color:#e74c3c}.sub-count{color:#7f8c8d;flex:1 1;font-size:.9rem}.sub-percentage{color:#2c3e50;font-weight:600;text-align:right;width:40px}.sports-ranking{display:flex;flex-direction:column;gap:.5rem}.sport-rank{align-items:center;display:flex;gap:1rem;padding:.5rem 0}.rank-position{color:#2c3e50;font-weight:600;text-align:center;width:20px}.sport-name{flex:1 1}.sport-users{color:#7f8c8d;font-size:.9rem}.ai-metrics{display:flex;flex-direction:column;gap:.5rem}.metric-row{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5rem 0}.metric-label{color:#7f8c8d;font-size:.9rem}.metric-value{color:#2c3e50;font-weight:600}.metric-value.success{color:#2ecc71}.activity-feed{display:flex;flex-direction:column;gap:.5rem}.activity-item{align-items:center;background:#fff;border-radius:5px;box-shadow:0 1px 3px #0000000d;display:flex;gap:1rem;padding:.8rem}.activity-time{color:#7f8c8d;font-size:.8rem;width:70px}.activity-text{flex:1 1;font-size:.9rem}.activity-type{border-radius:10px;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.activity-type.premium{background:#e74c3c1a;color:#e74c3c}.activity-type.ai{background:#3498db1a;color:#3498db}.activity-type.user{background:#2ecc711a;color:#2ecc71}.activity-type.admin{background:#9b59b61a;color:#9b59b6}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-controls{flex-direction:column;width:100%}.btn-primary,.form-select{width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.admin-nav{padding:0 1rem}.nav-tab{font-size:.8rem}.admin-content,.nav-tab{padding:1rem}}.workout-page{background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:2rem 1rem}.workout-header{text-align:center}.workout-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#3f5efb);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.workout-header p{color:#fffc;font-size:1.125rem;margin-bottom:2rem}.plan-summary{flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.plan-summary span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.week-info{color:#ff6b9d!important}.plan-type{color:#3f5efb!important}.total-time{color:#2ed573!important}.workout-table-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:1200px;padding:1.5rem}.workout-table{display:flex;flex-direction:column;gap:1rem}.table-header{grid-gap:1rem;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;display:grid;font-size:.9rem;font-weight:600;gap:1rem;grid-template-columns:1.5fr 2fr 1fr 1.2fr 1fr;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.header-day,.header-duration,.header-status,.header-type,.header-workout{text-align:center}.workout-row{grid-gap:1rem;background:linear-gradient(135deg,#ffffff14,#ffffff0a 50%,#ffffff0f);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:grid;gap:1rem;grid-template-columns:1.5fr 2fr 1fr 1.2fr 1fr;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s ease}.workout-row:before{background:#3f5efb;background:var(--intensity-color,#3f5efb);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.workout-row:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14 50%,#ffffff1a);border-color:#fff3;box-shadow:0 8px 25px #0006;transform:translateY(-2px)}.workout-row:hover:before{width:8px}.workout-row.completed{background:linear-gradient(135deg,#2ed57326,#2ed57314 50%,#2ed5731f);border-color:#2ed5734d}.workout-row.pending{background:linear-gradient(135deg,#ffa50226,#ffa50214 50%,#ffa5021f);border-color:#ffa5024d}.workout-row.skipped{background:linear-gradient(135deg,#747d8c26,#747d8c14 50%,#747d8c1f);border-color:#747d8c4d}.day-cell,.duration-cell,.status-cell,.type-cell,.workout-cell{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;text-align:center}.day-name{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.day-date{color:#ffffffb3;font-size:.8rem;font-weight:500}.workout-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.workout-target{color:#fff9;font-size:.8rem;font-style:italic}.type-icon{font-size:1.5rem;margin-bottom:.25rem}.type-name{color:#fffc;font-size:.9rem;font-weight:500;text-transform:capitalize}.duration-time{color:#fff;font-size:1rem;font-weight:600}.intensity-level{font-size:.8rem;font-weight:500;text-transform:capitalize}.status-icon{font-size:1.2rem;margin-bottom:.25rem}.status-text{color:#fffc;font-size:.9rem;font-weight:500;text-transform:capitalize}.no-plan{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.no-plan-icon{font-size:4rem;margin-bottom:1rem}.no-plan h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.no-plan p{color:#ffffffb3;margin-bottom:2rem}.no-plan button{background:linear-gradient(135deg,#ff6b9d,#3f5efb);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.no-plan button:hover{box-shadow:0 8px 25px #ff6b9d66;transform:translateY(-2px)}.signin-required{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.signin-icon{font-size:4rem;margin-bottom:1rem}.signin-required h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.signin-required p{color:#ffffffb3;margin-bottom:2rem}.signin-required button{background:linear-gradient(135deg,#ff6b9d,#3f5efb);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.signin-required button:hover{box-shadow:0 8px 25px #ff6b9d66;transform:translateY(-2px)}.loading-container{padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#ff6b9d;border-radius:50%;height:40px;margin:0 auto 1rem;width:40px}.workout-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.workout-actions button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.workout-page{padding:1rem}.workout-header h1{font-size:1.8rem}.plan-summary{gap:1rem}.plan-summary span{font-size:.8rem;padding:.4rem .8rem}.workout-table-container{padding:1rem}.table-header{display:none}.workout-row{display:block;margin-bottom:1rem;padding:1.5rem}.day-cell,.duration-cell,.status-cell,.type-cell,.workout-cell{display:block;margin-bottom:1rem;text-align:left}.day-cell{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:1rem}.day-name{font-size:1.2rem;margin-bottom:.25rem}.workout-name{font-size:1.1rem;margin-bottom:.5rem}.workout-actions{align-items:center;flex-direction:column}.workout-actions button{max-width:300px;width:100%}}@media (min-width:769px) and (max-width:1023px){.table-header,.workout-row{grid-template-columns:1fr 2fr 1fr 1fr}.header-type,.type-cell{display:none}}@media (min-width:1024px){.workout-header h1{font-size:3rem}.workout-table-container{padding:2rem}.workout-row{padding:2rem 1rem}.workout-actions{gap:2rem}}.daily-workout-container{margin:0 auto;max-width:1200px;padding:1rem}.back-btn{margin-bottom:1rem}.workout-info-banner{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ff6b9d26,#3f5efb26);border:1px solid #ff6b9d4d;border-radius:16px;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.workout-day-badge{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:1rem}.workout-day-badge .day-name{color:#ff6b9d;font-size:1.2rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.workout-day-badge .day-date{color:#fffc;font-size:.9rem;margin-top:.25rem}.workout-details h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#3f5efb);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.workout-meta{gap:1.5rem}.workout-meta span{border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.type{color:#3f5efb!important}.status-completed{background:#2ed5731a!important;border-color:#2ed5734d!important;color:#2ed573!important}.status-pending{background:#ffa5021a!important;border-color:#ffa5024d!important;color:#ffa502!important}.exercises-table-container{margin-bottom:2rem}.exercises-table-container h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.exercises-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.exercise-card:hover{transform:translateY(-2px)}.exercise-header{align-items:center;gap:1rem}.exercise-number{align-items:center;background:linear-gradient(135deg,#ff6b9d,#3f5efb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.exercise-info{flex:1 1}.exercise-info h4{font-weight:600}.exercise-details{color:#fffc;font-size:.9rem;font-weight:500;margin:0}.exercise-status{flex-shrink:0}.complete-checkbox{align-items:center;background:none;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.complete-checkbox:hover{background:#2ed5731a;border-color:#2ed573;transform:scale(1.1)}.exercise-tips{background:#3f5efb1a;border:1px solid #3f5efb33;border-radius:8px;margin-top:1rem;padding:.75rem}.exercise-tips p{color:#ffffffe6;font-size:.85rem;font-style:italic;margin:0}.exercise-video{margin-top:1rem}.video-btn{background:linear-gradient(135deg,#ffa502,#ff6348);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.video-btn:hover{box-shadow:0 4px 15px #ffa50266;transform:translateY(-2px)}.workout-summary{display:flex;justify-content:center}.summary-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;min-width:300px;padding:2rem;text-align:center}.summary-card h4{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.summary-stats{display:flex;gap:1rem;justify-content:space-around}.stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:#ff6b9d;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#ffffffb3;font-size:.8rem;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}@media (max-width:768px){.workout-info-banner{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.workout-day-badge{min-width:auto}.workout-details h2{font-size:1.5rem}.workout-meta{gap:.5rem;justify-content:center}.workout-meta span{font-size:.8rem;padding:.4rem .8rem}.exercise-header{flex-direction:column;gap:.5rem;text-align:center}.exercise-number{align-self:center}.summary-stats{flex-direction:column;gap:1.5rem}.stat-number{font-size:1.5rem}}.daily-workout-page{background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:2rem 1rem}.workout-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.back-btn,.workout-header{align-items:center;display:flex}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.workout-title{flex:1 1;text-align:center}.workout-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#3f5efb);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.workout-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.workout-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.day-name{color:#ff6b9d!important}.workout-type{color:#3f5efb!important}.duration{color:#2ed573!important}.difficulty{color:#ffa502!important}.workout-progress{align-items:center;display:flex;flex-direction:column;gap:.5rem}.progress-circle{align-items:center;background:conic-gradient(#ff6b9d 0deg,#3f5efb 180deg,#fff3 1turn);border-radius:50%;display:flex;font-size:.9rem;font-weight:700;height:60px;justify-content:center;width:60px}.workout-time{color:#ffffffb3;font-size:.8rem;margin:0}.ai-notes{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3f5efb1a;border:1px solid #3f5efb4d;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:1rem}.ai-icon{flex-shrink:0;font-size:1.5rem}.ai-message{flex:1 1}.ai-message p{margin:0 0 .5rem}.ai-message p:last-child{margin-bottom:0}.motivational-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b9d26,#3f5efb26);border:1px solid #ff6b9d4d;border-radius:12px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:1rem;text-align:center}.motivational-banner p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#3f5efb);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:600;margin:0}.equipment-section{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.equipment-section h3{color:#fff;margin-bottom:1rem}.equipment-list{display:flex;flex-wrap:wrap;gap:.5rem}.equipment-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.timer-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.timer-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;min-width:250px;padding:2rem;text-align:center}.timer-card h3{color:#fff;margin-bottom:1rem}.timer-display{color:#ff6b9d;font-size:3rem;font-weight:700;margin-bottom:1rem}.skip-timer-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.skip-timer-btn:hover{background:#ffffff4d}.exercises-section{margin:0 auto 2rem;max-width:1200px}.exercises-section h3{color:#fff;margin-bottom:1.5rem}.exercises-list{display:flex;flex-direction:column;gap:1rem}.exercise-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.exercise-card:hover{background:#ffffff1f;border-color:#fff3}.exercise-card.completed{background:#2ed57326;border-color:#2ed5734d}.exercise-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.exercise-info h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.exercise-details{display:flex;flex-wrap:wrap;gap:1rem}.exercise-details span{background:#ffffff1a;border-radius:15px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.complete-btn{align-items:center;background:none;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.complete-btn:hover{border-color:#ffffff80;transform:scale(1.1)}.complete-btn.completed{background:#2ed57333;border-color:#2ed573}.exercise-instructions{background:#ffffff0d;border-left:4px solid #3f5efb;border-radius:8px;margin-bottom:1rem;padding:1rem}.exercise-instructions p{color:#ffffffe6;line-height:1.5;margin:0}.exercise-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.timer-btn{background:linear-gradient(135deg,#ffa502,#ff6348);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.timer-btn:hover{box-shadow:0 4px 15px #ffa50266;transform:translateY(-2px)}.timer-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.alternatives{flex:1 1;min-width:200px}.alternatives p{color:#ffffffb3;font-size:.9rem;margin:0}.no-exercises{color:#ffffffb3;padding:2rem;text-align:center}.workout-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1200px}.start-workout-btn{background:linear-gradient(135deg,#2ed573,#27ae60);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.start-workout-btn:hover{box-shadow:0 8px 25px #2ed57366;transform:translateY(-2px)}.finish-workout-btn{background:linear-gradient(135deg,#ff6b9d,#3f5efb);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.finish-workout-btn:hover{box-shadow:0 8px 25px #ff6b9d66;transform:translateY(-2px)}.ai-help-btn,.save-progress-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.ai-help-btn:hover,.save-progress-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.daily-workout-page{padding:1rem}.workout-header{align-items:stretch;flex-direction:column;text-align:center}.workout-title h1{font-size:1.5rem}.workout-meta{gap:.5rem}.workout-meta span{font-size:.7rem;padding:.2rem .5rem}.ai-notes{flex-direction:column;gap:.5rem}.exercise-header{flex-direction:column;gap:1rem}.exercise-details{gap:.5rem}.exercise-actions{flex-direction:column;gap:.5rem}.workout-actions{align-items:center;flex-direction:column}.workout-actions button{max-width:300px;width:100%}.timer-card{margin:1rem;min-width:auto}.timer-display{font-size:2rem}}@media (min-width:769px) and (max-width:1023px){.workout-actions{gap:1.5rem}}@media (min-width:1024px){.workout-title h1{font-size:2.5rem}.exercise-card{padding:2rem}.workout-actions{gap:2rem}}.trial-notice{background:linear-gradient(135deg,#00ff7f1a,#32cd320d);border:1px solid #00ff7f4d;border-radius:10px;margin:20px 0;padding:16px;text-align:center}.trial-info{align-items:center;color:#00ff7f;display:flex;font-size:16px;gap:8px;justify-content:center;margin-bottom:10px}.trial-icon{font-size:20px}.trial-notice p{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0}.checkout-btn{background:linear-gradient(135deg,#00ff7f,#32cd32);color:#000;font-size:16px;padding:16px 32px}.checkout-btn:hover{background:linear-gradient(135deg,#32cd32,#00ff7f);box-shadow:0 8px 25px #00ff7f66;transform:translateY(-2px)}.checkout-page{background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:80px 20px 40px}.checkout-container{margin:0 auto;max-width:1200px}.checkout-header{margin-bottom:40px;text-align:center}.checkout-header h1{color:gold;font-size:32px;font-weight:700;margin-bottom:10px}.checkout-header p{color:#fffc;font-size:16px}.checkout-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.order-summary{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:30px}.order-summary h2{color:gold;font-size:24px;margin-bottom:20px}.plan-summary{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.plan-info h3{font-size:20px;margin-bottom:5px}.plan-info p{color:#fffc;font-size:14px}.plan-pricing{text-align:right}.price{font-size:28px;font-weight:700}.period,.price{color:#fff!important}.period{font-size:16px;font-weight:500}.pricing-breakdown{margin:20px 0}.line-item{color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 0}.line-item.total{border-top:1px solid #ffffff1a;color:gold;font-size:18px;font-weight:700;margin-top:15px;padding-top:15px}.plan-features{margin-top:20px}.plan-features h4{color:gold;margin-bottom:10px}.plan-features ul{list-style:none;padding:0}.plan-features li{font-size:14px;padding:4px 0}.payment-form{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:30px}.payment-form h2{color:gold;font-size:24px;margin-bottom:20px}.admin-notice{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;margin-bottom:20px;padding:15px}.admin-notice h4{color:#ff6b6b;margin-bottom:5px}.payment-method h3{font-size:18px;margin-bottom:15px}.payment-options{margin-bottom:20px}.payment-option{align-items:center;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:15px}.payment-option.selected{background:#ffd7001a;border-color:gold}.payment-icon{font-size:20px}.form-group{margin-bottom:20px}.form-group label{color:#ffffffe6;display:block;font-weight:500;margin-bottom:5px}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;padding:12px 15px;width:100%}.form-group input:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70033;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 1fr}.security-notice{align-items:center;color:#fffc;display:flex;font-size:14px;gap:8px;margin:20px 0}.security-icon{font-size:16px}.checkout-btn{background:linear-gradient(135deg,gold,#ffb347);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.checkout-btn:hover:not(:disabled){box-shadow:0 10px 30px #ffd70066;transform:translateY(-2px)}.checkout-btn:disabled{cursor:not-allowed;opacity:.7}.checkout-btn.processing{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.back-btn{background:none;border:none;color:#fffc;cursor:pointer;font-size:14px;padding:0}.back-btn:hover{color:#fff}.success-content{margin:0 auto;max-width:600px}.checkmark{animation:bounce .6s ease-in-out;font-size:80px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.success-content h1{color:#10b981;font-size:36px;margin-bottom:10px}.test-mode-notice{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#ff6b6b;margin:20px 0;padding:10px}.success-details{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;margin:30px 0;padding:30px}.subscription-details{margin:20px 0}.detail-item{border-bottom:1px solid #ffffff1a;padding:8px 0}.label{color:#fffc}.value{color:gold;font-weight:600}.next-steps{margin:20px 0}.next-steps h3{color:gold;margin-bottom:15px}.next-steps ul{list-style:none;padding:0;text-align:left}.next-steps li{padding:5px 0}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.primary-btn,.secondary-btn{border-radius:8px;padding:12px 24px}.primary-btn{background:linear-gradient(135deg,gold,#ffb347);color:#1a1a2e}.secondary-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.primary-btn:hover{box-shadow:0 10px 30px #ffd70066}.secondary-btn:hover{background:#fff3}@media (max-width:768px){.checkout-content{gap:20px}.checkout-content,.form-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}.checkout-header h1{font-size:24px}.success-content h1{font-size:28px}.checkmark{font-size:60px}}.success-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-container{max-width:600px;width:100%}.success-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center}.success-icon{margin-bottom:30px}.checkmark{margin:0 auto}.checkmark,.checkmark-circle{height:80px;position:relative;width:80px}.checkmark-circle{animation:scaleIn .3s ease-in-out;background:#4caf50;border-radius:50%}.checkmark-stem{animation:drawStem .3s ease-in-out .3s both;height:20px;left:35px;top:30px;transform:rotate(45deg)}.checkmark-kick,.checkmark-stem{background:#fff;position:absolute;width:3px}.checkmark-kick{animation:drawKick .3s ease-in-out .6s both;height:12px;left:30px;top:38px;transform:rotate(-45deg)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes drawStem{0%{height:0}to{height:20px}}@keyframes drawKick{0%{height:0}to{height:12px}}.loading-success{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #667eea1a;border-left-color:#667eea;border-radius:50%;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:15px}.success-subtitle{color:#7f8c8d;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.subscription-details{background:#667eea1a;border-radius:15px;margin:30px 0;padding:25px;text-align:left}.subscription-details h3{color:#2c3e50;font-size:1.3rem;margin-bottom:20px;text-align:center}.detail-item{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:10px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#34495e;font-weight:600}.detail-item .value{color:#2c3e50;font-weight:500}.detail-item .value.active{color:#27ae60;font-weight:700}.whats-next{margin:30px 0;text-align:left}.whats-next h3{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;text-align:center}.whats-next ul{list-style:none;padding:0}.whats-next li{color:#34495e;font-size:1.1rem;padding:8px 0}.success-actions{display:flex;gap:15px;margin-top:30px}.primary-btn,.secondary-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.secondary-btn{background:#667eea1a;border:2px solid #667eea;color:#667eea}.secondary-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.debug-info{background:#0000000d;border-radius:5px;font-family:monospace;margin-top:20px;padding:10px}@media (max-width:768px){.success-content{padding:30px 20px}.success-title{font-size:2rem}.success-subtitle{font-size:1.1rem}.success-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}.legal-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);font-family:Tajawal,Arial,sans-serif;min-height:100vh;padding:80px 20px 40px}.legal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;margin:0 auto;max-width:900px;padding:40px}.legal-header{border-bottom:2px solid #ffffff1a;margin-bottom:40px;padding-bottom:20px;text-align:center}.legal-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.last-updated{color:#ffffffb3;font-size:.9rem;font-style:italic}.legal-section{margin-bottom:50px}.legal-section h2{border-bottom:1px solid #4ecdc44d;color:#4ecdc4;font-size:1.8rem;font-weight:600;margin-bottom:30px;padding-bottom:10px}.arabic-section{direction:rtl;text-align:right}.english-section{direction:ltr;text-align:left}.legal-item{background:#ffffff08;border-left:4px solid #ff6b6b;border-radius:12px;margin-bottom:30px;padding:20px;transition:all .3s ease}.arabic-section .legal-item{border-left:none;border-right:4px solid #ff6b6b}.legal-item:hover{background:#ffffff0d;transform:translateY(-2px)}.legal-item h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;margin-bottom:15px}.legal-item h4{color:#4ecdc4;font-size:1.1rem;font-weight:500;margin-bottom:10px;margin-top:15px}.legal-item p{color:#ffffffd9;font-size:1rem;line-height:1.7;margin-bottom:15px}.legal-item ul{margin:15px 0;padding-left:20px}.arabic-section .legal-item ul{padding-left:0;padding-right:20px}.legal-item li{color:#fffc;line-height:1.6;margin-bottom:8px;position:relative}.legal-item li::marker{color:#4ecdc4}.legal-item strong{color:#ff6b6b;font-weight:600}.legal-footer{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:30px;text-align:center}.legal-footer p{color:#fff9;font-size:.9rem}@media (max-width:768px){.legal-container{padding:60px 15px 30px}.legal-content{border-radius:15px;padding:25px}.legal-header h1{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-item h3{font-size:1.2rem}.legal-item{padding:15px}}@media (max-width:480px){.legal-header h1{font-size:1.7rem}.legal-section h2{font-size:1.3rem}.legal-item h3{font-size:1.1rem}.legal-item li,.legal-item p{font-size:.95rem}}@media print{.legal-container{background:#fff;color:#000}.legal-content{background:#fff;border:1px solid #ccc;box-shadow:none}.legal-header h1,.legal-item h3,.legal-section h2{color:#000}.legal-item{background:#fff;border-left:4px solid #333}.arabic-section .legal-item{border-left:none;border-right:4px solid #333}.legal-item li,.legal-item p{color:#000}}.legal-item:focus-within{outline:2px solid #4ecdc4;outline-offset:2px}html{scroll-behavior:smooth}.legal-content::-webkit-scrollbar{width:8px}.legal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.legal-content::-webkit-scrollbar-thumb{background:#4ecdc480;border-radius:4px}.legal-content::-webkit-scrollbar-thumb:hover{background:#4ecdc4b3}
/*# sourceMappingURL=main.8f14ed4d.css.map*/