.splash-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#e4db7c;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.logo-container{width:55vw;max-width:600px;max-height:286px;object-fit:contain}.welcome-container{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;background-color:#e4db7c;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border-radius:0 0 45px 45px;box-shadow:0 7px 4px #8a4c7d}.welcome-logo{margin-top:87px;width:55vw;max-width:600px;max-height:286px;object-fit:contain}.welcome-text{margin-top:calc(20px + 2.5vh);font-family:Lato;font-size:var(--font-size-2xl);font-weight:400;font-style:normal;color:var(--dark-teal);margin-bottom:10px;text-align:center;width:310px}.start-button{font-family:Lato;font-weight:300;font-size:var(--font-size-xl);align-self:flex-end;color:var(--light-yellow);margin-bottom:25vh;padding:20px 30px;background-color:var(--dark-pink);border-radius:8px;box-shadow:0 4px 4px #00000040;border:1px solid transparent}.background-pink{width:100vw;height:100vh;background-color:#ffc0d9;display:flex;justify-content:center}@media screen and (max-height: 768px){.welcome-text{margin-top:10px}.start-button{margin-bottom:20vh}}#home.page-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--dark-pink);padding-top:8vh;overflow:hidden}#home .page-header{display:flex;align-items:center;justify-content:flex-start;padding:0 20px 20px}#home .page-title{margin-left:20px}#home .page-header h3{color:var(--light-yellow);font-family:Outfit,sans-serif;font-size:var(--font-size-3xl);font-weight:500;line-height:28px;letter-spacing:.3px;margin:0}#home .page-header h1{color:var(--light-yellow);font-family:Lato,sans-serif;font-size:var(--font-size-5xl);font-weight:500;line-height:1.2;letter-spacing:.3px;margin-top:5px}#home .header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}#home .page-header .info{display:flex;width:45px;height:45px;padding:10px;justify-content:center;align-items:center;border-radius:50%;background:var(--dark-teal)}#home .page-header .info span{color:var(--light-yellow);font-family:Outfit,sans-serif;font-size:var(--font-size-2xl);font-weight:500}#home .logout-button{display:flex;width:45px;height:45px;padding:10px;justify-content:center;align-items:center;border-radius:50%;background:var(--dark-teal);border:none;cursor:pointer;transition:all .2s ease}#home .logout-button:hover{background:#3e5a6e;transform:translateY(-1px)}#home .logout-button:active{transform:translateY(0)}#home .logout-button svg{color:var(--light-yellow)}#home .navigation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px;margin:0 auto 30px;width:100%;max-width:650px}#home .nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#2f4858;padding:24px;border-radius:20px;border:none;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 6px #0000001a}#home .nav-button:hover{transform:translateY(-2px)}#home .nav-button img{width:56px;height:56px;margin-bottom:12px;filter:brightness(1.1)}#home .nav-button span{color:var(--light-yellow);font-family:Outfit,sans-serif;font-size:var(--font-size-base);font-weight:500;text-align:center}#home .content-container{display:flex;padding:25px;flex-direction:column;align-items:center;border-radius:30px 30px 0 0;background-color:var(--light-pink);margin-top:auto;flex-grow:1;gap:25px;box-shadow:0 -7px 4px #00000040}#home .content-container h2{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-4xl);font-weight:500;margin:10px 0 15px;letter-spacing:.18px}.measurement-box{width:100%;max-width:650px;background-color:var(--light-yellow);border-radius:20px;padding:25px;box-shadow:0 2px 8px #0000001a}.measurement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.measurement-header h3{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-4xl);font-weight:500}.measure-button{background-color:var(--dark-pink);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-family:Outfit,sans-serif;font-size:var(--font-size-xl);font-weight:500;cursor:pointer;transition:all .3s ease}.measure-button:hover{background-color:var(--dark-teal);transform:translateY(-2px)}.measurement-content{display:flex;justify-content:space-between;background-color:#fff;border-radius:16px;padding:20px}.arm-section{flex:1;padding:15px}.arm-section h4{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-2xl);font-weight:500;margin-bottom:15px}.arm-divider{width:2px;background-color:var(--light-pink);margin:0 20px}.measurement-data{display:flex;flex-direction:column;gap:12px}.measurement-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.measurement-item:hover,.measurement-item.selected{background-color:var(--light-pink)}.measurement-label{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-xl)}.measurement-value-container{position:relative;display:flex;align-items:center}.measurement-value{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-xl);font-weight:600}.measurement-date-tooltip{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--dark-pink);color:#fff;padding:10px 15px;border-radius:8px;font-size:var(--font-size-base);white-space:nowrap;z-index:100;margin-top:8px;box-shadow:0 2px 4px #0000001a;animation:fadeIn .2s ease-in-out}.no-data{color:#888;font-family:Outfit,sans-serif;font-size:var(--font-size-base);font-style:italic;text-align:center;padding:10px}.loading{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-2xl);text-align:center;padding:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.measurement-date-tooltip:before{content:"";position:absolute;top:-6px;right:15px;width:12px;height:12px;background-color:var(--dark-pink);transform:rotate(45deg)}.notification-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000026;width:90%;max-width:400px;z-index:1000}.prompt-content{text-align:center}.prompt-content h3{margin-bottom:10px;color:#2f4858}.prompt-content p{margin-bottom:20px;color:#666}.prompt-buttons{display:flex;gap:10px;justify-content:center}.enable-button{background-color:#8a4c7d;color:#fff;padding:10px 20px;border-radius:6px;border:none;font-weight:500}.maybe-later-button{background-color:transparent;color:#666;padding:10px 20px;border-radius:6px;border:1px solid #ddd}@media (max-width: 768px){#home .navigation-grid{gap:15px;padding:0 15px}#home .nav-button{padding:20px}#home .nav-button img{width:48px;height:48px;margin-bottom:10px}#home .nav-button span{font-size:var(--font-size-sm)}#home .page-header h3{font-size:var(--font-size-xl)}#home .page-header h1{font-size:var(--font-size-4xl)}#home .page-header .profile-pic{min-width:70px}#home .page-header .info{min-width:45px;min-height:45px;padding:0;display:flex;justify-content:center;align-items:center}#home .logout-button{min-width:45px;min-height:45px;padding:0}#home .header-actions{gap:8px}#home .content-container{padding:18px}.measurement-box{padding:20px}.measurement-content{flex-direction:column}.arm-divider{height:2px;width:100%;margin:20px 0}.measurement-header h3{font-size:var(--font-size-3xl)}.measurement-label,.measurement-value{font-size:var(--font-size-lg)}.measure-button{font-size:var(--font-size-base);padding:10px 20px}.arm-section h4{font-size:var(--font-size-xl)}}@media (max-width: 480px){#home .navigation-grid{gap:12px;padding:0 12px}#home .nav-button{padding:16px}#home .nav-button img{width:40px;height:40px;margin-bottom:8px}#home .nav-button span{font-size:var(--font-size-xs)}#home .logout-button,#home .page-header .info{width:40px;height:40px;min-width:40px;min-height:40px}#home .logout-button svg{width:18px;height:18px}#home .page-header .info span{font-size:var(--font-size-lg)}#home .header-actions{gap:6px}.measurement-date-tooltip{position:absolute;bottom:auto;left:auto;transform:none;top:calc(100% + 8px);right:0;margin-top:0;z-index:100}.measurement-date-tooltip:before{display:block;top:-6px;right:15px}#home .page-header{padding:0 15px 15px}#home .content-container h2{font-size:var(--font-size-2xl)}}@media (hover: none){.measurement-item:hover{background-color:transparent}.measurement-item:active{background-color:var(--light-pink)}#home .nav-button:hover{transform:none}#home .nav-button:active{transform:scale(.98)}.measure-button:hover{transform:none}.measure-button:active{transform:scale(.98)}}@media (max-width: 320px){#home .nav-button{padding:12px}#home .nav-button img{width:36px;height:36px;margin-bottom:6px}#home .nav-button span{font-size:var(--font-size-xs)}.measurement-box,.measurement-content{padding:15px}}@media print{#home .navigation-grid,.measure-button{display:none}.measurement-item{break-inside:avoid}#home .content-container{box-shadow:none}}@media (prefers-contrast: high){#home .nav-button{border:2px solid var(--light-yellow)}.measurement-item{border:1px solid var(--dark-teal)}}@media (prefers-reduced-motion: reduce){#home .nav-button,.measurement-item,.measurement-date-tooltip{transition:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.profile-section{position:relative;cursor:pointer}.profile-pic{width:70px;height:70px;border-radius:70px;border:3px solid #000;background:#d3d3d3 50% / cover no-repeat;overflow:hidden}.profile-pic img{width:100%;height:100%;object-fit:cover}.profile-dropdown{position:absolute;top:calc(100% + 10px);left:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;min-width:150px;z-index:1000;border:1px solid #ddd}.dropdown-item{padding:12px 16px;cursor:pointer;transition:background-color .2s;color:#000;font-size:var(--font-size-base)}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px;border-top:1px solid #ddd}.dropdown-item:hover{background-color:#f5f5f5}.page-title{flex-grow:1}.page-title h3{margin:0;font-weight:400}.page-title h1{margin:0}.info{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sign-out-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.sign-out-confirmation{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%}.sign-out-confirmation h2{margin:0 0 16px;color:#2f4858;font-size:var(--font-size-xl)}.sign-out-confirmation p{margin:0 0 24px;color:#4a5568;font-size:var(--font-size-sm);line-height:1.5}.confirmation-buttons{display:flex;flex-direction:column;gap:12px}.confirmation-buttons button{padding:12px;border:none;border-radius:6px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.save-button{background-color:#8a4c7d;color:#fff}.save-button:hover{background-color:#7a3d6d}.discard-button{background-color:#dc3545;color:#fff}.discard-button:hover{background-color:#c82333}.cancel-button{background-color:#e2e8f0;color:#2f4858}.cancel-button:hover{background-color:#cbd5e0}.sign-out-button{background-color:#8a4c7d;color:#fff}.sign-out-button:hover{background-color:#7a3d6d}@media (max-width: 480px){.sign-out-confirmation{width:85%;padding:20px}.sign-out-confirmation h2{font-size:var(--font-size-lg)}.sign-out-confirmation p{font-size:var(--font-size-xs)}.confirmation-buttons button{padding:10px;font-size:var(--font-size-xs)}}.sign-out-confirmation{animation:slideIn .3s ease-out}.confirmation-buttons button:disabled{opacity:.6;cursor:not-allowed}.confirmation-buttons button:focus{outline:none;box-shadow:0 0 0 3px #8a4c7d4d}.save-button:active,.sign-out-button:active{background-color:#6a2d5d}.discard-button:active{background-color:#b82333}.cancel-button:active{background-color:#bdc5d0}#signIn.container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;width:100%;background-color:var(--light-pink);position:relative;overflow:hidden;z-index:0}#signIn .largeCircle{position:absolute;top:-350px;left:-350px;width:700px;height:700px;border-radius:50%;background:var(--dark-pink);box-shadow:0 4px 4px #00000040;z-index:1}#signIn .smallCircle{position:absolute;bottom:-200px;right:-200px;width:459px;height:435px;border-radius:50%;background:#fff;box-shadow:0 4px 4px #00000040;z-index:1}#signIn .content{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90vw;max-width:332px;position:relative;z-index:2}#signIn .content form{margin-top:69px;display:flex;padding:0 14px 10px 15px;flex-direction:column;align-items:flex-start;gap:39px;align-self:stretch}#signIn .content form div{align-self:stretch}#signIn .content form input{box-sizing:border-box;padding:0 30px;font-family:Outfit;font-size:var(--font-size-2xl);max-width:100%;height:60px;border-radius:20px;background:#0003;border:none}#signIn .content form input::placeholder{font-family:Outfit;font-size:var(--font-size-2xl);font-weight:300;font-style:normal;color:#fff;font-weight:400}#signIn .button-submit{display:flex;justify-content:space-between;align-items:center;align-self:stretch}#signIn .button-submit p{color:#000;font-family:Lato;font-size:var(--font-size-5xl);font-style:normal;font-weight:400;line-height:normal}#signIn .button-submit button{width:64px;height:64px;border-radius:50%;background:var(--dark-pink);padding:23px 18px;border:none}#signIn .linkToSignUp{align-self:flex-end}#signIn .linkToSignUp p{color:#000;font-family:Outfit;font-size:var(--font-size-xl);font-style:normal;font-weight:400;line-height:normal}#signIn .linkToSignUp a{color:#000;font-family:Outfit;font-size:var(--font-size-xl);font-style:normal;font-weight:700;line-height:normal;text-decoration:none}#signIn .error,#signIn .field-error{background-color:#ffc0d94d;border:2px solid var(--dark-pink);border-radius:10px;padding:8px 12px;margin-top:8px;width:100%;box-sizing:border-box}#signIn .error p,#signIn .field-error{color:var(--dark-teal);font-family:Lato,sans-serif;font-size:var(--font-size-sm);font-weight:600;margin:0;text-align:left}#signIn .error p:before,#signIn .field-error:before{content:"⚠ ";color:var(--dark-pink)}#signIn .forgot-link{width:100%;text-align:right;margin:-20px 0 10px}#signIn .forgot-link a{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:1rem;text-decoration:none}#signIn .forgot-link a:hover{text-decoration:underline}@media screen and (max-height: 750px){#signIn .largeCircle{top:-325px;width:600px;height:600px}#signIn .smallCircle{bottom:-150px;width:400px;height:400px}#signIn .content{width:75vw}#signIn .content form{margin-top:20px;gap:20px}#signIn .content h1{font-size:var(--font-size-6xl)}#signIn .linkToSignUp p{margin-bottom:5px}}@media screen and (min-width: 650px){#signIn .content h1{color:#000}}#signUp.container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;width:100%;background-color:var(--light-pink);position:relative;overflow:hidden;z-index:0}#signUp .largeCircle{position:absolute;top:-350px;left:-350px;width:700px;height:700px;border-radius:50%;background:var(--dark-pink);box-shadow:0 4px 4px #00000040;z-index:1}#signUp .smallCircle{position:absolute;bottom:-200px;right:-200px;width:459px;height:435px;border-radius:50%;background:#fff;box-shadow:0 4px 4px #00000040;z-index:1}#signUp .content{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90vw;max-width:332px;position:relative;z-index:2}.content h1{align-self:stretch;text-align:left;color:#f9f9e0;font-family:Lato;font-size:var(--font-size-display);font-style:normal;font-weight:700;line-height:normal}#signUp .content form{margin-top:69px;display:flex;padding:0 14px 10px 15px;flex-direction:column;align-items:flex-start;gap:39px;align-self:stretch}#signUp .content form div{align-self:stretch}#signUp .content form input{box-sizing:border-box;padding:0 30px;font-family:Outfit;font-size:var(--font-size-2xl);max-width:100%;height:60px;border-radius:20px;background:#0003;border:none}#signUp .content form input::placeholder{font-family:Outfit;font-size:var(--font-size-2xl);font-weight:300;font-style:normal;color:#fff;font-weight:400}#signUp .button-submit{display:flex;justify-content:space-between;align-items:center;align-self:stretch}#signUp .button-submit p{color:#000;font-family:Lato;font-size:var(--font-size-5xl);font-style:normal;font-weight:400;line-height:normal}#signUp .button-submit button{width:64px;height:64px;border-radius:50%;background:var(--dark-pink);padding:23px 18px;border:none}#signUp .linkToSignIn{align-self:flex-end}#signUp .linkToSignIn p{color:#000;font-family:Outfit;font-size:var(--font-size-xl);font-style:normal;font-weight:400;line-height:normal}#signUp .linkToSignIn a{color:#000;font-family:Outfit;font-size:var(--font-size-xl);font-style:normal;font-weight:700;line-height:normal;text-decoration:none}#signUp .error,#signUp .field-error{background-color:#ffc0d94d;border:2px solid var(--dark-pink);border-radius:10px;padding:8px 12px;margin-top:8px;width:100%;box-sizing:border-box}#signUp .error p,#signUp .field-error{color:var(--dark-teal);font-family:Lato,sans-serif;font-size:var(--font-size-sm);font-weight:600;margin:0;text-align:left}#signUp .error p:before,#signUp .field-error:before{content:"⚠ ";color:var(--dark-pink)}@media screen and (max-height: 750px){#signUp .largeCircle{top:-325px;width:600px;height:600px}#signUp .smallCircle{bottom:-150px;width:400px;height:400px}#signUp .content{width:75vw}#signUp .content form{margin-top:20px;gap:20px}#signUp .content h1{font-size:var(--font-size-6xl)}#signUp .linkToSignIn p{margin-bottom:5px}}@media screen and (min-width: 650px){#signUp .content h1{color:#000}}#getStarted.container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:var(--light-pink);position:relative;overflow:hidden;z-index:0}#getStarted .largeCircle{position:absolute;top:-350px;left:-350px;width:700px;height:700px;border-radius:50%;background:var(--dark-pink);box-shadow:0 4px 4px #00000040;z-index:1}#getStarted .smallCircle{position:absolute;bottom:-200px;right:-200px;width:459px;height:435px;border-radius:50%;background:#fff;box-shadow:0 4px 4px #00000040;z-index:1}#getStarted .content{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:600px;position:relative;z-index:2;padding:30px;background-color:#ffffffe6;border-radius:20px;box-shadow:0 4px 6px #0000001a}#getStarted .content h1{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}#getStarted .content p{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-2xl);line-height:1.6;margin-bottom:30px;text-align:center}#getStarted .measurement-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin:15px 0}#getStarted .measurement-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:var(--dark-pink);color:var(--light-yellow);border:none;border-radius:12px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}#getStarted .measurement-buttons button:hover{background-color:var(--dark-teal);transform:translateY(-2px)}#getStarted .measurement-buttons button img{width:40px;height:40px}#getStarted .measurement-buttons button span{margin-left:6px}#getStarted .navigation-buttons{display:flex;justify-content:space-between;width:100%;margin-top:30px}#getStarted .navigation-buttons button{background-color:var(--dark-pink);color:var(--light-yellow);border:none;padding:10px 20px;border-radius:5px;font-family:Lato,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}#getStarted .navigation-buttons button:hover{background-color:var(--dark-teal)}#getStarted .page-indicator{display:flex;justify-content:center;margin-top:20px}#getStarted .page-indicator span{width:10px;height:10px;background-color:var(--soft-yellow);border-radius:50%;margin:0 5px}#getStarted .page-indicator span.active{background-color:var(--dark-pink)}@media screen and (max-width: 600px){#getStarted .content{padding:20px}#getStarted .content h1{font-size:1.5rem}#getStarted .content p{font-size:var(--font-size-lg)}#getStarted .measurement-buttons{grid-template-columns:1fr;gap:8px}#getStarted .measurement-buttons button{padding:10px}#getStarted .measurement-buttons button img{width:36px;height:36px}#getStarted .largeCircle{top:-325px;width:600px;height:600px}#getStarted .smallCircle{bottom:-150px;width:400px;height:400px}}#verifyEmail.container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;width:100%;background-color:var(--light-pink);position:relative;overflow:hidden;z-index:0}#verifyEmail .largeCircle{position:absolute;top:-350px;left:-350px;width:700px;height:700px;border-radius:50%;background:var(--dark-pink);box-shadow:0 4px 4px #00000040;z-index:1}#verifyEmail .smallCircle{position:absolute;bottom:-200px;right:-200px;width:459px;height:435px;border-radius:50%;background:#fff;box-shadow:0 4px 4px #00000040;z-index:1}#verifyEmail .content{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:400px;position:relative;z-index:2;padding:20px}#verifyEmail .content h1{align-self:stretch;text-align:center;color:#f9f9e0;font-family:Lato,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem}#verifyEmail .content p{color:#000;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:400;text-align:center;margin:1rem 0}#verifyEmail .code-form{width:100%;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}#verifyEmail .code-inputs{display:flex;justify-content:space-between;width:100%;max-width:360px}#verifyEmail .code-input{width:14%;aspect-ratio:1 / 1;font-family:Outfit,sans-serif;font-size:1.5rem;border-radius:10px;background:#0003;border:none;text-align:center}#verifyEmail .button-submit{width:100%;max-width:360px}#verifyEmail .button-submit button{width:100%;height:50px;border-radius:10px;background:var(--dark-pink);color:#fff;font-family:Lato,sans-serif;font-size:1.2rem;border:none;cursor:pointer}#verifyEmail .button-submit button:hover{background:var(--dark-teal)}#verifyEmail .resend-section{margin-top:2rem;width:100%;max-width:360px;text-align:center}#verifyEmail .resend-section p{color:#000;font-family:Outfit,sans-serif;font-size:1rem;margin-bottom:1rem}#verifyEmail .resend-button{width:100%;height:50px;border-radius:10px;background:var(--light-pink);color:var(--dark-pink);font-family:Lato,sans-serif;font-size:1.2rem;border:2px solid var(--dark-pink);cursor:pointer;transition:all .3s ease}#verifyEmail .resend-button:hover{background:var(--dark-pink);color:#fff}#verifyEmail .resend-button:disabled{background:#ccc;border-color:#999;color:#666;cursor:not-allowed}@media screen and (max-height: 750px){#verifyEmail .largeCircle{top:-325px;width:600px;height:600px}#verifyEmail .smallCircle{bottom:-150px;width:400px;height:400px}#verifyEmail .content h1{font-size:2rem}#verifyEmail .content p{font-size:1rem}#verifyEmail .code-input{font-size:1.2rem}#verifyEmail .button-submit button,#verifyEmail .resend-button{font-size:1rem;height:40px}}@media screen and (min-width: 650px){#verifyEmail .content h1{color:#000}}#range-of-motion.page-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#8a4c7d;padding-top:8vh}#range-of-motion .page-header{display:flex;align-items:center;justify-content:flex-start;padding:15px}.page-header h1{color:var(--light-yellow);font-family:Lato,sans-serif;font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;letter-spacing:.3px}#range-of-motion .content-container{display:flex;padding:20px;flex-direction:column;align-items:center;border-radius:30px 30px 0 0;background-color:var(--light-pink);margin-top:auto;box-shadow:0 -7px 4px #00000040;gap:20px;overflow-y:auto;flex-grow:1}#range-of-motion .content-container:after{content:"";display:block;height:60px}.rom-components{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px}.measurement-actions{display:flex;gap:10px;justify-content:center;width:100%;padding:20px 0}.save-all,.reset{padding:12px 20px;border:none;border-radius:15px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease}.global-warning-message{color:#c00;background-color:#ffe0e0;padding:15px;border-radius:8px;text-align:center;margin:15px 0;font-weight:500;font-family:Outfit,sans-serif;border:2px solid #ff4d4d;animation:warningPulse 2s infinite;box-shadow:0 4px 8px #ff4d4d33}.rom-component{background-color:var(--rom-primary-bg);border-radius:var(--rom-border-radius);padding:var(--rom-spacing-medium);width:100%;transition:var(--rom-transition-standard);box-shadow:0 2px 8px #0000001a}.rom-component:hover{box-shadow:0 4px 16px #00000026}.rom-component.rom-yellow{background-color:var(--rom-primary-bg)}.rom-component.rom-yellow .rom-header h3,.rom-component.rom-yellow .angle{color:var(--rom-primary-text)}.rom-component.rom-purple{background-color:var(--rom-secondary-bg)}.rom-component.rom-purple .rom-header h3,.rom-component.rom-purple .angle{color:var(--rom-secondary-text)}.rom-component.rom-yellow .measurement-buttons button{background-color:var(--rom-primary-button);transition:var(--rom-transition-standard);transform:scale(1)}.rom-component.rom-yellow .measurement-buttons button:hover{background-color:var(--rom-primary-button-hover)}.validation-indicator{margin-left:8px;display:inline-flex;align-items:center;vertical-align:middle}.validation-indicator.warning{color:#f39c12}.validation-indicator.caution{color:#3498db}.validation-indicator.error{color:#e74c3c}.validation-info{margin-top:8px;padding:10px 12px;border-radius:8px;font-size:var(--font-size-xs);line-height:1.3}.validation-info.warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.validation-info.caution{background-color:#e2f3ff;border:1px solid #bee5eb;color:#0c5460}.validation-info.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.validation-info p{margin:0;font-family:Outfit,sans-serif}.rom-component.rom-yellow .measurement-buttons button:focus{outline:2px solid var(--rom-primary-text);outline-offset:2px}.rom-component.rom-purple .measurement-buttons button{background-color:var(--rom-secondary-button);transition:var(--rom-transition-standard);transform:scale(1)}.rom-component.rom-purple .measurement-buttons button:hover{background-color:var(--rom-secondary-button-hover)}.rom-component.rom-purple .measurement-buttons button:focus{outline:2px solid var(--rom-secondary-text);outline-offset:2px}.rom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--rom-spacing-medium);padding-bottom:var(--rom-spacing-small);border-bottom:1px solid rgba(0,0,0,.1)}.rom-header h3{font-family:Outfit,sans-serif;font-size:var(--font-size-lg);font-weight:600;margin:0;transition:var(--rom-transition-fast)}.max-angle{color:#666;font-size:var(--font-size-sm);font-weight:500;background-color:#ffffffb3;padding:4px 8px;border-radius:var(--rom-border-radius-small)}.media-section{margin:15px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.media-container{width:213px;height:190px;flex-shrink:0;border:1px solid #000;border-radius:8px;overflow:hidden}.media-placeholder{position:relative;width:100%;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.media-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:8px}.measurements-display{min-height:50px;padding:var(--rom-spacing-small) 0}.measurement-display{background-color:var(--rom-content-overlay);padding:var(--rom-spacing-medium);border-radius:var(--rom-border-radius-small);margin-bottom:var(--rom-spacing-medium);transition:var(--rom-transition-fast);border:1px solid rgba(255,255,255,.8)}.measurement-display:hover{background-color:#ffffffb3}.angle{font-weight:600;margin:0;font-size:var(--font-size-base)}.previous-measurement{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-sm);margin:5px 0;font-style:italic}.warning-alert{margin-top:12px;padding:15px;background-color:#ffe0e0;border:3px solid #ff4d4d;border-radius:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;box-shadow:0 4px 8px #ff4d4d33;animation:warningPulse 2s infinite}.warning-content{flex:1}.warning-title{color:#c00;font-family:Outfit,sans-serif;font-size:var(--font-size-lg);font-weight:700;margin:0 0 8px;text-transform:uppercase}.warning-message{color:#c00;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);line-height:1.4;margin:0 0 12px;font-weight:500}.save-all.disabled{background-color:#ccc;cursor:not-allowed;position:relative}.save-all.disabled:hover:after{content:attr(title);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:var(--font-size-sm);white-space:nowrap;z-index:1}.warning-message{color:#c00;background-color:#ffe0e0;padding:12px;border-radius:8px;text-align:center;margin-top:10px;font-weight:500;animation:warningPulse 2s infinite}.acknowledge-button{background-color:#c00;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.acknowledge-button:hover{background-color:#900;transform:scale(1.05)}.close-warning{background:#fffffff2;border:2px solid #cc0000;padding:8px;color:#c00;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.close-warning:hover{color:#900;background-color:#fff;border-color:#900;transform:scale(1.05);box-shadow:0 4px 12px #00000040}.thumbnail-container{position:relative;width:100%;max-width:600px;margin:var(--rom-spacing-large) auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:pointer;transition:var(--rom-transition-standard);box-shadow:0 4px 12px #00000026}.thumbnail-container:hover{box-shadow:0 6px 20px #0003}.video-thumbnail{width:100%;height:100%;object-fit:cover;transition:var(--rom-transition-standard)}.thumbnail-container:hover .video-thumbnail{transform:scale(1.05)}@keyframes warningPulse{0%{box-shadow:0 4px 8px #ff4d4d33}50%{box-shadow:0 4px 12px #ff4d4d66}to{box-shadow:0 4px 8px #ff4d4d33}}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border:none;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--rom-transition-standard);opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.thumbnail-container:hover .play-button{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.play-button:hover{transform:translate(-50%,-50%) scale(1.15)}.play-icon{color:#fff;margin-left:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.timestamp{color:#666;font-size:var(--font-size-xs);margin:5px 0 0}.no-measurements{color:#666;text-align:center;font-style:italic;margin:0}.measurement-buttons{display:flex;gap:var(--rom-spacing-small);margin-top:var(--rom-spacing-medium)}.measurement-buttons button{flex:1;padding:var(--rom-spacing-small);border:none;border-radius:var(--rom-border-radius-small);color:#fff;font-family:Outfit,sans-serif;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--rom-transition-standard);position:relative;overflow:hidden}.measurement-buttons button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.measurement-buttons button:hover:before{left:100%}.measurement-buttons button:active{transform:scale(.98)}.measurement-buttons button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (min-width: 768px){.rom-header h3{font-size:var(--font-size-xl)}.media-container{width:250px;height:220px}.measurement-buttons button{font-size:var(--font-size-lg);padding:12px}.warning-alert{padding:var(--rom-spacing-large)}.warning-title{font-size:var(--font-size-xl)}.warning-message{font-size:var(--font-size-base)}.acknowledge-button{padding:12px 24px;font-size:var(--font-size-base)}.rom-component{padding:var(--rom-spacing-large)}.rom-component:hover{transform:translateY(-4px)}}@media (max-width: 480px){.rom-component{padding:12px}.rom-header h3{font-size:var(--font-size-base)}.measurement-buttons{flex-direction:column;gap:8px}.measurement-buttons button{font-size:var(--font-size-sm);padding:8px}}.goniometer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--light-pink);z-index:5000;display:flex;flex-direction:column;padding:50px 20px 0;cursor:pointer;overflow-y:auto}@media screen and (orientation: landscape){.goniometer-overlay{align-items:center;justify-content:center;overflow:hidden;position:fixed}.goniometer-overlay:before{content:"📱 Please rotate your device to portrait mode for accurate measurements";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#8a4c7d;color:#fff;padding:25px;border-radius:15px;text-align:center;font-size:var(--font-size-lg);font-weight:700;z-index:6000;max-width:90%;min-width:280px;box-shadow:0 8px 32px #00000080;border:3px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulseWarning 2s infinite}.goniometer-overlay:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:5999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes pulseWarning{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}.goniometer-popup{display:flex;flex-direction:column;min-height:100%;width:100%;position:relative;pointer-events:none}.goniometer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-top:10px}.goniometer-header h1{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-xl);margin:0;line-height:1.2}.close-button{background:#fffffff2;border:2px solid var(--dark-pink);color:var(--dark-pink);cursor:pointer;padding:8px;pointer-events:auto;z-index:2;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.close-button:hover{background-color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000040}.max-angle{color:#666;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);margin-bottom:15px}.measurement-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;justify-content:flex-start}.instruction-text{background-color:var(--soft-yellow);padding:15px;border-radius:15px;text-align:center;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);line-height:1.4;color:#2f4858;width:100%;box-shadow:0 2px 4px #0000001a}.tap-instruction{color:var(--dark-pink);font-size:var(--font-size-sm);margin-top:8px;font-style:italic}.angle-display{font-size:var(--font-size-display);font-weight:700;color:var(--dark-pink);font-family:Outfit,sans-serif;text-align:center}.final-measurement{background-color:var(--soft-yellow);padding:20px;border-radius:15px;text-align:center;width:100%;margin-top:auto}.final-measurement>div:first-child{font-size:var(--font-size-xl);color:var(--dark-pink);margin-bottom:12px;font-family:Outfit,sans-serif;font-weight:600}.final-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:15px}.warning-message{color:#856404;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);line-height:1.4;margin:10px 0;padding:12px;background-color:#fff3cd;border-radius:8px;border:1px solid #ffeeba;text-align:center}.save,.remeasure{padding:12px 20px;border-radius:8px;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;pointer-events:auto;min-width:140px}.save{background-color:var(--dark-pink);color:#fff;border:none}.remeasure{background-color:#fff;color:var(--dark-pink);border:1px solid var(--dark-pink)}.save:hover{background-color:#6d3b66}.remeasure:hover{background-color:#fef6f9}.status-message{padding:12px 15px;border-radius:8px;margin:8px 0;text-align:center;font-family:Outfit,sans-serif;animation:fadeIn .3s ease-in;font-size:var(--font-size-sm);width:100%}.error-message{text-align:center;color:#dc3545;padding:15px;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);width:100%;background-color:#f8d7da;border-radius:8px;border:1px solid #f5c6cb;margin-top:10px}.measurement-content:after{content:"";display:block;height:15px}@media (min-width: 768px){.goniometer-overlay{padding:8vh 20px 20px}.goniometer-header h1{font-size:var(--font-size-2xl)}.instruction-text{font-size:var(--font-size-base);padding:20px}.angle-display{font-size:var(--font-size-hero)}.tap-instruction{font-size:var(--font-size-base)}.final-measurement{padding:25px}.final-measurement>div:first-child{font-size:var(--font-size-2xl)}.warning-message{font-size:var(--font-size-base);padding:15px}.save,.remeasure{padding:15px 25px;font-size:var(--font-size-base);min-width:160px}.max-angle{font-size:var(--font-size-base)}.error-message{font-size:var(--font-size-base);padding:20px}}@media (max-height: 600px){.goniometer-overlay{padding:50px 10px 0}.measurement-content{gap:15px}.angle-display{font-size:var(--font-size-display)}.instruction-text{padding:12px}.final-measurement{padding:15px}.save,.remeasure{padding:10px 15px}}@media (hover: none){.save:active{background-color:#6d3b66}.remeasure:active{background-color:#fef6f9}}.measurement-notices{margin:15px 0;width:100%;display:flex;flex-direction:column;gap:8px}.notice{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);line-height:1.3;animation:slideIn .3s ease-out}.orientation-notice{background-color:#e8f4fd;border:1px solid #b8d4ea;color:#2c5aa0}.orientation-warning{background:#ff4b4b1a;border:2px solid #ff4b4b;border-radius:8px;padding:15px;margin:10px 0;text-align:center}.orientation-warning p{margin:5px 0;color:#c00}.device-guidance,.measuring-guidance{background:#8a4c7d1a;border:1px solid var(--dark-pink);border-radius:8px;padding:15px;margin:10px 0;text-align:center}.guidance-note{font-size:var(--font-size-sm);color:var(--dark-pink);font-style:italic;margin:5px 0}.measuring-guidance{background:#e4db7c33;border-color:var(--yellow)}.measuring-guidance .guidance-note{color:var(--dark-gray);font-weight:600}.validation-notice.warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.validation-notice.caution{background-color:#e2f3ff;border:1px solid #bee5eb;color:#0c5460}.validation-notice.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.comparison-notice{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.notice{padding:12px 15px;font-size:var(--font-size-base)}}@media (max-height: 600px){.measurement-notices{margin:10px 0;gap:6px}.notice{padding:8px 10px;font-size:var(--font-size-xs)}}@media (prefers-contrast: high){.warning-message{background-color:gold;color:#000;border-color:#000}.notice{background-color:#ff0;border-color:#000;color:#000}ssage.error{background-color:red;border-color:#000;color:#fff}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{position:relative;height:60vh;max-width:1200px;display:flex;align-items:center;justify-content:center}.modal-backdrop .modal-content .video-close-button{position:absolute;top:-40px;right:-40px;background:#fff;border:2px solid #333;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1001;box-shadow:0 4px 12px #0000004d}.modal-backdrop .modal-content .video-close-button:hover{background:#f0f0f0;border-color:#000;transform:scale(1.1);box-shadow:0 6px 16px #0006}.video-container{position:relative;width:auto;height:100%;aspect-ratio:9/16}.video-container iframe{width:100%;height:100%;border:none;border-radius:8px}.video-container.landscape{width:100%;height:auto;aspect-ratio:16/9}.loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Outfit,sans-serif;font-size:var(--font-size-lg)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes warningPulse{0%{box-shadow:0 4px 12px #ff4d4d26}50%{box-shadow:0 4px 16px #ff4d4d4d}to{box-shadow:0 4px 12px #ff4d4d26}}@media (max-width: 768px){.modal-content{width:95vw}.modal-backdrop .modal-content .video-close-button{top:-36px;right:0}.rom-component{padding:15px}.rom-header h3{font-size:var(--font-size-lg)}.max-angle{font-size:var(--font-size-sm)}.play-button{width:48px;height:48px}.measurement-buttons{flex-direction:column}}#Navbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);display:flex;width:90vw;max-width:368px;justify-content:space-between;align-items:center;border-radius:30px;background:var(--dark-teal);padding:10px;box-sizing:border-box;z-index:1000}#Navbar a{display:flex;justify-content:center;align-items:center;text-decoration:none}.icon-wrapper{width:40px;display:flex;justify-content:center;align-items:center}#Navbar img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.7));transition:transform .2s ease-in-out}#Navbar a:hover .icon-wrapper{transform:scale(1.1)}.success-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.success-popup{background-color:#fff;border-radius:15px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease-out}.success-popup h2{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 16px;text-align:center}.success-popup p{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-base);line-height:1.5;margin:0 0 24px;text-align:center}.success-popup .button-container{display:flex;gap:12px;justify-content:center}.success-popup button{padding:12px 20px;min-height:44px;border:none;border-radius:15px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease}.success-popup button:first-child{background-color:var(--dark-pink);color:#fff}.success-popup button:last-child{background-color:var(--light-yellow);color:var(--dark-pink)}.success-popup button:hover{opacity:.9;transform:translateY(-1px)}.success-popup button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.success-popup{padding:20px}.success-popup h2{font-size:var(--font-size-xl)}.success-popup p{font-size:var(--font-size-sm)}.success-popup button{padding:10px 16px;font-size:var(--font-size-sm)}}#arm-volume.page-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#8a4c7d;padding-top:8vh;overflow:hidden}#arm-volume .page-header{display:flex;align-items:center;justify-content:flex-start;padding:15px}.page-header .info{display:flex;width:40px;height:40px;padding:10px;justify-content:center;align-items:center;border-radius:50%;background:#2f4858;margin-left:auto}.page-header .info span{color:#f9f9e0;font-family:Outfit,sans-serif;font-size:var(--font-size-xl);font-weight:500}#arm-volume .content-container{display:flex;padding:20px;flex-direction:column;align-items:center;border-radius:30px 30px 0 0;background-color:var(--light-pink);margin-top:auto;flex-grow:1;overflow-y:auto;box-shadow:0 -7px 4px #00000040;gap:30px}.content-container .connect{display:flex;padding:15px;color:#fff;border-radius:15px;background:var(--dark-pink);box-shadow:0 4px 4px #00000040;align-items:center;transition:background-color .3s ease}.content-container .connect span{font-family:Outfit,sans-serif;font-size:var(--font-size-lg);font-weight:400}.measurements-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}.current-measurements{background-color:var(--light-yellow);border-radius:15px;padding:15px;width:90%;max-width:400px}.current-measurements h3{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-lg);font-weight:600;margin-bottom:10px}.current-measurements p{font-family:Outfit,sans-serif;font-size:var(--font-size-sm);margin:5px 0}.measurement-actions{display:flex;gap:10px;justify-content:center;width:100%}.save-all,.reset{padding:12px 15px;border:none;border-radius:15px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .1s ease}.save-all{background-color:var(--dark-pink);color:#fff}.reset{background-color:var(--light-yellow);color:var(--dark-pink)}.save-all:hover,.reset:hover{opacity:.8}.save-all:active,.reset:active{transform:scale(.98)}.status-message{padding:10px 20px;border-radius:8px;margin:10px 0;text-align:center;font-family:Outfit,sans-serif;animation:fadeIn .3s ease-in}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}#arm-volume .content-container:after{content:"";display:block;height:60px}@media (min-width: 768px){.page-header h1{font-size:var(--font-size-display)}.content-container .connect{padding:20px}.content-container .connect span{font-size:var(--font-size-2xl)}.current-measurements h3{font-size:var(--font-size-xl)}.current-measurements p{font-size:var(--font-size-base)}.save-all,.reset{padding:15px 20px;font-size:var(--font-size-lg)}}#ArmVolumeMeasurement{background-color:var(--light-yellow);border-radius:15px;padding:15px;width:100%;max-width:600px;margin:0 auto}#ArmVolumeMeasurement .thumbnail-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:pointer}#ArmVolumeMeasurement .video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}#ArmVolumeMeasurement .thumbnail-container:hover .video-thumbnail{transform:scale(1.05)}#ArmVolumeMeasurement .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border:none;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:1}#ArmVolumeMeasurement .thumbnail-container:hover .play-button{background:#000c}#ArmVolumeMeasurement .play-button:hover{transform:translate(-50%,-50%) scale(1.1)}#ArmVolumeMeasurement .play-icon{color:#fff;margin-left:4px}#ArmVolumeMeasurement .measurement-buttons{display:flex;gap:10px;margin-top:15px}#ArmVolumeMeasurement .measurement-buttons button{flex:1;padding:10px;border:none;border-radius:8px;background-color:var(--dark-pink);color:#fff;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease}#ArmVolumeMeasurement .measurement-buttons button:hover{background-color:#6ba8b2}#ArmVolumeMeasurement .measurement-buttons button:disabled{background-color:#d1d1d1;color:#888;cursor:not-allowed}#ArmVolumeMeasurement .measurement-buttons button:active{transform:scale(.98)}.measurement-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.measurement-popup{background-color:var(--light-pink);border-radius:20px;padding:20px;width:90%;max-width:400px;box-shadow:0 4px 10px #0000001a}.measurement-popup h2{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-xl);margin-bottom:15px;text-align:center}.measuring-content,.measurement-complete{background-color:var(--soft-yellow);border-radius:15px;padding:15px;margin-bottom:15px}.measuring-content p,.measurement-complete p{font-family:Outfit,sans-serif;font-size:var(--font-size-base);margin:8px 0}.perimeter,.volume{font-weight:700;color:var(--dark-pink)}.button-container{display:flex;justify-content:space-between;margin-top:15px}.measurement-popup button{font-family:Outfit,sans-serif;font-size:var(--font-size-sm);padding:12px 18px;min-height:44px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.remeasure{background-color:var(--light-yellow);color:var(--dark-pink)}.save{background-color:var(--dark-pink);color:#fff}.close{background-color:#2f4858;color:#fff;margin-top:15px;width:100%;min-height:44px;font-size:var(--font-size-base);font-weight:600;border-radius:10px;border:none;cursor:pointer;font-family:Outfit,sans-serif}.remeasure:hover,.save:hover,.close:hover{opacity:.8}.remeasure:active,.save:active,.close:active{transform:scale(.98)}@media (min-width: 768px){.measurement-popup{padding:30px}.measurement-popup h2{font-size:var(--font-size-3xl);margin-bottom:20px}.measuring-content p,.measurement-complete p{font-size:var(--font-size-lg)}.measurement-popup button{font-size:var(--font-size-base);padding:14px 22px;min-height:48px}}:root{--light-pink: #ffc0d9;--dark-pink: #8a4c7d;--soft-yellow: #e4db7c;--dark-teal: #2f4858;--light-yellow: #f9f9e0}#progress.page-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--dark-pink);padding-top:8vh;overflow:hidden}#progress .page-header{display:flex;align-items:center;justify-content:flex-start;padding:15px}.page-title{margin-left:15px}.page-header h1{color:var(--light-yellow);font-family:Lato,sans-serif;font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;letter-spacing:.3px}.page-header .info{display:flex;width:40px;height:40px;padding:10px;justify-content:center;align-items:center;border-radius:50%;background:var(--dark-teal);margin-left:auto}.page-header .info span{color:var(--light-yellow);font-family:Outfit,sans-serif;font-size:var(--font-size-xl);font-weight:500}#progress .content-container{display:flex;padding:20px;flex-direction:column;align-items:center;border-radius:30px 30px 0 0;background-color:var(--light-pink);margin-top:auto;flex-grow:1;overflow-y:auto;box-shadow:0 -7px 4px #00000040;gap:30px}.custom-select-wrapper{position:relative;width:100%;max-width:180px}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:15px;background-color:var(--dark-pink);color:#fff;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;box-shadow:0 4px 4px #00000040;transition:all .3s ease;width:100%;min-height:48px}.custom-select-trigger:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 8px #0000004d}.custom-select-trigger svg{width:20px;height:20px;transition:transform .3s ease;flex-shrink:0}.custom-select-trigger.open{box-shadow:0 2px 4px #00000026}.custom-select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.custom-select-option{padding:12px 15px;color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;background-color:#fff}.custom-select-option.selected{background-color:var(--light-pink);font-weight:600}@media (max-width: 768px){.custom-select-wrapper{max-width:160px}.custom-select-trigger{font-size:var(--font-size-sm);padding:11px 13px;min-height:44px}.custom-select-option{font-size:var(--font-size-sm);padding:11px 13px}}@media (max-width: 480px){.custom-select-wrapper{max-width:280px}.custom-select-trigger{font-size:var(--font-size-base);padding:13px 16px;min-height:50px}.custom-select-option{font-size:var(--font-size-base);padding:13px 16px}}.filters{display:flex;gap:24px;margin-bottom:20px;width:100%;max-width:600px;justify-content:center;align-items:flex-start;position:sticky;top:0;background-color:var(--light-pink);padding:20px 15px;z-index:10;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:180px;flex:1;max-width:220px}.filter-label{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-sm);font-weight:600;text-align:center;margin:0;padding:0;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;opacity:.9}@media (max-width: 768px){.filters{gap:20px;padding:18px 12px;max-width:100%}.filter-group{min-width:160px;max-width:200px}.filter-label{font-size:var(--font-size-xs)}}@media (max-width: 480px){.filters{flex-direction:column;gap:18px;padding:16px 10px;align-items:center}.filter-group{width:100%;max-width:280px;min-width:unset}.filter-label{font-size:var(--font-size-sm);font-weight:700}}.graphs-container{width:100%;display:flex;flex-direction:column;gap:30px;padding-bottom:20px}.measurement-section{width:100%;max-width:1200px;background-color:var(--light-yellow);border-radius:15px;padding:25px;margin:0 auto;box-shadow:0 4px 4px #00000040}.measurement-section h2{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-3xl);font-weight:600;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--dark-pink)}.graphs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.graph-wrapper{background-color:#fff;border-radius:15px;padding:15px;height:100%;box-shadow:0 4px 4px #00000040}.graph-wrapper h3{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-lg);font-weight:600;margin:0 0 15px;text-align:center}.graph-container{background-color:#fff;border-radius:10px;padding:15px;height:250px;display:flex;align-items:center;justify-content:center}.loading{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-lg);text-align:center;padding:20px}.custom-tooltip{background-color:#fff;border:1px solid var(--light-pink);padding:12px;border-radius:8px;box-shadow:0 4px 4px #00000040}.tooltip-date{margin:0 0 5px;font-weight:700;color:var(--dark-teal);border-bottom:1px solid var(--light-pink);padding-bottom:4px}.custom-tooltip p{margin:3px 0;font-family:Outfit,sans-serif;font-size:var(--font-size-sm)}.no-data-message{text-align:center;padding:20px;width:100%;font-family:Outfit,sans-serif}.no-data-message p{margin:10px 0;color:var(--dark-pink);font-size:var(--font-size-base)}.no-data-message.main{background-color:var(--soft-yellow);border-radius:15px;max-width:600px;padding:40px 20px;box-shadow:0 4px 4px #00000040}.no-data-message.main p:first-child{font-weight:700;font-size:var(--font-size-xl)}#progress .content-container:after{content:"";display:block;height:60px}.recharts-default-legend{margin:10px 0!important;text-align:center!important;width:100%!important;display:flex!important;justify-content:center!important;gap:20px!important}.recharts-legend-item{display:inline-flex!important;align-items:center!important;margin:0!important}.recharts-legend-item-text{font-family:Outfit,sans-serif!important;font-size:var(--font-size-sm)!important;color:#2f4858!important;margin-left:5px!important}.graph-container{min-height:300px;padding-bottom:10px}.graph-container .recharts-responsive-container{margin-bottom:20px}@media (min-width: 768px){.page-header h1{font-size:var(--font-size-5xl)}.custom-select-trigger,.custom-select-option{padding:15px 20px;font-size:var(--font-size-lg)}.measurement-section{padding:30px}.measurement-section h2{font-size:var(--font-size-4xl)}.graph-wrapper h3{font-size:var(--font-size-xl)}.no-data-message p{font-size:var(--font-size-lg)}.no-data-message.main p:first-child{font-size:var(--font-size-3xl)}}@media (max-width: 767px){.graphs-grid{grid-template-columns:1fr}.custom-select-wrapper{width:150px}.custom-select-trigger,.custom-select-option{padding:10px 12px;font-size:var(--font-size-sm)}.measurement-section{padding:20px}.graph-wrapper{padding:12px}.graph-container{padding:10px;height:200px}}@media (hover: none){.custom-select-option:hover{background-color:#fff}.custom-select-option:active{background-color:var(--light-pink)}}.dashboard-page{min-height:100vh;background-color:var(--light-pink);padding:50px 20px 0}.back-section{display:flex;align-items:center;margin-bottom:30px}.back-button{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.back-button:hover{transform:translate(-2px)}.back-button img{width:24px;height:24px}.dashboard-content{max-width:600px;margin:0 auto}.dashboard-content h1{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 30px}.success-message{background-color:#28a745;color:#fff;padding:12px;border-radius:4px;text-align:center;margin-bottom:20px;font-family:Outfit,sans-serif;animation:fadeIn .3s ease-in}.user-info-section{background:var(--light-yellow);padding:25px;border-radius:15px;width:100%;box-shadow:0 4px 4px #00000040}.info-group{margin-bottom:20px}.info-group label{display:block;color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:var(--font-size-sm);margin-bottom:8px}.info-value{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border-radius:8px;font-family:Outfit,sans-serif;overflow-x:auto}.edit-button{background:none;border:none;cursor:pointer;padding:4px;color:var(--dark-pink)}.edit-name-form{display:flex;flex-direction:column;gap:10px}.edit-name-form input{padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Outfit,sans-serif}.form-buttons{display:flex;gap:10px}.form-buttons button{flex:1;padding:10px;border:none;border-radius:4px;cursor:pointer;font-family:Outfit,sans-serif}.form-buttons button[type=submit]{background:var(--dark-pink);color:#fff}.form-buttons button[type=button]{background:var(--dark-teal);color:#fff}.notification-status{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:8px;font-family:Outfit,sans-serif;color:var(--dark-teal);width:100%;justify-content:space-between}.notification-status.enabled{color:var(--dark-pink);border:1px solid var(--light-pink)}.notification-status svg{color:inherit}.notification-blocked{padding:12px;background:#fff;border-radius:8px;font-family:Outfit,sans-serif;color:#dc3545;text-align:left;border:1px solid #ffccd5;display:flex;align-items:center;gap:8px;width:100%}.enable-notifications{padding:8px 16px;background-color:var(--dark-pink);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);transition:background-color .2s;white-space:nowrap}.enable-notifications:hover{background-color:var(--light-pink)}.notification-container,.audio-feedback-controls{display:flex;flex-direction:column;gap:8px;width:100%}.audio-status{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;font-family:Outfit,sans-serif;color:var(--dark-teal);width:100%;justify-content:flex-start;box-shadow:0 1px 3px #0000000d}.audio-status-text{color:inherit;font-weight:500}.audio-status-text.error{color:#dc3545;font-weight:600}.audio-controls{display:flex;gap:16px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.audio-toggle-container{display:flex;align-items:center;gap:10px}.audio-toggle-switch{position:relative;display:inline-block;width:54px;height:28px;cursor:pointer}.audio-toggle-switch input{opacity:0;width:0;height:0}.audio-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;border:2px solid #d0d0d0;border-radius:28px;transition:all .3s ease;display:flex;align-items:center}.audio-toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.audio-toggle-thumb{position:absolute;left:4px;top:50%;transform:translateY(-50%);transition:all .3s ease;color:#666;z-index:2;display:flex;align-items:center;justify-content:center}.audio-toggle-switch input:checked+.audio-toggle-slider{background-color:var(--dark-pink);border-color:var(--dark-pink)}.audio-toggle-switch input:checked+.audio-toggle-slider:before{transform:translate(26px)}.audio-toggle-switch input:checked+.audio-toggle-slider .audio-toggle-thumb{transform:translate(26px) translateY(-50%);color:#fff}.audio-toggle-switch:hover .audio-toggle-slider{box-shadow:0 0 8px rgba(var(--dark-pink-rgb, 139, 69, 89),.3)}.audio-toggle-switch input:checked:hover+.audio-toggle-slider{background-color:var(--light-pink)}.audio-toggle-switch input:disabled+.audio-toggle-slider{background-color:#f5f5f5;border-color:#e0e0e0;cursor:not-allowed;opacity:.6}.audio-toggle-switch input:disabled+.audio-toggle-slider .audio-toggle-thumb{color:#ccc}.audio-toggle-label{font-family:Outfit,sans-serif;font-size:var(--font-size-sm);color:var(--dark-teal);font-weight:500;min-width:60px}.audio-test-section{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.audio-test{padding:10px 16px;background:var(--dark-pink);color:#fff;border:2px solid var(--dark-pink);border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);font-weight:600;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 6px #8b45594d;display:flex;align-items:center;gap:6px;position:relative}.audio-test:hover:not(:disabled){background:var(--light-pink);border-color:var(--light-pink);box-shadow:0 4px 12px #8b455966;transform:translateY(-2px)}.audio-test:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #8b45594d}.audio-test:disabled{background:#e0e0e0;color:#999;border-color:#e0e0e0;cursor:not-allowed;box-shadow:none;transform:none}.audio-test-description{font-family:Outfit,sans-serif;font-size:var(--font-size-xs);color:#666;font-style:italic;line-height:1.3;max-width:200px}.audio-test:disabled{background-color:#ccc;cursor:not-allowed}.password-section{margin-top:30px}.change-password-button{width:100%;padding:12px;background:var(--dark-pink);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Outfit,sans-serif}.password-form{margin-top:20px;display:flex;flex-direction:column;gap:10px}.password-form input{padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Outfit,sans-serif}.password-form button{padding:12px;background:var(--dark-pink);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Outfit,sans-serif}.error-message{padding:12px;background:#dc3545;color:#fff;border-radius:4px;text-align:center;font-family:Outfit,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.dashboard-content h1{font-size:var(--font-size-5xl)}.user-info-section{padding:30px}.info-group label{font-size:var(--font-size-base)}}@media (max-width: 767px){.dashboard-page{padding:50px 15px 0}.user-info-section{padding:20px}.notification-status,.notification-blocked,.audio-status{font-size:var(--font-size-sm);padding:10px;flex-wrap:wrap}.enable-notifications,.audio-test{padding:8px 12px;font-size:var(--font-size-xs)}.audio-controls{flex-wrap:wrap;gap:8px}.audio-toggle-container{gap:8px}.audio-toggle-label{font-size:var(--font-size-xs)}.audio-test-description{font-size:11px;max-width:150px}}.font-size-selector{display:flex;gap:12px;flex-wrap:wrap}.font-size-option{display:flex;flex-direction:column;align-items:center;padding:12px 16px;border:2px solid var(--dark-pink);border-radius:10px;background-color:transparent;cursor:pointer;transition:all .3s ease;min-width:80px;font-family:Outfit,sans-serif}.font-size-option:hover{background-color:var(--dark-pink);color:var(--light-yellow);transform:translateY(-2px)}.font-size-option:focus{outline:3px solid var(--soft-yellow);outline-offset:2px}.font-size-option.active{background-color:var(--dark-pink);color:var(--light-yellow);box-shadow:0 4px 8px #0000001a}.font-size-option .size-label{font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px}.font-size-option .size-demo{font-size:var(--font-size-lg);font-weight:600;font-family:Lato,sans-serif}.font-size-option:nth-child(1) .size-demo{font-size:calc(var(--font-size-lg) * .85)}.font-size-option:nth-child(2) .size-demo{font-size:var(--font-size-lg)}.font-size-option:nth-child(3) .size-demo{font-size:calc(var(--font-size-lg) * 1.15)}@media (max-width: 768px){.font-size-selector{justify-content:center}.font-size-option{min-width:70px;padding:10px 12px}}.avatar-selector{display:flex;flex-direction:column;align-items:center;margin:10px auto;position:relative;width:fit-content;padding:10px}.avatar-container{position:relative;width:120px;height:120px;border-radius:120px;border:3px solid #000;background:#d3d3d3 50% / cover no-repeat}.avatar-image-wrapper{width:100%;height:100%;overflow:hidden;border-radius:120px}.avatar-container img{width:100%;height:100%;object-fit:cover}.avatar-edit-button{position:absolute;bottom:-8px;right:15px;width:32px;height:32px;background:var(--light-yellow);border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 2px 4px #0003;z-index:1}.avatar-edit-button:hover{background:var(--light-pink);transform:scale(1.1)}.avatar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.avatar-modal{background:#fff;padding:20px;border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.avatar-modal-title{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-xl);margin-bottom:20px}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.avatar-option{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.avatar-option:hover{border-color:var(--dark-pink)}.avatar-option img{width:100%;height:100%;object-fit:cover}.avatar-modal-cancel{width:100%;padding:12px;background:var(--dark-teal);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;transition:opacity .2s}.avatar-modal-cancel:hover{opacity:.9}.avatar-loading{text-align:center;padding:20px;color:var(--dark-teal);font-family:Outfit,sans-serif}.avatar-error{text-align:center;padding:20px;color:#dc3545;font-family:Outfit,sans-serif}#forgotPassword.container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;width:100%;background-color:var(--light-pink);position:relative;overflow:hidden;z-index:0}#forgotPassword .largeCircle{position:absolute;top:-350px;left:-350px;width:700px;height:700px;border-radius:50%;background:var(--dark-pink);box-shadow:0 4px 4px #00000040;z-index:1}#forgotPassword .smallCircle{position:absolute;bottom:-200px;right:-200px;width:459px;height:435px;border-radius:50%;background:#fff;box-shadow:0 4px 4px #00000040;z-index:1}#forgotPassword .content{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:400px;position:relative;z-index:2;padding:20px}#forgotPassword .content h1{align-self:stretch;text-align:center;color:#f9f9e0;font-family:Lato,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem}#forgotPassword .content p{color:#000;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:400;text-align:center;margin:1rem 0}#forgotPassword .reset-form{width:100%;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}#forgotPassword .form-input{width:100%;max-width:360px}#forgotPassword .form-input input{width:100%;height:60px;border-radius:20px;background:#0003;border:none;padding:0 30px;font-family:Outfit;font-size:var(--font-size-2xl);color:#fff}#forgotPassword .form-input input::placeholder{color:#fff;font-family:Outfit;font-size:var(--font-size-2xl);font-weight:400}#forgotPassword .button-submit{width:100%;max-width:360px}#forgotPassword .button-submit button{width:100%;height:50px;border-radius:10px;background:var(--dark-pink);color:#fff;font-family:Lato,sans-serif;font-size:1.2rem;border:none;cursor:pointer}#forgotPassword .button-submit button:hover{background:var(--dark-teal)}#forgotPassword .button-submit button:disabled{background:#ccc;cursor:not-allowed}#forgotPassword .back-link{width:100%;max-width:360px}#forgotPassword .back-link button{width:100%;height:50px;border-radius:10px;background:var(--light-pink);color:var(--dark-pink);font-family:Lato,sans-serif;font-size:1.2rem;border:2px solid var(--dark-pink);cursor:pointer;transition:all .3s ease}#forgotPassword .back-link button:hover{background:var(--dark-pink);color:#fff}#forgotPassword .back-link button:disabled{background:#ccc;border-color:#999;color:#666;cursor:not-allowed}#forgotPassword .status-message{padding:12px;border-radius:8px;margin:10px 0;width:100%;max-width:360px;text-align:center;font-family:Outfit,sans-serif;font-size:1rem}#forgotPassword .status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}#forgotPassword .status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media screen and (max-height: 750px){#forgotPassword .largeCircle{top:-325px;width:600px;height:600px}#forgotPassword .smallCircle{bottom:-150px;width:400px;height:400px}#forgotPassword .content h1{font-size:2rem}#forgotPassword .content p{font-size:1rem}#forgotPassword .form-input input{height:50px;font-size:1.2rem}#forgotPassword .button-submit button,#forgotPassword .back-link button{font-size:1rem;height:40px}}@media screen and (min-width: 650px){#forgotPassword .content h1{color:#000}}#resetPassword.container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;width:100%;background-color:var(--light-pink);position:relative;overflow:hidden;z-index:0}#resetPassword .largeCircle{position:absolute;top:-350px;left:-350px;width:700px;height:700px;border-radius:50%;background:var(--dark-pink);box-shadow:0 4px 4px #00000040;z-index:1}#resetPassword .smallCircle{position:absolute;bottom:-200px;right:-200px;width:459px;height:435px;border-radius:50%;background:#fff;box-shadow:0 4px 4px #00000040;z-index:1}#resetPassword .content{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:400px;position:relative;z-index:2;padding:20px}#resetPassword .content h1{align-self:stretch;text-align:center;color:#f9f9e0;font-family:Lato,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem}#resetPassword .content p{color:#000;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:400;text-align:center;margin:1rem 0}#resetPassword .reset-form{width:100%;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}#resetPassword .form-group{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem}#resetPassword .form-group input{width:100%;height:60px;border-radius:20px;background:#0003;border:none;padding:0 30px;font-family:Outfit;font-size:var(--font-size-2xl);color:#fff}#resetPassword .form-group input::placeholder{font-family:Outfit;font-size:var(--font-size-2xl);font-weight:300;color:#fff;font-weight:400}#resetPassword .form-group.error input{border:2px solid var(--dark-pink)}#resetPassword .error-text{color:var(--dark-pink);font-family:Outfit,sans-serif;font-size:.875rem;margin-top:.25rem;padding-left:1rem}#resetPassword .button-submit{width:100%;max-width:360px;margin-top:1rem}#resetPassword .button-submit button{width:100%;height:50px;border-radius:10px;background:var(--dark-pink);color:#fff;font-family:Lato,sans-serif;font-size:1.2rem;border:none;cursor:pointer;transition:all .3s ease}#resetPassword .button-submit button:hover{background:var(--dark-teal)}#resetPassword .button-submit button:disabled{background:#ccc;cursor:not-allowed}#resetPassword .back-link{width:100%;max-width:360px;margin-top:1rem}#resetPassword .back-link button{width:100%;height:50px;border-radius:10px;background:var(--light-pink);color:var(--dark-pink);font-family:Lato,sans-serif;font-size:1.2rem;border:2px solid var(--dark-pink);cursor:pointer;transition:all .3s ease}#resetPassword .back-link button:hover{background:var(--dark-pink);color:#fff}#resetPassword .back-link button:disabled{background:#ccc;border-color:#999;color:#666;cursor:not-allowed}#resetPassword .status-message{width:100%;max-width:360px;padding:12px;border-radius:8px;text-align:center;font-family:Outfit,sans-serif;font-size:1rem;margin:.5rem 0;animation:fadeIn .3s ease-in}#resetPassword .status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}#resetPassword .status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-requirements{width:100%;max-width:360px;padding:12px;background-color:#fff3;border-radius:8px;margin-top:1rem}.password-requirements h3{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:.9rem;margin-bottom:.5rem}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:.8rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.password-requirements li:before{content:"•";color:var(--dark-pink)}@media screen and (max-height: 750px){#resetPassword .largeCircle{top:-325px;width:600px;height:600px}#resetPassword .smallCircle{bottom:-150px;width:400px;height:400px}#resetPassword .content h1{font-size:2rem}#resetPassword .content p{font-size:1rem}#resetPassword .form-group input{height:50px;font-size:1.2rem}#resetPassword .form-group input::placeholder{font-size:1.2rem}#resetPassword .button-submit button,#resetPassword .back-link button{font-size:1rem;height:40px}}@media screen and (min-width: 650px){#resetPassword .content h1{color:#000}}@media screen and (max-width: 400px){#resetPassword .content{width:95%}#resetPassword .form-group input{font-size:var(--font-size-lg);padding:0 20px}#resetPassword .form-group input::placeholder{font-size:var(--font-size-lg)}#resetPassword .status-message{font-size:.9rem;padding:10px}.password-requirements{padding:10px}.password-requirements h3{font-size:.8rem}.password-requirements li{font-size:.75rem}}#resources.page-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--dark-pink);padding-top:8vh;overflow:hidden}#resources .page-header{display:flex;align-items:center;justify-content:flex-start;padding:15px}#resources .page-title{margin-left:15px}#resources .page-header h1{color:var(--light-yellow);font-family:Lato,sans-serif;font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;letter-spacing:.3px}#resources .info{display:flex;width:40px;height:40px;padding:10px;justify-content:center;align-items:center;border-radius:50%;background:var(--dark-teal);margin-left:auto}#resources .info span{color:var(--light-yellow);font-family:Outfit,sans-serif;font-size:var(--font-size-xl);font-weight:500}#resources .content-container{display:flex;padding:20px 20px 80px;flex-direction:column;align-items:center;border-radius:30px 30px 0 0;background-color:var(--light-pink);margin-top:auto;flex-grow:1;overflow-y:auto;box-shadow:0 -7px 4px #00000040}.category-selector{width:100%;max-width:600px;margin-bottom:25px;position:sticky;top:0;z-index:10}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--dark-pink);color:var(--light-yellow);border-radius:12px;cursor:pointer;font-family:Outfit,sans-serif;font-size:var(--font-size-base);box-shadow:0 2px 4px #0000001a}.custom-select-trigger svg{width:20px;height:20px;transition:transform .3s ease}.custom-select-trigger.open svg{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border-radius:12px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(0);transition:all .3s ease;box-shadow:0 4px 6px #0000004c}.custom-select-options.open{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-option{padding:12px 20px;cursor:pointer;font-family:Outfit,sans-serif;color:var(--dark-teal);transition:all .2s ease}.custom-select-option:hover{background-color:var(--light-pink)}.custom-select-option.selected{background-color:var(--dark-pink);color:var(--light-yellow);font-weight:500}.resources-list{width:100%;max-width:600px;display:flex;flex-direction:column;gap:15px;margin-bottom:90px}.resource-item{background-color:var(--light-yellow);padding:20px;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.resource-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.resource-item h3{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-xl);font-weight:600;margin:0}.content-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--light-pink);z-index:1000;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.content-popup-header{background-color:var(--dark-pink);padding:50px 20px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.content-popup-header h2{color:var(--light-yellow);font-family:Lato,sans-serif;font-size:var(--font-size-3xl);font-weight:700;margin:0}.close-button{background:#ffffffe6;border:2px solid var(--dark-pink);color:var(--dark-pink);cursor:pointer;padding:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;min-width:48px;min-height:48px}.close-button:hover{background-color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0003}.content-popup-body{flex-grow:1;overflow-y:auto;padding:25px 25px 90px}.content-body{background-color:var(--light-yellow);padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000001a;font-family:Outfit,sans-serif;color:var(--dark-teal);line-height:1.6}.content-body h1,.content-body h2,.content-body h3,.content-body h4{font-family:Lato,sans-serif;color:var(--dark-pink);margin:1.5em 0 .75em;font-weight:700}.content-body h1{font-size:var(--font-size-4xl)}.content-body h2{font-size:var(--font-size-3xl)}.content-body h3{font-size:var(--font-size-xl)}.content-body h4{font-size:var(--font-size-lg)}.content-body p{margin-bottom:1em;font-size:var(--font-size-base)}.content-body strong{font-weight:600;color:var(--dark-teal)}.content-body em{font-style:italic}.content-body u{text-decoration:underline}.content-body p.ql-align-center{text-align:center}.content-body p.ql-align-right{text-align:right}.content-body p.ql-align-justify{text-align:justify}.content-body ol{list-style:none;padding-left:0;margin:1em 0;counter-reset:level-1 level-2 level-3 level-4}.content-body ol li{position:relative;padding-left:1.5em;margin-bottom:.5em}.content-body ol>li{counter-increment:level-1}.content-body ol>li:before{content:counter(level-1) ".";position:absolute;left:0;font-weight:500}.content-body ol .ql-indent-1{counter-increment:level-2;padding-left:3em}.content-body ol .ql-indent-1:before{content:counter(level-2,lower-alpha) ".";position:absolute;left:1.5em;font-weight:500}.content-body ol .ql-indent-2{counter-increment:level-3;padding-left:6em}.content-body ol .ql-indent-2:before{content:counter(level-3,lower-roman) ".";position:absolute;left:3em;font-weight:500}.content-body ol .ql-indent-3{counter-increment:level-4;padding-left:9em}.content-body ol .ql-indent-3:before{content:counter(level-4) ".";position:absolute;left:4.5em;font-weight:500}.content-body ul{list-style-type:disc;margin:1em 0;padding-left:1.5em}.content-body ul li{margin-bottom:.5em}.content-body blockquote{border-left:3px solid var(--dark-pink);padding-left:1em;margin:1em 0;color:var(--dark-teal);font-style:italic}.content-body img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.loading,.error-message,.no-data-message{text-align:center;padding:20px;font-family:Outfit,sans-serif;border-radius:12px;margin:20px 0 90px}.loading{color:var(--dark-pink);font-size:var(--font-size-lg)}.error-message{background-color:#fee2e2;color:#991b1b}.no-data-message{background-color:var(--light-yellow);color:var(--dark-teal)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){#resources .content-container{padding:15px 15px 100px}.content-body{padding:20px}.content-popup-header h2{font-size:var(--font-size-xl)}.resource-item h3{font-size:var(--font-size-lg)}.content-body h1{font-size:var(--font-size-3xl)}.content-body h2{font-size:var(--font-size-xl)}.content-body h3{font-size:var(--font-size-lg)}.content-body h4{font-size:var(--font-size-base)}.resources-list,.loading,.error-message,.no-data-message{margin-bottom:110px}.content-popup-body{padding-bottom:110px}}@media (max-width: 480px){#resources .content-container{padding:10px 10px 110px}.category-selector{margin-bottom:20px}.custom-select-trigger{padding:12px 15px;font-size:var(--font-size-sm)}.resource-item{padding:15px}.resource-item h3{font-size:var(--font-size-base)}.content-popup-body{padding:20px}.content-body{padding:15px;font-size:var(--font-size-sm)}.resources-list,.loading,.error-message,.no-data-message{margin-bottom:120px}.content-popup-body{padding-bottom:120px}}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}#contentEditor #content-title,#contentEditor #content-category{width:100%;padding:12px 15px;border:1px solid var(--dark-pink);border-radius:8px;margin-bottom:15px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);color:var(--dark-teal)}#contentEditor #content-category{cursor:pointer;background-color:#fff}#contentEditor .ql-container{font-family:Outfit,sans-serif!important;font-size:var(--font-size-base);color:var(--dark-teal);background-color:#fff;border-radius:0 0 8px 8px;min-height:400px}#contentEditor .ql-toolbar{border-radius:8px 8px 0 0;border-color:var(--dark-pink)!important;background-color:#fff}#contentEditor .ql-editor{padding:20px}#contentEditor .ql-editor h1,#contentEditor .ql-editor h2,#contentEditor .ql-editor h3{font-family:Lato,sans-serif;color:var(--dark-pink);margin-bottom:15px}#contentEditor .ql-editor p{margin-bottom:10px;line-height:1.6}#contentEditor .ql-editor img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}#contentEditor .size-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000}#contentEditor .size-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}#contentEditor .size-dialog h3{margin:0 0 15px;color:var(--dark-pink);font-family:Lato,sans-serif}#contentEditor .size-dialog-content{display:flex;flex-direction:column;gap:10px}#contentEditor .size-btn,#contentEditor .custom-size-btn,#contentEditor .cancel-btn{padding:12px;border:1px solid var(--dark-pink);background:#fff;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;transition:all .3s ease;color:var(--dark-pink)}#contentEditor .size-btn:hover,#contentEditor .custom-size-btn:hover{background-color:var(--light-pink)}#contentEditor .cancel-btn:hover{background-color:var(--dark-teal);color:#fff}#contentEditor .custom-size-input{width:100%;padding:10px;border:1px solid var(--dark-pink);border-radius:4px;margin-top:5px}#contentEditor>button,#contentEditor button[type=submit]{padding:12px 24px;background-color:var(--dark-pink);color:#fff;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease}#contentEditor>button:hover,#contentEditor button[type=submit]:hover{background-color:var(--dark-teal)}#contentEditor .delete-btn-container{z-index:1000;pointer-events:none}#contentEditor .image-delete-btn{box-shadow:0 2px 4px #0003;pointer-events:auto}#contentEditor .admin-editable-image{cursor:pointer;transition:opacity .2s ease;position:relative}#contentEditor .admin-editable-image:hover{opacity:.8}#contentEditor .image-delete-btn:hover{background-color:var(--dark-teal)!important}@media (max-width: 768px){#contentEditor #content-title,#contentEditor #content-category,#contentEditor .ql-container{font-size:var(--font-size-sm)}#contentEditor .ql-editor{padding:15px}#contentEditor .size-btn,#contentEditor .custom-size-btn,#contentEditor .cancel-btn{padding:10px}}.content-list{width:100%;display:flex;flex-direction:column;gap:20px}.content-list .filter-section{margin-bottom:25px}.content-list select{width:100%;max-width:300px;padding:12px 15px;border:1px solid var(--dark-pink);border-radius:8px;background-color:#fff;color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer}.content-list .resources-grid{display:flex;flex-direction:column;gap:15px}.content-list .resource-card{background-color:var(--light-yellow);border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a}.content-list .resource-card h3{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-xl);margin-bottom:10px}.content-list .resource-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--dark-teal);font-family:Outfit,sans-serif}.content-list .status-badge{padding:6px 12px;border-radius:20px;font-size:var(--font-size-sm);font-weight:500}.content-list .status-badge.published{background-color:#d1fae5;color:#065f46}.content-list .status-badge.draft{background-color:#fee2e2;color:#991b1b}.content-list .button-group{display:flex;gap:10px;margin-top:15px}.content-list .button-group button{padding:8px 16px;border:none;border-radius:6px;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease}.content-list .edit-btn{background-color:var(--dark-pink);color:#fff}.content-list .publish-btn{background-color:var(--dark-teal);color:#fff}.content-list .delete-btn{background-color:#fee2e2;color:#991b1b}.content-list .button-group button:hover{opacity:.9;transform:translateY(-1px)}.content-list .loading,.content-list .error{text-align:center;padding:20px;font-family:Outfit,sans-serif;color:var(--dark-teal)}.content-list .error{color:#991b1b;background-color:#fee2e2;border-radius:8px}@media (max-width: 768px){.content-list .button-group{flex-direction:column}.content-list .button-group button{width:100%}.content-list .resource-info{flex-direction:column;align-items:flex-start;gap:8px}}#user-management-section{display:flex;flex-direction:column;width:100%}#user-management-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}#user-management-section .stat-card{background-color:#fff;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000001a}#user-management-section .stat-card h4{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-base);margin-bottom:8px}#user-management-section .stat-card p{font-family:Outfit,sans-serif;font-size:var(--font-size-3xl);color:var(--dark-teal)}#user-management-section .controls{display:flex;gap:15px;margin-bottom:30px;align-items:center;flex-wrap:wrap}#user-management-section .search-input{flex:1;padding:12px 15px;border:1px solid var(--dark-pink);border-radius:8px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);color:var(--dark-teal)}#user-management-section .sort-select{padding:12px 15px;border:1px solid var(--dark-pink);border-radius:8px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);color:var(--dark-teal);background-color:#fff;cursor:pointer;min-width:150px}#user-management-section .refresh-btn{padding:12px 24px;border:none;border-radius:8px;background-color:var(--dark-pink);color:#fff;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}#user-management-section .refresh-btn:hover{background-color:var(--dark-teal)}#user-management-section .users-table-container{background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 4px #0000001a;overflow-x:auto}#user-management-section .users-table{width:100%;border-collapse:collapse;font-family:Outfit,sans-serif}#user-management-section .users-table th{color:var(--dark-pink);font-family:Lato,sans-serif;font-weight:700;text-align:left;padding:15px;border-bottom:2px solid var(--light-pink);cursor:pointer}#user-management-section .users-table td{padding:15px;border-bottom:1px solid var(--light-pink);color:var(--dark-teal)}#user-management-section .users-table tr:hover{background-color:var(--light-pink)}#user-management-section .action-buttons{display:flex;gap:10px}#user-management-section .edit-btn,#user-management-section .delete-btn{padding:8px 16px;border:none;border-radius:6px;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);cursor:pointer;transition:background-color .3s ease}#user-management-section .edit-btn{background-color:var(--dark-pink);color:#fff}#user-management-section .edit-btn:hover{background-color:var(--dark-teal)}#user-management-section .delete-btn{background-color:#f44;color:#fff}#user-management-section .delete-btn:hover{background-color:#c00}#user-management-section .error-message{background-color:#ffebee;color:#c62828;padding:15px;border-radius:8px;margin-bottom:20px;font-family:Outfit,sans-serif}#user-edit-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.user-edit-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;padding:20px}.user-edit-modal__content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 4px 6px #0000001a;animation:userEditModalFadeIn .3s ease-out}.user-edit-modal__header{padding:20px 24px;border-bottom:1px solid var(--light-pink)}.user-edit-modal__header h2{margin:0;color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-xl);font-weight:600}.user-edit-modal__content form{padding:24px}.user-edit-modal__form-group{margin-bottom:20px}.user-edit-modal__form-group label{display:block;margin-bottom:8px;color:var(--dark-teal);font-family:Outfit,sans-serif;font-size:var(--font-size-sm);font-weight:500}.user-edit-modal__form-group input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-family:Outfit,sans-serif;font-size:var(--font-size-sm);color:var(--dark-teal);transition:border-color .2s}.user-edit-modal__form-group input:focus{outline:none;border-color:var(--dark-pink)}.user-edit-modal__checkbox-group{margin-bottom:20px}.user-edit-modal__checkbox-group label{display:flex;align-items:center;cursor:pointer;font-family:Outfit,sans-serif;color:var(--dark-teal)}.user-edit-modal__checkbox-group input[type=checkbox]{margin-right:8px;width:16px;height:16px;accent-color:var(--dark-pink)}.user-edit-modal__error{color:#ef4444;font-size:var(--font-size-xs);margin-top:4px;display:block}.user-edit-modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--light-pink)}.user-edit-modal__btn-cancel,.user-edit-modal__btn-save{padding:12px 20px;min-height:44px;border-radius:6px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s}.user-edit-modal__btn-save{background-color:var(--dark-pink);color:#fff;border:none}.user-edit-modal__btn-save:hover{background-color:var(--dark-teal)}.user-edit-modal__btn-cancel{background-color:#f1f5f9;color:var(--dark-teal);border:1px solid #e2e8f0}.user-edit-modal__btn-cancel:hover{background-color:#e2e8f0}@keyframes userEditModalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#user-management-section .stats-grid{grid-template-columns:1fr}#user-management-section .controls{flex-direction:column}#user-management-section .search-input,#user-management-section .sort-select{width:100%}#user-management-section .refresh-btn{width:100%;padding:10px}#user-management-section .users-table{font-size:var(--font-size-sm)}#user-management-section .users-table th,#user-management-section .users-table td{padding:10px}#user-management-section .action-buttons{flex-direction:column}#user-management-section .edit-btn,#user-management-section .delete-btn{width:100%}.user-edit-modal__overlay{padding:16px}.user-edit-modal__content{max-width:100%}.user-edit-modal__header{padding:16px 20px}.user-edit-modal__content form{padding:20px}.user-edit-modal__actions{flex-direction:column-reverse}.user-edit-modal__btn-cancel,.user-edit-modal__btn-save{width:100%;padding:12px;min-height:44px}}#admin-dashboard{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--light-pink);padding:30px 20px}#admin-dashboard .header{margin-bottom:30px}#admin-dashboard h1{color:var(--dark-pink);font-family:Lato,sans-serif;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:20px}#admin-dashboard .nav-controls{display:flex;gap:15px;margin-bottom:30px}#admin-dashboard .nav-controls button{padding:12px 24px;background-color:var(--dark-pink);color:#fff;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease}#admin-dashboard .nav-controls button:hover,#admin-dashboard .nav-controls button.active{background-color:var(--dark-teal)}#admin-dashboard .content-section{background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 4px #0000001a;flex-grow:1}#admin-dashboard .section-controls{display:flex;gap:15px;margin-bottom:20px}#admin-dashboard .section-controls button{padding:12px 24px;background-color:var(--dark-pink);color:#fff;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease}#admin-dashboard .section-controls button:hover{background-color:var(--dark-teal)}@media (max-width: 768px){#admin-dashboard{padding:20px 15px}#admin-dashboard h1{font-size:var(--font-size-3xl)}#admin-dashboard .nav-controls,#admin-dashboard .section-controls{flex-direction:column}#admin-dashboard .nav-controls button,#admin-dashboard .section-controls button{width:100%}}@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--light-pink: #ffc0d9;--dark-pink: #8a4c7d;--soft-yellow: #e4db7c;--dark-teal: #2f4858;--light-yellow: #f7f7d0;--rom-primary-bg: #f7f7d0;--rom-secondary-bg: #e8d5f2;--rom-primary-text: #8a4c7d;--rom-secondary-text: #2f4858;--rom-primary-button: #8a4c7d;--rom-secondary-button: #2f4858;--rom-primary-button-hover: #6d3b66;--rom-secondary-button-hover: #1f3040;--rom-content-overlay: rgba( 255, 255, 255, .5 );--rom-hover-scale: 1.02;--rom-button-hover-scale: 1.05;--rom-transition-standard: all .3s ease;--rom-transition-fast: all .2s ease;--rom-border-radius: 15px;--rom-border-radius-small: 8px;--rom-spacing-small: 10px;--rom-spacing-medium: 15px;--rom-spacing-large: 20px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-size-6xl: 46px;--font-size-display: 56px;--font-size-hero: 72px}*{box-sizing:border-box}body{margin:0;min-height:100vh}.font-scale-small{--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 15px;--font-size-xl: 17px;--font-size-2xl: 19px;--font-size-3xl: 20px;--font-size-4xl: 24px;--font-size-5xl: 27px;--font-size-6xl: 39px;--font-size-display: 48px;--font-size-hero: 61px}.font-scale-large{--font-size-xs: 14px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-lg: 21px;--font-size-xl: 23px;--font-size-2xl: 25px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 37px;--font-size-6xl: 53px;--font-size-display: 64px;--font-size-hero: 83px}