@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Poppins:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2e2d2d;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#f68634;text-decoration:inherit}a:hover{color:#e5752a}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;margin:0}p{margin:0}button,input{font-family:Outfit,sans-serif}.social-login-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:8px;width:64px;height:64px;background:#fff;border:1px solid rgba(9,30,66,.14);border-radius:8px;cursor:pointer;transition:all .3s ease}.social-login-button:hover{border-color:#091e424d;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.social-login-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.social-login-icon{width:20px;height:20px;object-fit:contain}.social-login-group{display:flex;flex-direction:row;align-items:center;padding:0;gap:48px;width:288px;height:64px}.auth-divider{display:flex;flex-direction:row;align-items:center;padding:0;gap:20px;width:100%;height:25px}.auth-divider-line{flex:1;height:0px;border:1px solid #979797}.auth-divider-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:700;font-size:20px;line-height:25px;color:#979797}.auth-copyright{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.auth-copyright-icon{width:16px;height:16px}.auth-copyright-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#979797}.auth-layout{display:flex;flex-direction:row;width:100%;min-height:100vh;background:#fff}.auth-layout-left{position:relative;width:684px;height:1000px;background:#f686341a;border-radius:0 20px 20px 0;flex-shrink:0}.auth-layout-image-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:31px;position:absolute;width:518.77px;height:auto;left:91px;top:123px}.auth-layout-image{width:100%;height:auto;object-fit:contain}.auth-layout-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:100vh;position:relative}@media(max-width:1024px){.auth-layout{flex-direction:column}.auth-layout-left{width:100%;height:auto;min-height:auto;padding:40px 20px;border-radius:0 0 20px 20px}.auth-layout-image-container{position:relative;left:auto;top:auto;width:100%;max-width:400px;margin:0 auto}.auth-layout-right{padding:40px 20px;min-height:auto}}@media(max-width:768px){.auth-layout-left,.auth-layout-right{padding:30px 15px}}.auth-layout-left-content{position:absolute;bottom:0;left:0;width:100%;pointer-events:none}.auth-layout-left-full{background:none;overflow:hidden;padding:0!important}.auth-layout-image-container-full{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}.auth-layout-image-full{width:100%;height:100%;object-fit:cover!important}.auth-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;gap:10px;height:57px;background:#f68634;border-radius:8px;font-family:Outfit,sans-serif;font-style:normal;font-weight:700;font-size:20px;line-height:25px;color:#fff;border:none;cursor:pointer;transition:all .3s ease}.auth-button--full-width{width:100%}.auth-button--primary{background:#f68634;color:#fff}.auth-button--primary:hover{background:#e5752a;transform:translateY(-2px);box-shadow:0 4px 12px #f6863466}.auth-button--primary:active{transform:translateY(0);box-shadow:0 2px 6px #f686344d}.auth-button--secondary{background:#fff;color:#f68634;border:2px solid #F68634}.auth-button--secondary:hover{background:#f686341a}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-input-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%}.auth-input-label{width:100%;font-family:Outfit,sans-serif;font-style:normal;font-weight:600;font-size:20px;line-height:25px;color:#2e2d2d}.auth-input-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;gap:10px;width:100%;height:80px;background:#f5f5f5;border-radius:8px;box-sizing:border-box;transition:all .3s ease}.auth-input-wrapper:focus-within{background:#fff;box-shadow:0 0 0 2px #f686344d}.auth-input{flex:1;border:none;background:transparent;outline:none;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#2e2d2d}.auth-input::placeholder{color:#979797}.auth-input-toggle-password{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;padding:0;cursor:pointer;transition:opacity .3s ease}.auth-input-toggle-password:hover{opacity:.7}.auth-checkbox-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px}.auth-checkbox-label{display:flex;flex-direction:row;align-items:center;padding:0;gap:10px;cursor:pointer}.auth-checkbox-input{position:absolute;opacity:0;width:0;height:0}.auth-checkbox-custom{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:#f68634;border-radius:5px;transition:all .3s ease}.auth-checkbox-input:not(:checked)+.auth-checkbox-custom{background:#fff;border:2px solid #979797}.auth-checkbox-input:focus+.auth-checkbox-custom{box-shadow:0 0 0 3px #f686344d}.auth-checkbox-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.25px;color:#2e2d2d}.otp-input-box-wrapper{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 12px;gap:10px;width:84px;height:76px;background:#fff;border:1px solid #9BADCA;border-radius:5px;transition:all .2s ease-in-out}.otp-input-box-wrapper:focus-within{border-color:#f68634;box-shadow:0 0 0 2px #f6863433}.otp-input-box{width:100%;height:100%;border:none;background:transparent;outline:none;font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:36px;line-height:44px;text-align:center;color:#1e4178;padding:0;margin:0}.otp-input-box::selection{background-color:#f6863433}.otp-input-box::-webkit-outer-spin-button,.otp-input-box::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:480px){.otp-input-box-wrapper{width:60px;height:60px;padding:10px}.otp-input-box{font-size:28px;line-height:34px}}.otp-input-container{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:24px;width:100%;justify-content:center}@media(max-width:480px){.otp-input-container{gap:12px}}.auth-grid-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:5.6px;width:70px;height:70px}.auth-grid-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:5.6px;width:70px;height:7px;flex:none;order:0;align-self:stretch;flex-grow:0}.auth-grid-dot{width:7px;height:7px;border-radius:50%;background:#fad8bf;flex:none;order:0;flex-grow:0}.signup-layout{display:flex;flex-direction:row;width:100%;min-height:100vh;height:1030px;background:#fff;position:relative;overflow:hidden}.signup-layout-left{position:absolute;width:700px;height:100%;min-height:110vh;left:0;top:0;background:#f686341a;overflow:hidden;z-index:1}.signup-layout-image-wrapper{position:absolute;width:644.8px;height:615px;left:50%;transform:translate(-50%);top:100px}.signup-layout-image{width:100%;height:100%;object-fit:contain}.signup-layout-text-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;position:absolute;width:494px;height:212px;left:31px;top:800px}.signup-layout-heading{width:510px;height:128px;font-family:Coolvetica,Outfit,sans-serif;font-style:normal;font-weight:400;font-size:60px;line-height:64px;text-align:left;color:#f68634;margin:0}.highlight-blue{color:#02aff3}.signup-layout-subheading{width:490px;height:60px;font-family:Outfit,sans-serif;font-style:normal;font-weight:300;font-size:20px;line-height:30px;text-align:left;color:#000;margin:0}.signup-layout-right{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;position:absolute;width:500px;height:calc(100% - 44px);left:740px;top:44px;z-index:1;overflow-y:auto;-ms-overflow-style:auto;scrollbar-width:thin;margin-left:0;min-height:auto;justify-content:flex-start}.signup-layout-right::-webkit-scrollbar{display:none}@media(max-width:1024px){.signup-layout{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.signup-layout-left{position:relative;width:100%;height:auto;min-height:auto;padding-bottom:40px;left:0}.signup-layout-right{position:relative;width:100%;left:0;top:0;padding:40px 20px;height:auto;min-height:auto;overflow-y:visible;gap:24px}.signup-layout-image-wrapper{position:relative;top:auto;left:auto;transform:none;margin:60px auto 40px;width:80%;max-width:350px;height:350px}.signup-layout-text-content{position:relative;top:auto;left:auto;transform:none;width:100%;height:auto;padding:0 40px;align-items:center;text-align:center;box-sizing:border-box}.signup-layout-heading{width:100%;height:auto;font-size:42px;line-height:1.2;text-align:center}.signup-layout-subheading{width:100%;height:auto;font-size:18px;line-height:1.5;text-align:center}.signup-layout-right::-webkit-scrollbar{display:none}}@media(max-width:480px){.signup-layout-left{min-height:auto;padding-bottom:20px}.signup-layout-image-wrapper{width:70%;height:250px;margin:40px auto 20px}.signup-layout-text-content{padding:0 20px}.signup-layout-heading{font-size:32px}.signup-layout-subheading{font-size:16px}.signup-layout-right{padding:30px 15px}}.signin-container{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;width:494px;max-width:100%;position:relative}.signin-logo-container{display:flex;justify-content:center;width:100%}.signin-logo-wrapper{width:81px;height:81px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000014}.signin-logo{width:65.25px;height:65.25px;object-fit:contain}.signin-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:72px;width:100%}.signin-header-section{display:flex;flex-direction:column;align-items:center;padding:0;gap:40px;width:100%}.signin-header{display:flex;flex-direction:column;align-items:center;padding:0;gap:28px;width:100%}.signin-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:40px;line-height:50px;color:#000;margin:0;text-align:center}.signin-form,.signin-fields{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%}.signin-options{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%}.signin-forgot-password{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#f68634;text-decoration:none;transition:opacity .3s ease}.signin-forgot-password:hover{opacity:.8}.signin-signup-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#2e2d2d;margin:0;width:100%}.signin-signup-link{color:#f68634;text-decoration:none;font-weight:600;transition:opacity .3s ease}.signin-signup-link:hover{opacity:.8}.signin-copyright{position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@media(max-width:768px){.signin-container{width:100%;padding:0 15px;box-sizing:border-box}.signin-title{font-size:28px;line-height:35px}.signin-content{gap:40px}.signin-header-section{gap:24px}.signin-options{flex-direction:column;gap:16px;align-items:flex-start}.signin-copyright{position:relative;bottom:auto;left:auto;transform:none;margin-top:24px}}@media(max-width:480px){.signin-title{font-size:24px;line-height:30px}.signin-logo-wrapper{width:64px;height:64px}.signin-logo{width:50px;height:50px}}.forgot-password-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#f5f5f5;padding:20px;box-sizing:border-box}.forgot-password-card{display:flex;flex-direction:column;align-items:flex-start;padding:64px;gap:32px;width:665px;max-width:100%;background:#fff;border-radius:10px;box-shadow:0 4px 24px #00000014;position:relative}.forgot-password-logo-wrapper{width:81px;height:81px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000014}.forgot-password-logo{width:65.25px;height:65.25px;object-fit:contain}.forgot-password-title{width:100%;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:36px;line-height:52px;color:#000;margin:0}.forgot-password-description{width:100%;max-width:537px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:#828282;margin:0}.forgot-password-form{width:100%}.forgot-password-form-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:32px;width:100%}.forgot-password-input-container{width:100%}.forgot-password-input-container .auth-input-wrapper{height:57px}.forgot-password-input-container .auth-input{font-size:20px;line-height:25px}.forgot-password-form .auth-button{height:61px;padding:18px 32px;font-weight:500}@media(max-width:768px){.forgot-password-card{padding:40px 24px;gap:24px}.forgot-password-title{font-size:28px;line-height:36px}.forgot-password-description{font-size:14px;line-height:22px}.forgot-password-logo-wrapper{width:64px;height:64px}.forgot-password-logo{width:50px;height:50px}}@media(max-width:480px){.forgot-password-wrapper{padding:15px}.forgot-password-card{padding:32px 20px;gap:20px}.forgot-password-title{font-size:24px;line-height:32px}.forgot-password-description{font-size:14px;line-height:20px}.forgot-password-form-content{gap:24px}}.otp-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0;gap:24px;width:494px;max-width:100%;position:relative}.otp-logo-container{display:flex;justify-content:center;width:100%}.otp-logo-wrapper{width:81px;height:81px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000014}.otp-logo{width:65.25px;height:65.25px;object-fit:contain}.otp-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:40px;line-height:50px;color:#000;text-align:center;margin:0}.otp-description{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#828282;margin:0;max-width:100%}.otp-form{width:100%;display:flex;flex-direction:column;align-items:center}.otp-form-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:32px;width:100%}.otp-input-section{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;width:100%}.otp-timer{width:100%;height:24px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#f2451c}.otp-resend-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:4px;width:100%}.otp-resend-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#828282}.otp-resend-link{font-family:Outfit,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-align:center;color:#f68634;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.otp-resend-link:hover{text-decoration:underline}.otp-resend-link.disabled{color:#bdbdbd;cursor:default;pointer-events:none;text-decoration:none}@media(max-width:768px){.otp-card{padding:40px 24px;height:auto;min-height:500px}.otp-logo-wrapper{width:64px;height:64px}.otp-logo{width:50px;height:50px}.otp-title{font-size:28px;line-height:36px;width:auto;height:auto}}@media(max-width:480px){.otp-wrapper{padding:15px}.otp-card{padding:32px 20px;gap:20px}.otp-title{font-size:24px;line-height:32px}}.new-password-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#f5f5f5;padding:20px;box-sizing:border-box}.new-password-card{display:flex;flex-direction:column;align-items:flex-start;padding:64px;gap:32px;width:665px;max-width:100%;height:710px;max-height:100%;background:#fff;border-radius:10px;box-shadow:0 4px 24px #00000014;position:relative}.new-password-logo-wrapper{width:81px;height:81px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000014}.new-password-logo{width:65.25px;height:65.25px;object-fit:contain}.new-password-title{width:100%;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:36px;line-height:52px;color:#000;margin:0}.new-password-description{width:100%;max-width:537px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:#828282;margin:0}.new-password-form{width:100%;display:flex;flex-grow:1}.new-password-form-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:32px;width:100%;height:100%}.new-password-fields{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;width:100%}.new-password-input-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px}.new-password-input-container .auth-input-wrapper{height:57px}.new-password-input-container .auth-input{font-size:20px;line-height:25px}.new-password-input-container .auth-input::placeholder{color:#0009}.new-password-form .auth-button{height:61px;padding:18px 32px;font-weight:500;margin-top:auto}@media(max-width:768px){.new-password-card{padding:40px 24px;height:auto;gap:24px}.new-password-title{font-size:28px;line-height:36px}.new-password-logo-wrapper{width:64px;height:64px}.new-password-logo{width:50px;height:50px}}@media(max-width:480px){.new-password-wrapper{padding:15px}.new-password-card{padding:32px 20px;gap:20px}.new-password-title{font-size:24px;line-height:32px}.new-password-form-content,.new-password-fields{gap:24px}}.signup-container{display:flex;flex-direction:column;align-items:center;padding:0 0 40px;gap:24px;width:494px;max-width:100%;position:relative}.signup-logo-container{display:flex;justify-content:center;width:100%}.signup-logo-wrapper{width:81px;height:81px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000014}.signup-logo{width:65.25px;height:65.25px;object-fit:contain}.signup-header{display:flex;flex-direction:column;align-items:center;padding:0;gap:28px;width:100%}.signup-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:40px;line-height:50px;color:#000;text-align:center;margin:0}.signup-form{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;width:100%}.signup-name-row{display:flex;flex-direction:row;gap:24px;width:100%}.signup-name-row>*{flex:1}.signup-terms{width:100%;display:flex;align-items:center}.signup-footer-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#2e2d2d;margin:0}.signup-signin-link{color:#f68634;font-weight:600;text-decoration:none}.signup-signin-link:hover{text-decoration:underline}.signup-copyright{margin-top:20px}.signup-step{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.signup-step-active{opacity:1;pointer-events:auto}.signup-step-hidden{display:none;opacity:0;pointer-events:none}.signup-grid-position{position:absolute;left:71px;bottom:80px}@media(max-width:768px){.signup-header{gap:20px}.signup-title{font-size:28px;line-height:36px}.signup-name-row{flex-direction:column;gap:24px}}.signin-hod-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:494px;margin:0 auto;padding:0}.signin-hod-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.signin-hod-logo-box{width:81px;height:81px;display:flex;justify-content:center;align-items:center;margin-bottom:8px}.logo-rectangle{width:81px;height:81px;background:#fff;border-radius:18.9844px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #0000000d}.signin-logo-img{width:65.25px;height:65.25px}.signin-hod-header{width:100%;text-align:center;margin-bottom:8px}.signin-hod-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:32px;line-height:40px;color:#000;margin:0}.signin-hod-form{width:100%;display:flex;flex-direction:column;gap:24px}.form-fields-container{display:flex;flex-direction:column;gap:24px;width:100%}.signin-hod-options{width:100%;display:flex;justify-content:flex-start}.signin-hod-action{width:100%}.signin-hod-form .auth-input-label{font-family:Outfit;font-weight:600;font-size:20px;line-height:25px;color:#2e2d2d;margin-bottom:16px}.signin-hod-form .auth-input-wrapper{background:#f5f5f5;height:52px;border:none}.signin-hod-form .auth-input::placeholder{color:#979797}@media(max-width:768px){.signin-hod-container{padding:20px;max-width:100%}.signin-hod-title{font-size:28px}}.complete-signup-container{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;width:494px;max-width:100%;position:relative;margin:0 auto}.complete-signup-logo-container{display:flex;justify-content:center;width:100%}.complete-signup-logo-wrapper{width:81px;height:81px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000014}.complete-signup-logo{width:65.25px;height:65.25px;object-fit:contain}.complete-signup-content{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;background:#fff;border-radius:24px;padding:40px;box-shadow:0 10px 25px #0000000d}.complete-signup-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.complete-signup-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:600;color:#1e293b;margin:0}.complete-signup-subtitle{font-family:Outfit,sans-serif;font-size:16px;color:#64748b;margin:0}.complete-signup-form{display:flex;flex-direction:column;gap:24px;width:100%}.complete-signup-fields{display:flex;flex-direction:column;gap:16px}.error-message{color:#ff383c;font-size:14px;text-align:center;margin-bottom:8px;background:#fff1f2;padding:10px;border-radius:8px;width:100%}@media(max-width:600px){.complete-signup-container{width:100%}.complete-signup-content{padding:24px;gap:24px}.complete-signup-title{font-size:24px}}.dashboard-layout{display:flex;background-color:#f8f9fa;min-height:100vh}.dashboard-main{margin-left:250px;flex:1;display:flex;flex-direction:column;background-color:#fafafa;transition:margin-left .3s ease;min-width:0}.dashboard-main.sidebar-closed{margin-left:80px}.dashboard-content{padding:32px;display:flex;flex-direction:column;gap:32px;overflow-x:hidden}@media(max-width:1024px){.dashboard-content{padding:24px;gap:24px}}@media(max-width:768px){.dashboard-main,.dashboard-main.sidebar-closed{margin-left:0}.dashboard-content{padding:16px;gap:16px}}@media(max-width:480px){.dashboard-content{padding:12px;gap:12px}}.sidebar-container{display:flex;flex-direction:column;width:250px;height:100vh;background:#fff;border-right:1px solid #E0E0E0;position:fixed;left:0;top:0;transition:width .3s ease,transform .3s ease;z-index:1000}.sidebar-container.collapsed{width:80px}@media(max-width:768px){.sidebar-container{transform:translate(-100%);width:250px}.sidebar-container:not(.collapsed){transform:translate(0)}.sidebar-container.collapsed{width:250px;transform:translate(-100%)}}.sidebar-header{height:120px;border-bottom:.5px solid #D7D7D7;display:flex;justify-content:center;align-items:center;position:relative;min-height:100px;flex-shrink:0}.sidebar-container.collapsed .sidebar-logo{max-width:50px}.sidebar-logo{max-width:150px;transition:max-width .3s ease}.sidebar-content{flex:1;display:flex;flex-direction:column;padding:12px 0;gap:4px;overflow-y:auto;overflow-x:hidden}.sidebar-footer{padding:12px 0;border-top:1px solid #eee;flex-shrink:0}.sidebar-toggle-wrapper{position:absolute;right:-22px;top:90px;transition:right .3s ease}.sidebar-container.collapsed .sidebar-toggle-wrapper{right:-22px}@media(max-width:768px){.sidebar-toggle-wrapper{display:none}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media(max-width:768px){.sidebar-overlay{display:block}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-mobile-search{display:block;padding:0 16px;margin-bottom:8px}.sidebar-mobile-search .input-search-container{width:100%;max-width:100%;background:#f686341a;box-shadow:none}}.sidebar-mobile-search{display:none}.sidebar-item{display:flex;flex-direction:row;align-items:center;padding:12px 16px;width:210.58px;height:50px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;border-radius:8px 0 0 8px;color:#000;box-sizing:border-box}.sidebar-item:hover{background-color:transparent;color:#000}.sidebar-icon.active{background-color:transparent;color:#f68634}.sidebar-item.active{border-left:3px solid #F68634;color:#000}.sidebar-item-content{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;width:130px;height:32px}.sidebar-icon{width:26px;height:26px;object-fit:contain;transition:filter .2s ease}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{filter:brightness(0) saturate(100%) invert(67%) sepia(35%) saturate(3025%) hue-rotate(336deg) brightness(98%) contrast(97%)}.sidebar-label{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:inherit;white-space:nowrap}.sidebar-item.logout{color:#000}.sidebar-item.collapsed{width:64px;justify-content:center;padding:12px 8px;height:46px}.sidebar-item.collapsed .sidebar-item-content{width:auto;justify-content:center}.sidebar-item.collapsed .sidebar-icon{width:28px;height:28px}.sidebar-item.collapsed:hover{background-color:#f686341a}@media(max-width:768px){.sidebar-item.collapsed{width:210.58px;justify-content:flex-start;padding:16px}.sidebar-item.collapsed .sidebar-item-content{width:130px;justify-content:flex-start}.sidebar-item.collapsed .sidebar-icon{width:32px;height:32px}.sidebar-item{width:100%;max-width:220px}}.sidebar-item.unclickable{cursor:default}.sidebar-item.unclickable:hover{color:#000}.sidebar-item.unclickable:hover .sidebar-icon{filter:none}.sidebar-item-container{display:flex;flex-direction:column;width:100%}.sidebar-submenu-inline{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:0;gap:0px;margin-left:24px;margin-top:0;z-index:10}.submenu-items-list{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:7.98px;width:100%;max-width:200px}.submenu-item{display:flex;flex-direction:row;align-items:center;padding:8px 12px;gap:12px;width:100%;height:auto;box-sizing:border-box;cursor:pointer;border-radius:4px;transition:background .2s,color .2s;background:transparent;margin-bottom:2px}.submenu-item:hover{background:#f68634}.submenu-item.overview{justify-content:flex-start}.submenu-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#000;white-space:nowrap}.submenu-item:hover .submenu-text{color:#000}.submenu-tree-icon{height:110px;width:auto;margin-right:0;flex-shrink:0}.sidebar-item.locked{opacity:.6}.sidebar-item.locked .sidebar-item-content{position:relative}.sidebar-item.locked:hover{color:#000}.sidebar-item.locked:hover .sidebar-icon{filter:none}.submenu-item.submenu-locked{opacity:.6}.submenu-item.submenu-locked:hover{background:#e2e8f0}.submenu-item.submenu-locked:hover .submenu-text{color:#000}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:.5px solid #707070;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease;z-index:100}.sidebar-toggle-btn:hover{background:#f9f9f9}.sidebar-toggle-icon{width:24px;height:24px;transition:transform .3s}.sidebar-toggle-btn.closed .sidebar-toggle-icon{transform:rotate(180deg)}.input-search-container{display:flex;align-items:center;padding:12px 10px;gap:16px;width:100%;max-width:478px;height:48px;background:#ffe1c9;border-radius:16px;transition:all .3s ease}.input-search-container:focus-within{background:#ffe1c9;box-shadow:0 0 0 2px #fdddc466}.input-search-icon{width:24px;height:24px;flex-shrink:0}.input-search-field{width:100%;border:none;background:transparent;font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:-.24px;color:#f68634;outline:none}.input-search-field::placeholder{color:#f68634;opacity:.8}@media(max-width:768px){.input-search-container{width:100%;max-width:none;height:44px;padding:10px 8px;gap:12px}.input-search-icon{width:20px;height:20px}.input-search-field{font-size:11px}}@media(max-width:480px){.input-search-container{height:40px;padding:8px;gap:10px;border-radius:12px}.input-search-icon{width:18px;height:18px}.input-search-field{font-size:10px}}.logout-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center}.logout-card{display:flex;flex-direction:column;align-items:center;padding:24px;gap:40px;width:526px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a}.logout-logo{width:80.39px;height:80.39px;object-fit:contain}.logout-content{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.logout-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;text-align:center;color:#202224;margin:0}.logout-actions{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:16px;width:100%}.logout-btn-yes{display:flex;justify-content:center;align-items:center;padding:16px;gap:16px;width:204px;height:60px;background:#f68634;border-radius:10px;border:none;cursor:pointer;font-family:Poppins;font-style:normal;font-weight:400;font-size:34px;line-height:52px;color:#fff}.logout-btn-no{display:flex;justify-content:center;align-items:center;padding:16px;gap:16px;width:176px;height:60px;border:2px solid #F68634;border-radius:10px;background:transparent;cursor:pointer;font-family:Poppins;font-style:normal;font-weight:400;font-size:34px;line-height:52px;color:#f68634}@media(max-width:768px){.logout-card{width:90%;padding:16px}.logout-btn-yes,.logout-btn-no{width:100%;font-size:24px}.logout-actions{flex-direction:column;align-items:center}}.topnav-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-bottom:1px solid #F2F2F2;height:84px;width:100%}.topnav-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.24px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.topnav-title-row{display:flex;flex-direction:row;align-items:center;gap:12px}.topnav-actions{display:flex;flex-direction:row;align-items:center;gap:24px;flex:1;justify-content:flex-end;min-width:0}.search-wrapper{flex:1;display:flex;justify-content:flex-end;min-width:150px}.notification-container{display:flex;flex-direction:row;align-items:center;padding:0;gap:20px;width:44px;height:44px}.notification-circle{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background:#fcdbc2;border-radius:24px;cursor:pointer;transition:background .2s;padding:10px;gap:10px;position:relative}.notification-circle:hover{background:#fbd0b0}.notification-icon{width:40px;height:40px}.notification-badge{position:absolute;top:10px;right:13px;width:8px;height:8px;background-color:red;border-radius:50%;border:2px solid #FF0000}.clickable-profile{cursor:pointer;transition:opacity .2s ease}.clickable-profile:hover{opacity:.8}@media(max-width:768px){.topnav-container{padding:16px;height:auto;flex-direction:row;gap:16px}.topnav-actions{width:auto;justify-content:flex-end;gap:20px}.input-search-container{display:none}.topnav-title{font-size:20px;line-height:24px}.notification-circle{width:38px;height:38px;padding:8px}.notification-badge{top:6px;right:6px;width:8px;height:8px}.notification-icon{width:28px;height:28px}}@media(max-width:480px){.topnav-container{padding:12px;gap:12px}.topnav-title{font-size:18px;line-height:22px}.topnav-actions{gap:16px}.notification-circle{width:36px;height:36px;padding:6px}.notification-badge{top:4px;right:4px;width:7px;height:7px}.notification-icon{width:24px;height:24px}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#f686341a;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:background .2s ease}.mobile-menu-btn:hover{background:#f6863433}.mobile-menu-btn svg,.mobile-menu-btn img{width:24px;height:24px}@media(max-width:768px){.mobile-menu-btn{display:flex}}.premium-badge{display:flex;flex-direction:row;align-items:center;padding:0 4px 0 0;gap:8px;width:auto;height:32px;background:transparent;cursor:default;flex-shrink:0}.premium-icon-wrapper{width:32px;height:32px;position:relative;background:#761d15;border-radius:6.51898px;display:flex;justify-content:center;align-items:center}.premium-icon{width:20.48px;height:20.48px}.premium-text{width:auto;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:normal;text-align:center;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.profile-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;min-width:fit-content}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #eee;transition:transform .2s;image-rendering:-webkit-optimize-contrast}.profile-container:hover .profile-image{transform:scale(1.05)}.profile-name{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:17px;text-align:center;color:#f68634;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.profile-image{width:36px;height:36px}.profile-name{font-size:12px}}@media(max-width:480px){.profile-image{width:32px;height:32px}.profile-name{font-size:11px}.profile-container{gap:4px}}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-top:8px;z-index:1000;max-height:400px;overflow-y:auto;border:1px solid #f1f5f9;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f8fafc}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f1f5f9}.result-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0;background:#e2e8f0}.result-avatar img{width:100%;height:100%;object-fit:cover}.result-info{flex:1;min-width:0}.result-name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-subtext{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}.result-type{text-transform:capitalize;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:500}.result-divider{color:#cbd5e1}.search-results-dropdown::-webkit-scrollbar{width:6px}.search-results-dropdown::-webkit-scrollbar-track{background:transparent}.search-results-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.stats-card-section{display:flex;flex-direction:row;gap:30px;flex-wrap:wrap;width:100%}@media(max-width:1024px){.stats-card-section{gap:16px}}@media(max-width:768px){.stats-card-section{gap:12px}}@media(max-width:480px){.stats-card-section{flex-direction:column;gap:10px}}.stat-card-container{background:#fff;border-radius:8px;padding:24px 32px;width:347px;height:159px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;box-shadow:0 2px 10px #00000005;transition:transform .2s;flex:1;min-width:300px;box-sizing:border-box}.stat-card-container:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.stat-info{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px}.stat-title{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#888;mix-blend-mode:normal;opacity:.7}.stat-value{font-family:Outfit;font-style:normal;font-weight:500;font-size:28px;line-height:35px;letter-spacing:1px;color:#202224;white-space:nowrap}.stat-trend-container{display:flex;flex-direction:row;align-items:center;height:24px;font-family:Outfit;font-style:normal;font-weight:500;font-size:14px;line-height:18px;white-space:nowrap;gap:8px}.trend-icon{width:20px;height:20px}.stat-icon-wrapper{width:60px;height:60px;border-radius:23px;display:flex;align-items:center;justify-content:center;flex:none;flex-shrink:0;order:1}.stat-info{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;min-width:0;flex:1}.stat-icon{width:32px;height:32px}@media(max-width:1024px){.stat-card-container{min-width:250px;padding:20px 24px;height:auto;min-height:140px}.stat-value{font-size:24px;line-height:30px}.stat-icon-wrapper{width:50px;height:50px}.stat-icon{width:28px;height:28px}}@media(max-width:768px){.stat-card-container{min-width:200px;padding:16px 20px;min-height:120px}.stat-title{font-size:14px}.stat-value{font-size:22px;line-height:28px}.stat-trend-container{font-size:12px;gap:6px}.trend-icon{width:16px;height:16px}.stat-icon-wrapper{width:45px;height:45px;border-radius:16px}.stat-icon{width:24px;height:24px}.stat-info{gap:12px}}@media(max-width:480px){.stat-card-container{min-width:100%;width:100%;padding:14px 16px;min-height:100px;gap:8px}.stat-title{font-size:13px}.stat-value{font-size:20px;line-height:25px}.stat-trend-container{font-size:11px;gap:4px}.trend-icon{width:14px;height:14px}.stat-icon-wrapper{width:40px;height:40px;border-radius:14px}.stat-icon{width:22px;height:22px}.stat-info{gap:10px}}.givings-chart-container{background:#fff;border:2px solid #ECEEF7;border-radius:8px;padding:0;width:100%;height:401px;position:relative;box-sizing:border-box}.chart-header{position:absolute;top:32px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start}.chart-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;letter-spacing:.01em;color:#000}.chart-filter-simple{display:flex;flex-direction:row;align-items:flex-start;padding:10px;gap:10px;width:auto;height:38px;background:#f7f7f7;border-radius:12px;cursor:pointer}.chart-filter-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;text-align:center;letter-spacing:.01em;color:#000}.chevron-icon{width:16px;height:16px;transition:transform .2s ease}.chevron-icon.rotated{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:45px;right:0;background:#fff;border:1px solid #ECEEF7;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;width:120px;display:flex;flex-direction:column;overflow:hidden}.filter-item{padding:10px 15px;font-family:Outfit;font-size:14px;color:#333;cursor:pointer;transition:background .2s}.filter-item:hover{background:#f7f7f7}.chart-content{position:absolute;inset:90px 30px 30px;display:flex}.y-axis-container{display:flex;flex-direction:column;justify-content:space-between;height:242px;width:30px;margin-right:20px;margin-top:10px}.y-label{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.01em;color:#bcbcbc;text-align:right;height:18px}.chart-plot{flex:1;position:relative;height:260px}.grid-lines-layer{position:absolute;top:10px;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;height:242px;z-index:0}.dash-line{width:100%;height:0px;border:1.2px dashed #E0E0E0}.bars-layer{position:absolute;inset:8px 10px 0;display:flex;align-items:flex-end;justify-content:space-between;z-index:1;height:280px;pointer-events:none}.bar-group{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;width:56px;position:relative;gap:14px}.bar-rect{width:56px;background:#02aff3;box-shadow:0 8px 12px #295cd84d;border-radius:8px;position:relative}.month-label{font-family:Outfit;font-style:normal;font-weight:500;font-size:14px;line-height:18px;text-align:center;letter-spacing:-.01em;color:#bcbcbc;height:22px}.month-label.active{font-weight:600;color:#1f1515}.tooltip-popup{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:10px;position:absolute;top:-45px;left:50%;transform:translate(-50%);width:65px;height:35px;background:#000;border-radius:8px;z-index:10;opacity:0;transition:opacity .2s;pointer-events:none}.tooltip-text{font-family:Outfit;font-style:normal;font-weight:500;font-size:12px;line-height:15px;letter-spacing:-.24px;color:#fff;white-space:nowrap}.bar-group:hover .tooltip-popup{opacity:1}@media(max-width:1024px){.givings-chart-container{height:350px}.chart-header{left:20px;right:20px;top:20px}.chart-content{inset:70px 20px 20px}.bar-group,.bar-rect{width:40px}}@media(max-width:768px){.givings-chart-container{height:auto;min-height:350px;padding-bottom:20px;display:flex;flex-direction:column}.chart-header{position:relative;top:auto;left:auto;right:auto;padding:20px 20px 0;flex-direction:row;justify-content:space-between;align-items:center;flex-shrink:0}.chart-content{position:relative;inset:auto;padding:20px;flex:1;display:flex;flex-direction:column;overflow-x:hidden}.y-axis-container{display:none}.chart-plot{height:240px;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:10px}.grid-lines-layer{display:flex;height:242px;width:100%;min-width:600px}.bars-layer{position:relative;inset:0 auto auto 0;height:242px;display:flex;justify-content:space-between;align-items:flex-end;min-width:600px;gap:16px;padding:0 10px}.bar-group{width:40px;min-width:40px}.month-label{width:100%;text-align:center}.chart-plot::-webkit-scrollbar{height:4px}.chart-plot::-webkit-scrollbar-track{background:#f1f1f1}.chart-plot::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}}@media(max-width:480px){.chart-header{padding:16px 16px 0;flex-direction:column;align-items:flex-start;gap:12px}.chart-filter-simple{align-self:flex-start}.bars-layer,.grid-lines-layer{min-width:500px}}.list-subscribers{display:flex;flex-direction:column;gap:24px}.subscribers-table-card{background:#fff;border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:24px}.list-header{font-family:Outfit;font-weight:500;font-size:24px;color:#000}@media(max-width:1024px){.subscribers-table-card{padding:24px;gap:20px}.list-header{font-size:22px}}@media(max-width:768px){.list-subscribers{gap:16px}.subscribers-table-card{padding:16px;gap:16px;border-radius:8px}.list-header{font-size:20px}.popup-calendar,.popup-subscription{left:0!important;right:0!important;margin:0 auto;width:100%;display:flex;justify-content:center;top:60px!important}}@media(max-width:480px){.subscribers-table-card{padding:12px;gap:12px}.list-header{font-size:18px}}.dashboard-filter-container{display:flex;flex-direction:row;align-items:center;padding:0 16px;background:#fff;border-radius:8px;width:fit-content;min-width:660px;height:70px;box-sizing:border-box;gap:1px;border:1px solid #E0E0E0}.filter-group{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;height:70px}.filter-icon-group{width:56px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-by-group{width:84px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-subscription-group{width:176px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-date-group{width:177px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-account-status-group{width:160px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-last-login-group{width:140px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-date-range-group{width:160px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-status-group{width:130px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-category-group{width:150px;padding:16px;gap:10px;border-right:.5px solid #888888;justify-content:center}.filter-reset-group{width:131px;padding:16px;gap:10px;justify-content:center}.filter-base-icon{width:24px;height:24px}.filter-label{font-family:Outfit;font-style:normal;font-weight:500;font-size:14px;line-height:18px;color:#000;white-space:nowrap}.chevron-down{width:24px;height:24px;object-fit:contain;padding:4px;box-sizing:border-box}.filter-reset{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.filter-reset span{font-family:Outfit;font-style:normal;font-weight:500;font-size:14px;line-height:18px;color:#ea0234}@media(max-width:1024px){.dashboard-filter-container{width:100%;overflow-x:auto;padding:0 8px;min-width:0}}@media(max-width:768px){.dashboard-filter-container{flex-direction:column;height:auto;width:100%;gap:0;padding:0}.filter-group{width:100%;border-right:none;border-bottom:.5px solid #888888;justify-content:space-between;padding:12px 16px;height:50px}.filter-reset-group{border-bottom:none}}.dashboard-table{width:100%;border-collapse:collapse;min-width:900px}.dashboard-table th{text-align:left;padding:12px 16px;font-family:Outfit;font-weight:400;font-size:16px;color:#000;border-bottom:1px solid #D7D7D7}.dashboard-table td{padding:16px;vertical-align:top;font-family:Outfit;font-weight:400;font-size:16px;color:#0009;border-bottom:1px solid #F2F2F2}.user-cell{display:flex;align-items:center;gap:12px}.user-cell-img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#d9d9d9}.contact-cell{display:flex;flex-direction:column;gap:4px}.badge{padding:4px 8px;border-radius:2px;font-size:12px;display:inline-flex;align-items:center;gap:4px}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-green{background:#05c1681a;color:#14ca74}.badge-green .badge-dot{background:#05c168}.badge-blue{background:#295cd81a;color:#295cd8}.badge-blue .badge-dot{background:#295cd8}.badge-gray{background:#8888881a;color:#888}.badge-gray .badge-dot{background:#888}.action-cell{display:flex;gap:16px}.action-icon{cursor:pointer;width:24px;height:24px}.table-wrapper{overflow-x:auto;width:100%;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#0003}@media(max-width:1024px){.dashboard-table{min-width:700px}.dashboard-table th{font-size:16px;padding:10px 12px}.dashboard-table td{font-size:14px;padding:12px}}@media(max-width:768px){.dashboard-table{min-width:600px}.dashboard-table th{font-size:14px;padding:8px 10px}.dashboard-table td{font-size:13px;padding:10px}.user-cell-img{width:28px;height:28px}.action-icon{width:20px;height:20px}}@media(max-width:480px){.dashboard-table{min-width:500px}.dashboard-table th{font-size:12px;padding:6px 8px}.dashboard-table td{font-size:12px;padding:8px}.user-cell{gap:8px}.user-cell-img{width:24px;height:24px}.badge{font-size:10px;padding:2px 6px}}.pagination-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;height:30px}.pagination-info{font-family:Outfit;font-style:normal;font-weight:500;font-size:14px;line-height:18px;color:#0009;opacity:.6}.pagination-controls{display:flex;align-items:center;background:#fafbfd;border:.6px solid #D5D5D5;border-radius:8px;height:30px;padding:0 8px;gap:8px}.page-arrow{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;opacity:.6;padding:0}.arrow-icon{width:12px;height:12px}.arrow-left{transform:rotate(90deg)}.arrow-right{transform:rotate(-90deg)}.page-sep{height:100%;width:.4px;background:#888;opacity:.7;margin:0 4px}@media(max-width:768px){.pagination-container{flex-direction:column;gap:12px;height:auto}.pagination-info{font-size:12px}.pagination-controls{padding:0 6px;gap:6px}.page-arrow{width:20px;height:20px}.arrow-icon{width:10px;height:10px}}@media(max-width:480px){.pagination-info{font-size:11px}.pagination-controls{height:26px;padding:0 4px}.page-arrow{width:18px;height:18px}}.calendar-container{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;isolation:isolate;width:348px;background:#fff;box-shadow:0 10px 50px #8b8b8b1a;border-radius:24px;box-sizing:border-box;z-index:1000}.calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:40px}.nav-btn{width:40px;height:40px;border-radius:16px;border:none;background:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer}.nav-btn:hover{background:#f2f2f2}.month-year{font-family:Outfit;font-weight:500;font-size:16px;line-height:20px;text-align:center;color:#282828}.days-header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:6px}.day-name{width:40px;font-family:Outfit;font-weight:500;font-size:14px;line-height:18px;text-align:center;color:#ababab}.calendar-divider{width:100%;height:1px;background:#dbdbdb;display:none}.calendar-grid{display:flex;flex-wrap:wrap;gap:6px;row-gap:8px;width:316px;padding-bottom:16px;border-bottom:1px solid #DBDBDB}.day-cell{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:16px;font-family:Outfit;font-weight:500;font-size:16px;color:#282828;cursor:pointer;position:relative;isolation:isolate}.day-cell.prev-month,.day-cell.next-month{color:#dbdbdb}.day-cell.selected-start,.day-cell.selected-end{color:#fff}.day-cell.selected-start:after,.day-cell.selected-end:after{content:"";position:absolute;inset:0;background:#f68634;border-radius:16px;z-index:0}.day-cell.in-range{color:#f68634;background:transparent}.day-cell.has-range-bg:before{content:"";position:absolute;inset:0;background:#dfedfd;z-index:-1;border-radius:16px}.day-cell.connect-left:before{border-top-left-radius:0;border-bottom-left-radius:0;left:-3px;width:calc(100% + 3px)}.day-cell.connect-right:before{border-top-right-radius:0;border-bottom-right-radius:0;right:-3px;width:auto}.day-cell.connect-left.connect-right:before{left:-3px;right:-3px;width:auto}.day-cell.rounded-left.connect-right:before{left:0;right:-3px;width:auto}.day-cell.connect-left.rounded-right:before{left:-3px;right:0;width:auto}.day-cell:hover:not(.selected-start):not(.selected-end):not(.in-range){background:#f9f9f9}.calendar-footer{display:flex;flex-direction:row;gap:8px;align-items:flex-end;width:100%}.date-inputs{display:contents}.input-field-group{flex:1;position:relative}.input-label{position:absolute;top:-6px;left:10px;background:#fff;padding:0 4px;font-size:10px;color:#282828;pointer-events:none}.input-wrapper{height:40px;border-radius:16px;border:1px solid #8B8B8B;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;width:100%}.date-input{border:none;background:transparent;width:100%;font-family:Outfit;font-size:14px;color:#282828;outline:none}.filter-apply-btn{width:102px;height:40px;background:#f68634;border-radius:16px;border:none;color:#fff;font-family:Outfit;font-weight:500;font-size:16px;cursor:pointer;flex-shrink:0}@media(max-width:768px){.calendar-container{width:100%;max-width:348px;padding:12px}.calendar-grid{width:100%;gap:4px;justify-content:space-between}.day-cell{width:13%;height:auto;aspect-ratio:1/1;font-size:14px;border-radius:8px}.day-name{width:13%;font-size:12px}.calendar-header{height:36px}.month-year{font-size:14px}}.subscription-filter-container{position:absolute;width:390px;height:288.5px;background:#fff;box-shadow:0 13px 61px #0000005d;border-radius:26px;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;z-index:1000}.subscription-filter-header{margin-top:10px;margin-bottom:24px}.subscription-filter-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:18px;line-height:23px;color:#202224}.subscription-filter-options{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:8px}.subscription-chip{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:10px;border-radius:12px;cursor:pointer;font-family:Poppins;font-size:14px;line-height:21px;height:37px;transition:all .2s}.chip-yearly-selected{width:75px;background:#f68634;border:1px solid #F68634;color:#fff}.chip-yearly-default{width:75px;background:#fff;border:1px solid #F68634;color:#f68634}.chip-monthly-selected{width:88px;background:#f68634;border:1px solid #F68634;color:#fff}.chip-monthly-default{width:88px;background:#fff;border:1px solid #F68634;color:#f68634}.chip-free-selected{width:62px;background:#f68634;border:1px solid #F68634;color:#fff}.chip-free-default{width:62px;background:#fff;border:1px solid #F68634;color:#f68634}.subscription-filter-helper-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#434343;opacity:.83;margin-top:10px;margin-bottom:auto}.subscription-filter-divider{width:100%;height:1px;border-top:.5px solid #979797;opacity:.5;margin-bottom:24px}.subscription-filter-apply-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 24px;gap:10px;width:116px;height:42px;background:#f68634;border-radius:8px;border:none;align-self:center;font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#fff;cursor:pointer}@media(max-width:768px){.subscription-filter-container{width:100%;max-width:390px;height:auto;min-height:288.5px;left:0!important;position:relative;margin:0 auto}}.delete-task-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000}.delete-task-container{display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px;width:561px;max-width:90vw;height:auto;min-height:299px;background:#fff;border-radius:8px;box-sizing:border-box;position:relative;box-shadow:0 13px 61px #0000005d}.content-section{display:flex;flex-direction:column;align-items:center;padding:0;gap:7px;width:443px;text-align:center}.delete-title{font-family:Outfit;font-weight:500;font-size:24px;line-height:30px;color:#000;margin:0}.delete-subtitle{font-family:Outfit;font-weight:400;font-size:20px;line-height:25px;color:#888;margin:0}.delete-task-buttons .btn-save{background:#e82d2d;color:#fff}.delete-task-buttons .btn-save:hover:not(:disabled){background:#c91e1e;box-shadow:0 4px 12px #e82d2d33}@media(max-width:768px){.delete-task-container{width:90%;max-width:561px;height:auto;padding:20px}.content-section{width:100%;height:auto}.delete-subtitle{font-size:16px;line-height:20px;height:auto}.delete-task-buttons.action-buttons-container{flex-direction:column;gap:12px;height:auto}.delete-task-buttons .action-btn{width:100%;max-width:none}}.action-buttons-container{display:flex;flex-direction:row;align-items:center;gap:24px;width:100%;max-width:516px;height:52px}.action-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:246px;height:52px;border-radius:12px;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;border:none;outline:none}.action-btn:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:transparent;border:1px solid rgba(0,0,0,.2);color:#000}.btn-cancel:hover:not(:disabled){background:#0000000d;border-color:#0000004d}.btn-save{background:#f68634;color:#fff}.btn-save:hover:not(:disabled){background:#e5772a;box-shadow:0 4px 12px #f6863433}@media(max-width:768px){.action-buttons-container{gap:16px;max-width:100%}.action-btn{flex:1;width:auto;min-width:0}}@media(max-width:600px){.action-buttons-container{flex-direction:column-reverse;height:auto;gap:12px;padding:0}.action-btn{width:100%;max-width:none;height:50px;flex:none}}.recent-transactions{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}.transactions-table-card{background:#fff;border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box;min-width:0}.transactions-table-card .table-wrapper{width:100%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.transactions-table-card .table-wrapper::-webkit-scrollbar{display:none}.section-header{font-family:Outfit;font-weight:500;font-size:24px;letter-spacing:.01em;color:#000}@media(max-width:1024px){.transactions-table-card{padding:24px;gap:20px}.section-header{font-size:22px}}@media(max-width:768px){.recent-transactions{gap:16px}.transactions-table-card{padding:16px;gap:16px;width:100%}.transactions-table-card .table-wrapper{width:100%}.section-header{font-size:20px}}@media(max-width:480px){.transactions-table-card{padding:12px;gap:12px;width:100%}.transactions-table-card .table-wrapper{width:100%}.section-header{font-size:18px}}.account-status-filter-container{position:absolute;width:390px;height:288.5px;background:#fff;box-shadow:0 13px 61px #0000005d;border-radius:26px;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;z-index:1000}.status-filter-header{margin-top:10px;margin-bottom:24px}.status-filter-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:18px;line-height:23px;color:#202224}.status-filter-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-bottom:8px}.status-chip{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:10px;border-radius:12px;cursor:pointer;font-family:Poppins;font-size:14px;line-height:21px;transition:all .2s;height:37px}.status-chip-active-selected{background:#f68634;border:1px solid #888888;color:#fff;width:76px}.status-chip-active-default{background:#fff;border:1px solid #F68634;color:#f68634;width:76px}.status-chip-deleted-selected{background:#f68634;border:1px solid #F68634;border-radius:12px;color:#fff;width:86px}.status-chip-deleted-default{background:#fff;border:1px solid #F68634;color:#f68634;width:86px}.status-filter-helper-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#434343;opacity:.83;margin-top:10px;margin-bottom:auto}.status-filter-divider{width:100%;height:1px;border-top:.5px solid #979797;opacity:.5;margin-bottom:24px}.status-filter-apply-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 24px;gap:10px;width:116px;height:42px;background:#f68634;border-radius:8px;border:none;align-self:center;font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#fff;cursor:pointer}@media(max-width:768px){.account-status-filter-container{width:100%;max-width:390px;height:auto;min-height:288.5px;left:0!important;position:relative;margin:0 auto}}.user-list-card{background:#fff;border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.badge-red{background:#ff090d1a;color:#ff090d}.badge-red .badge-dot{background:#ff090d}@media(max-width:768px){.user-list-card{padding:16px}}.dashboard-table th:last-child,.dashboard-table td:last-child{position:sticky;right:0;background:#fff;z-index:5}.dashboard-table th:last-child{z-index:10}.three-dots-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:24px;height:24px;cursor:pointer}.three-dots-menu .dot{width:3px;height:3px;border:1.5px solid #000000;border-radius:50%;background-color:transparent;background:#000;box-sizing:border-box}.user-details-update-menu{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:10px;position:absolute;width:202px;background:#fff;box-shadow:0 13px 61px #0000005d;border-radius:8px;z-index:1000}.menu-option{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;cursor:pointer;padding:4px 0;transition:background .2s}.menu-option:hover{background:#fafafa}.menu-icon-wrapper{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.menu-icon{width:24px;height:24px}.menu-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px}.edit-text{color:#979797}.delete-text{color:#e83939}.user-management-page{display:flex;min-height:100vh;background-color:#f8f9fd}.user-management-main{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-width:0}.user-management-main.expanded{margin-left:80px}.user-management-content{padding:32px;display:flex;flex-direction:column;gap:24px}.section-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000}.filter-section{margin-bottom:8px}@media(max-width:1024px){.user-management-content{padding:24px}}@media(max-width:768px){.user-management-main{margin-left:0!important}.user-management-content{padding:16px}.popup-calendar,.popup-account,.popup-subscription{left:0!important;right:0!important;margin:0 auto;width:100%;display:flex;justify-content:center;top:60px!important}}.form-input-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:10px;width:100%}.form-input-label{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#2d2b32;letter-spacing:-.05px}.form-input-wrapper{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:16px 20px;gap:10px;width:100%;height:50px;background:#fff;border:1px solid #DFEAF2;border-radius:8px;transition:border-color .2s ease}.form-input-wrapper:focus-within{border-color:#f68634}.form-input-wrapper.readonly{cursor:pointer}.form-input{flex:1;border:none;background:transparent;outline:none;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:19px;color:#232323;width:100%}.form-input::placeholder{color:#888}.form-input:read-only{cursor:pointer}.form-input-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.form-input-wrapper{height:45px;padding:12px 16px}.form-input-label{font-size:14px;line-height:18px}.form-input{font-size:14px}}.dropdown-field-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:10px;width:100%;position:relative}.dropdown-field-label{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#2d2b32;letter-spacing:-.05px}.dropdown-field-wrapper{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px;gap:10px;width:100%;height:50px;background:#fff;border:1px solid #DFEAF2;border-radius:8px;cursor:pointer;transition:border-color .2s ease}.dropdown-field-wrapper:hover,.dropdown-field-wrapper.open{border-color:#f68634}.dropdown-field-value{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:19px;color:#232323}.dropdown-field-value.placeholder{color:#888}.dropdown-arrow{transition:transform .2s ease;flex-shrink:0}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #DFEAF2;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.dropdown-option{padding:12px 20px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:19px;color:#232323;cursor:pointer;transition:background-color .2s ease}.dropdown-option:hover,.dropdown-option.selected{background-color:#f68634;color:#fff}.dropdown-option:first-child{border-radius:8px 8px 0 0}.dropdown-option:last-child{border-radius:0 0 8px 8px}.dropdown-option:only-child{border-radius:8px}@media(max-width:768px){.dropdown-field-wrapper{height:45px;padding:12px 16px}.dropdown-field-label{font-size:14px;line-height:18px}.dropdown-field-value{font-size:14px}}.save-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:190px;height:52px;background:#f68634;border-radius:12px;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff;transition:background-color .2s ease,transform .1s ease;box-sizing:border-box}.save-button:hover{background:#e5762a}.save-button:active{transform:scale(.98)}.save-button.disabled,.save-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.save-button.disabled:hover,.save-button:disabled:hover{background:#ccc}.save-button.disabled:active,.save-button:disabled:active{transform:none}.tab-container{width:100%;position:relative}.tab{position:relative;padding:0 16px 10px;display:inline-block;cursor:pointer;transition:opacity .2s ease}.tab:hover{opacity:.8}.tab-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#f68634}.tab.active .tab-text{color:#f68634}.tab-indicator{position:absolute;bottom:0;left:0;width:114px;height:3px;background:#f68634;border-radius:10px 10px 0 0}.tab-line{width:100%;height:1px;background:#f4f5f7;margin-top:-1px}.edit-user-details-container{display:flex;flex-direction:column;align-items:flex-start;padding:48px 30px;gap:10px;width:100%;max-width:950px;background:#fff;border-radius:20px;box-sizing:border-box}.edit-user-form-content{display:flex;flex-direction:column;align-items:flex-end;padding:0;gap:30px;width:100%;margin-top:36px}.edit-user-form-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;gap:55px;width:100%}.edit-user-profile-image-container{position:relative;width:130px;height:130px;flex-shrink:0}.edit-user-profile-image{width:130px;height:130px;border-radius:50%;overflow:hidden}.profile-image-placeholder{width:100%;height:100%;background:#d9d9d9}.edit-user-profile-img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast}.edit-profile-image-button{position:absolute;width:22.81px;height:22.81px;right:9.88px;bottom:7.6px;background:#f68634;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.edit-profile-image-button:hover{background:#e5762a}.edit-user-form-columns{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:79px;flex:1}.edit-user-form-column{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:22px;width:300px}.date-of-birth-field{position:relative;width:100%}.date-calendar-popup{position:absolute;bottom:calc(100% + 8px);top:auto;left:0;z-index:200;box-shadow:0 4px 20px #00000026;border-radius:8px}.edit-user-save-button-container{display:flex;justify-content:flex-end;width:100%}@media(max-width:1200px){.edit-user-form-row{flex-direction:column;gap:30px}.edit-user-profile-image-container{align-self:center}.edit-user-form-columns{flex-direction:column;width:100%}.edit-user-form-column{width:100%}}@media(max-width:768px){.edit-user-details-container{padding:24px 16px}.edit-user-form-row,.edit-user-form-columns,.edit-user-form-content{gap:24px}.edit-user-form-column{gap:16px}}.delete-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:190px;height:52px;background:#ff4d4d;border-radius:12px;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff;transition:background-color .2s ease,transform .1s ease;box-sizing:border-box}.delete-button:hover{background:#e60000}.delete-button:active{transform:scale(.98)}.delete-button.disabled,.delete-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.delete-button.disabled:hover,.delete-button:disabled:hover{background:#ccc}.delete-button.disabled:active,.delete-button:disabled:active{transform:none}.edit-user-page{display:flex;min-height:100vh;background:#f4f5f7}.edit-user-main{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh;min-width:0}.edit-user-main.expanded{margin-left:80px}.edit-user-content{padding:24px;display:flex;flex-direction:column;gap:20px}.edit-user-page-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;margin-left:10px;font-size:14px;line-height:18px;color:#000}@media(max-width:768px){.edit-user-main{margin-left:0!important}.edit-user-content{padding:16px}}.security-container{display:flex;flex-direction:column;align-items:flex-start;padding:30px;gap:40px;width:100%;max-width:950px;background:#fff;border-radius:20px;box-sizing:border-box;min-height:500px}.two-factor-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:19px;width:100%;margin-top:20px}.two-factor-header{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.two-factor-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:17px;line-height:21px;color:#232323}.toggle-wrapper{display:flex;align-items:center}.toggle-base{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:2px;width:44px;height:24px;background:#d9d9d9;border-radius:12px;cursor:pointer;transition:background-color .3s ease,justify-content .3s ease}.toggle-base.enabled{background:#30d158;justify-content:flex-end}.toggle-button{width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.two-factor-description{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#232323}.change-password-section{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}.change-password-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:17px;line-height:21px;color:#232323}.password-fields-row{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}.password-field-column{display:flex;flex-direction:column;align-items:flex-start;width:320px}.security-save-button-container{display:flex;justify-content:flex-end;width:100%;margin-top:auto}.security-save-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:190px;height:52px;background:#f68634;border-radius:12px;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff;transition:background-color .2s ease}.security-save-button:hover{background:#e5762a}@media(max-width:1200px){.password-fields-row{flex-direction:column;gap:20px}.password-field-column{width:100%}}@media(max-width:768px){.security-container{padding:24px 16px;gap:24px;min-height:auto}.password-fields-row{gap:16px}}.toast-container{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:9999;animation:slideUp .3s ease-out}.toast-content{background:#f68634;color:#fff;padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026}.toast-message{font-family:Outfit;font-size:16px;font-weight:500}.toast-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1;padding:0}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.settings-page{display:flex;min-height:100vh;background:#f4f5f7}.settings-main{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh;min-width:0}.settings-main.expanded{margin-left:80px}.settings-content{padding:24px;display:flex;flex-direction:column;align-items:flex-start}.settings-container-card{display:flex;flex-direction:column;width:100%;max-width:950px;background:#fff;border-radius:20px;box-sizing:border-box;overflow:hidden;min-height:500px}.settings-tab-header{width:100%;position:relative;padding-top:48px;padding-left:30px;padding-right:30px}.settings-tabs-wrapper{display:flex;gap:40px}.settings-tab{position:relative;padding-bottom:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.settings-tab-text{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#888;transition:color .3s ease}.settings-tab.active .settings-tab-text{color:#f68634}.settings-tab-indicator{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#f68634;border-radius:10px 10px 0 0}.settings-tab-line{width:100%;height:1px;background:#f4f5f7;margin-top:-1px}.settings-tab-content{flex:1;display:flex;flex-direction:column}.settings-tab-content .edit-user-details-container{padding:36px 30px 48px!important;max-width:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.settings-tab-content .security-container{padding:36px 30px 48px!important;max-width:none!important;background:transparent!important;min-height:auto!important}@media(max-width:768px){.settings-main{margin-left:0!important}.settings-content{padding:16px}.settings-container-card{padding:0}.settings-tab-header{padding-top:24px;padding-left:16px;padding-right:16px}.settings-tab-content .edit-user-details-container,.settings-tab-content .security-container{padding:16px!important}}.statistics-page{display:flex;min-height:100vh;background:#f4f5f7}.statistics-main{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-width:0}.statistics-main.expanded{margin-left:80px}.statistics-content{padding:24px;display:flex;flex-direction:column;overflow-x:hidden}@media(max-width:768px){.statistics-main{margin-left:0!important}.statistics-content{padding:16px}}.statistics-main-container{display:flex;flex-direction:column;align-items:flex-end;gap:16px;width:100%;max-width:1110px;margin:0 auto;min-width:0}.statistics-title{width:100%;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;letter-spacing:.01em;color:#000;margin:0;text-align:left}.statistics-table-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:16px;width:100%;background:#fff;border-radius:8px;box-sizing:border-box}.statistics-table-card .table-wrapper{width:100%;overflow-x:auto}.statistics-table-card .dashboard-table{width:100%;border-collapse:collapse}.statistics-table-card .dashboard-table th{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:22px;color:#000;padding:0 0 12px;text-align:left;border-bottom:1px solid #D7D7D7}.statistics-table-card .dashboard-table td{padding:16px 0;border-bottom:1px solid #D7D7D7;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#0009}.sender-cell{display:flex;align-items:center;gap:4px}.sender-image{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#d9d9d9}.sender-name{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#0009}.statistics-download-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:15px;width:144px;height:40px;background:#f68634;border-radius:8px;border:none;cursor:pointer;margin-top:10px}.statistics-download-btn span{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#fff}.statistics-download-btn:hover{background:#e57525}@media(max-width:768px){.statistics-main-container{align-items:center;gap:12px}.statistics-title{font-size:20px;line-height:24px;text-align:left}.statistics-table-card{padding:16px;gap:12px}.statistics-download-btn{width:100%;max-width:144px;margin-top:0}}.text-head-label{height:20px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.05px;color:#2d2b32;gap:2px;flex:none;order:0;flex-grow:0}.text-head-label-asterisk{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px;vertical-align:middle;color:#e12121}.pricing-plan-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%;max-width:1110px;margin:0 auto;background:#fff;border-radius:8px}.pricing-plan-header{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;width:100%;box-sizing:border-box}.pricing-plan-header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;gap:8px;width:100%}.pricing-plan-title{margin:0;width:171px;height:25px;font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:25px;color:#0a090b}.pricing-plan-header-actions{width:20px;height:20px;opacity:0}.pricing-plan-info-banner-wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%;max-width:1062px;height:auto;margin:0 24px;box-sizing:border-box}.pricing-plan-info-banner{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:12px;width:100%;max-width:1062px;height:auto;min-height:126px;background:#4272dd0a;border:1px solid #F68634;box-shadow:0 1.5px 4px -1px #0a090b12;border-radius:6px;flex:none;order:0;flex-grow:1}.pricing-plan-info-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px;gap:10px;width:40px;height:40px;background:#f5f8fd;border-radius:8px;flex-shrink:0;flex:none;order:0;flex-grow:0;position:relative}.pricing-plan-premium-icon{width:24px;height:24px;flex-shrink:0}.pricing-plan-info-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%;height:auto;flex:none;order:1;align-self:stretch;flex-grow:0}.pricing-plan-info-title{width:auto;height:20px;font-family:Outfit;font-style:normal;font-weight:550;font-size:20px;line-height:20px;display:flex;align-items:center;letter-spacing:-.02px;color:#0a090b;font-variation-settings:"slnt" 0;margin:0;flex:none;order:0;flex-grow:0}.pricing-plan-info-text{width:100%;height:auto;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:18px;display:flex;align-items:center;color:#4f4d55;margin:0;flex:none;order:1;align-self:stretch;flex-grow:0}.pricing-plan-form-section{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;width:100%;box-sizing:border-box;background:#fdfdfd;border-top:1px solid #F1F1F1}.pricing-plan-input-group{display:flex;flex-direction:column;align-items:center;padding:0;gap:5px;width:100%}.pricing-plan-label-container{display:flex;flex-direction:row;align-items:center;padding:0;gap:6px;width:100%;height:24px}.pricing-plan-label-container-inner{display:flex;flex-direction:row;align-items:center;padding:0;gap:6px;flex:1;height:20px}.pricing-plan-label{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.05px;color:#2d2b32;margin:0}.pricing-plan-dropdown{width:100%}.pricing-plan-dropdown .dropdown-field-label{display:none}.pricing-plan-dropdown .dropdown-field-wrapper{height:48px;padding:0 12px;border:1px solid #E6E6E6;box-shadow:0 1.5px 4px -1px #0a090b12;border-radius:8px}.pricing-plan-dropdown .dropdown-field-value{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px;color:#0a090b}.pricing-plan-dropdown-small .dropdown-field-label{display:none}.pricing-plan-dropdown-small .dropdown-field-wrapper{height:40px;padding:0 8px 0 12px;border:1px solid #E6E6E6;box-shadow:0 1.5px 4px -1px #0a090b12;border-radius:8px}.pricing-plan-dropdown-small .dropdown-field-value{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px;color:#888}.pricing-plan-input-row{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.pricing-plan-input-row .pricing-plan-input-group{flex:1}.pricing-plan-price-input-wrapper{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 8px;gap:8px;width:100%;height:48px;background:#fff;border:1px solid #E6E6E6;box-shadow:0 1.5px 4px -1px #0a090b12;border-radius:8px}.pricing-plan-price-input-wrapper.form-input-wrapper{padding:0 8px;height:48px;border:1px solid #E6E6E6;box-shadow:0 1.5px 4px -1px #0a090b12}.pricing-plan-price-input-wrapper .form-input{padding:0;height:20px}.pricing-plan-currency-selector{display:flex;flex-direction:row;align-items:center;padding:0;gap:0;width:65px;height:100%;flex-shrink:0}.pricing-plan-currency-dropdown{width:100%;height:100%}.pricing-plan-currency-dropdown .dropdown-field-label{display:none}.pricing-plan-currency-dropdown .dropdown-field-container{padding:0;gap:0;height:100%}.pricing-plan-currency-dropdown .dropdown-field-wrapper{height:100%;padding:0 4px;border:none;box-shadow:none;background:transparent;gap:4px}.pricing-plan-currency-dropdown .dropdown-field-value{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px;color:#0a090b}.pricing-plan-currency-dropdown .dropdown-arrow{width:12px;height:12px}.pricing-plan-currency-dropdown .dropdown-arrow path{stroke:#7f7d83}.pricing-plan-divider{width:40px;height:0px;border:1px solid #E6E6E6;transform:rotate(90deg);flex-shrink:0}.pricing-plan-price-input{flex:1;padding-left:4px;min-width:0}.pricing-plan-price-input::placeholder{color:#888}.pricing-plan-checkboxes-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.pricing-plan-checkbox-item{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:10px;width:100%}.pricing-plan-checkbox-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;width:100%}.pricing-plan-checkbox-component,.pricing-plan-checkbox-component .auth-checkbox-container{padding:0;gap:0}.pricing-plan-checkbox-component .auth-checkbox-label{gap:8px}.pricing-plan-checkbox-component .auth-checkbox-custom{width:16px;height:16px;border-radius:4px;background:#fff;border:2px solid #DCDCDE}.pricing-plan-checkbox-component .auth-checkbox-input:checked+.auth-checkbox-custom{background:#f68634;border-color:#f68634}.pricing-plan-checkbox-component .auth-checkbox-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px;color:#0a090b}.pricing-plan-checkbox-inputs{display:flex;flex-direction:row;align-items:center;padding:0 0 0 24px;gap:16px;width:100%}.pricing-plan-checkbox-inputs .pricing-plan-input-group,.pricing-plan-checkbox-inputs .pricing-plan-dropdown-small,.pricing-plan-checkbox-inputs .form-input-container{flex:1}.pricing-plan-input-small .form-input-wrapper{height:40px;padding:0 12px;border:1px solid #E6E6E6;box-shadow:0 1.5px 4px -1px #0a090b12}.pricing-plan-input-small .form-input-label{display:none}.pricing-plan-dropdown-small{width:100%}.pricing-plan-buttons-section{display:flex;flex-direction:row;align-items:flex-start;padding:0 24px 24px;gap:12px;width:100%;box-sizing:border-box;background:#f8f8f8}.pricing-plan-primary-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 14px;gap:8px;width:100%;height:78px;background:#f68634;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease}.pricing-plan-primary-button:hover{background:#e57525}.pricing-plan-button-text{font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:22px;display:flex;align-items:center;letter-spacing:-.18px;color:#fff}@media(max-width:1150px){.pricing-plan-info-banner-wrapper{width:100%;margin:0;padding:0 24px;height:auto}.pricing-plan-info-banner{max-width:100%;height:auto}.pricing-plan-info-content,.pricing-plan-info-text{width:100%;height:auto}}@media(max-width:768px){.pricing-plan-container{max-width:100%;border-radius:0}.pricing-plan-header{padding:16px;gap:16px}.pricing-plan-title{font-size:18px;line-height:22px}.pricing-plan-info-banner-wrapper{margin:0 16px;height:auto;max-width:100%}.pricing-plan-info-banner{padding:12px;gap:10px;height:auto;max-width:100%}.pricing-plan-info-icon{width:36px;height:36px;padding:6px}.pricing-plan-premium-icon{width:20px;height:20px}.pricing-plan-info-content{width:100%;height:auto}.pricing-plan-info-title{font-size:18px;line-height:22px;width:auto;height:auto}.pricing-plan-info-text{font-size:14px;line-height:18px;width:100%;height:auto}.pricing-plan-form-section{padding:16px;gap:20px}.pricing-plan-input-row{flex-direction:column;gap:20px}.pricing-plan-label{font-size:13px;line-height:18px}.pricing-plan-dropdown .dropdown-field-wrapper,.pricing-plan-dropdown-small .dropdown-field-wrapper,.pricing-plan-price-input-wrapper{height:48px}.pricing-plan-checkbox-inputs{flex-direction:column;padding-left:0;gap:16px}.pricing-plan-buttons-section{padding:0 16px 16px}.pricing-plan-primary-button{height:50px}.pricing-plan-button-text{font-size:16px;line-height:20px}}@media(max-width:480px){.pricing-plan-header{padding:12px;gap:12px}.pricing-plan-title{font-size:16px;line-height:20px}.pricing-plan-info-banner-wrapper{margin:0 12px;height:auto}.pricing-plan-info-banner{padding:10px;flex-direction:column;align-items:flex-start;height:auto}.pricing-plan-info-icon{width:32px;height:32px}.pricing-plan-premium-icon{width:18px;height:18px}.pricing-plan-form-section{padding:12px;gap:16px}.pricing-plan-label{font-size:12px;line-height:16px}.pricing-plan-dropdown .dropdown-field-wrapper,.pricing-plan-dropdown-small .dropdown-field-wrapper{height:40px}.pricing-plan-checkbox-component .auth-checkbox-text{font-size:13px;line-height:18px}.pricing-plan-buttons-section{padding:0 12px 12px}.pricing-plan-primary-button{height:45px}.pricing-plan-button-text{font-size:14px;line-height:18px}}.subscription-plans-container{display:flex;flex-direction:row;align-items:stretch;padding:0;gap:22.16px;height:auto;margin:10px auto 0;box-sizing:border-box}.plan-toggle-container{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0 30px;font-family:Outfit;font-weight:500;color:#64748b}.plan-toggle-container .active{color:#1e293b;font-weight:700}.plan-toggle-switch{width:60px;height:32px;background:#e2e8f0;border-radius:100px;padding:4px;border:none;cursor:pointer;position:relative;transition:background .3s}.plan-toggle-switch.yearly{background:#f68634}.toggle-knob{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;left:4px;top:4px;transition:transform .3s;box-shadow:0 2px 4px #0000001a}.plan-toggle-switch.yearly .toggle-knob{transform:translate(28px)}.save-badge{background:#dcfce7;color:#166534;font-size:11px;padding:2px 8px;border-radius:100px;margin-left:8px;font-weight:600}.subscription-plan-card{display:flex;flex-direction:column;align-items:flex-start;padding:21.28px;gap:21.28px;flex:1;width:auto;background:#fff;border-radius:17.73px;box-shadow:0 4px 20px #0000000d;border:1px solid #E6E6E6;position:relative;box-sizing:border-box}.subscription-plan-card.featured{background:#111828;border:none;margin-top:0}.plan-header{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:21.28px;width:100%}.plan-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:14.19px;width:100%}.plan-icon-Background{position:relative;width:44.33px;height:44.33px;border-radius:6.52px;display:flex;align-items:center;justify-content:center}.plan-icon-img{width:28.37px;height:28.37px;object-fit:contain}.plan-title-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;width:100%;text-align:left}.plan-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:27px;color:#000;margin:0;width:100%;text-align:left}.plan-title.text-white{color:#fff}.plan-subtitle{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:27px;text-align:left;color:#8c8c8c;width:100%;margin-top:5px}.plan-price{display:flex;flex-direction:column;align-items:flex-start;font-family:Outfit;font-style:normal;font-weight:400;font-size:35.46px;line-height:44px;color:#000;margin:0;width:100%;text-align:left}.plan-price.text-white{color:#fff}.plan-price-yearly{font-size:35.46px;font-weight:400;display:block;line-height:44px;text-align:left}.plan-subscribe-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;gap:8.87px;width:100%;height:57px;border-radius:7.09px;cursor:pointer;font-family:Outfit;font-style:normal;font-weight:700;font-size:20px;line-height:25px;text-align:center;transition:all .2s}.plan-subscribe-button.default{background:transparent;border:.89px solid #F68634;color:#f68634}.plan-subscribe-button.default:hover{background:#fff5ee}.plan-subscribe-button.primary{background:#f68634;border:none;color:#fff}.plan-subscribe-button.primary:hover{background:#e57525}.plan-features{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:14.19px;width:100%;flex:1}.plan-feature-item{display:flex;flex-direction:row;align-items:center;align-items:flex-start;padding:0;gap:7.09px;width:100%}.feature-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:1.4;line-height:20px;text-decoration-line:none;color:#000;flex:1}.feature-text.text-white{color:#fff}.most-popular-badge{position:absolute;width:127.73px;height:35.73px;top:0;right:30px;background:linear-gradient(90deg,#f68634,#f8ae1b);border-radius:0 0 8.87px 8.87px;display:flex;justify-content:center;align-items:center;z-index:10}.most-popular-badge span{font-family:Outfit;font-style:normal;font-weight:700;font-size:14.19px;line-height:18px;color:#fff}.plan-glow-effect{position:absolute;width:137.42px;height:137.42px;right:42px;top:10px;background:#f68634;filter:blur(55px);z-index:0;pointer-events:none;opacity:.4}@media(max-width:1150px){.subscription-plans-container{flex-direction:column;align-items:center;height:auto;gap:40px;padding-bottom:40px}.subscription-plan-card,.subscription-plan-card.featured,.subscription-plan-card:first-child,.subscription-plan-card:last-child{width:100%;max-width:400px;height:auto;margin-top:0}.most-popular-badge{right:20px}}@media(max-width:480px){.subscription-plan-card,.subscription-plan-card.featured{padding:16px}.plan-price{font-size:36px;line-height:36px}}.feature-text{white-space:normal;word-break:break-word}.subscription-page-wrapper{display:flex;flex-direction:column;gap:40px;width:100%}.subscription-subscribers-list{width:100%;margin-top:20px}.subscription-plan-card.active-plan{border:2px solid #F68634;box-shadow:0 8px 30px #f6863426}.current-plan-badge{position:absolute;top:15px;right:15px;background:#fff5ee;color:#f68634;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;border:1px solid #F68634}.current-plan-badge-featured{position:absolute;top:15px;left:20px;background:#ffffff1a;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.plan-subscribe-button.current{background:#fff5ee;color:#f68634;border:1px solid #F68634;opacity:.8;cursor:default}.plan-subscribe-button.current-dark{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);opacity:.8;cursor:default}.subscription-plan-heading{font-family:Outfit;font-size:28px;font-weight:700;color:#111827;margin-bottom:10px}.subscription-page-container{display:flex;width:100%;min-height:100vh;background-color:#f5f5f5}.subscription-main{flex:1;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s ease;min-height:100vh;width:calc(100% - 250px)}.subscription-main.collapsed{margin-left:80px}.subscription-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px;gap:40px;overflow-y:auto}@media(max-width:768px){.subscription-main{margin-left:0!important}.subscription-content{padding:16px}}@media(max-width:480px){.subscription-content{padding:12px}}.subscription-plan-heading{font-family:Outfit,sans-serif;font-weight:500;font-style:normal;font-size:20px;line-height:100%;letter-spacing:0px;color:#0a090b;margin-bottom:0;width:100%;max-width:950px;text-align:left}@media(max-width:1150px){.subscription-plan-heading{max-width:400px}}@media(max-width:768px){.subscription-plan-heading{max-width:100%;text-align:center;text-align:left}}.announcement-tabs-wrapper{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid #E5E7EB;width:100%}.announcement-nav-tab{margin-bottom:-1px}.announcement-nav-tab .tab-container{padding-bottom:0}.announcement-nav-tab .tab-line{display:none}.announcement-nav-tab .tab-text{white-space:nowrap}.announcement-nav-tab .tab-indicator{width:100%}.no-announcement-container{display:flex;flex-direction:column;align-items:flex-start;padding:48px 30px;gap:10px;width:100%;max-width:1110px;background:#fff;border-radius:20px;box-sizing:border-box;margin:0 auto}.no-announcement-tab .tab-indicator{width:190px!important}.no-announcement-tab .tab-text{white-space:nowrap}.no-announcement-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;gap:24px;width:100%;max-width:100%;margin-top:36px}.no-announcement-illustration{position:relative;width:398px;height:398px;flex:none;order:0;flex-grow:0;margin:0 auto;display:flex;align-items:center;justify-content:center}.announcement-icon{width:100%;height:100%;object-fit:contain}.no-announcement-text{display:flex;flex-direction:column;align-items:center;padding:0;gap:16px;font-size:16px;width:100%;margin:0 auto;flex:none;order:1;flex-grow:0}.no-announcement-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:25px;text-align:center;color:#000;margin:0;flex:none;order:0;align-self:stretch;flex-grow:0}.no-announcement-subtitle{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:25px;text-align:center;color:#888;margin:0;flex:none;order:1;flex-grow:0}.no-announcement-text .save-button{width:auto;min-width:190px;white-space:nowrap}@media(max-width:1024px){.no-announcement-container{padding:32px 20px}}@media(max-width:768px){.no-announcement-container{padding:32px 20px}.no-announcement-content{margin-top:24px;gap:24px}.no-announcement-illustration{width:300px;height:300px}.no-announcement-title{font-size:18px;line-height:23px}.no-announcement-subtitle{font-size:16px;line-height:20px}}@media(max-width:480px){.no-announcement-container{padding:24px 16px}.no-announcement-illustration{width:250px;height:250px}}.large-input-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:10px;width:100%}.large-input-label{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#232323}.large-input-textarea{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:16px 20px;gap:10px;width:100%;min-height:331px;background:#fff;border:1px solid #DFEAF2;border-radius:8px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:19px;color:#232323;resize:vertical;transition:border-color .2s ease}.large-input-textarea::placeholder{color:#888}.large-input-textarea:focus{outline:none;border-color:#f68634}.large-input-textarea:hover{border-color:#c5d6e0}.announcement-form-container{display:flex;flex-direction:column;align-items:flex-start;padding:48px 30px;gap:10px;width:100%;max-width:1110px;background:#fff;border-radius:20px;box-sizing:border-box;margin:0 auto}.announcement-form-tab .tab-indicator{width:190px!important}.announcement-form-tab .tab-text{white-space:nowrap}.announcement-form-content{display:flex;flex-direction:column;align-items:flex-end;padding:0;gap:30px;width:100%;margin-top:36px}.announcement-form-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;gap:29px;width:100%;flex-wrap:wrap}.announcement-form-column{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:22px;flex:1;min-width:300px}.announcement-form-button-center-wrapper{display:flex;justify-content:center;width:100%;margin-top:10px}@media(max-width:1024px){.announcement-form-row{flex-direction:column;gap:22px}.announcement-form-column{width:100%;min-width:0}}@media(max-width:768px){.announcement-form-container{padding:32px 20px}.announcement-form-content{margin-top:24px;gap:24px}.announcement-form-column{gap:18px}}@media(max-width:480px){.announcement-form-container{padding:24px 16px}.announcement-form-button-side-wrapper .save-button{width:100%}}.announcement-card{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:24px;gap:20px;width:100%;min-height:249px;border:1px solid #DFEAF2;border-radius:8px;background:#fff}.announcement-card-left{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;flex:1}.announcement-category{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#f68634}.announcement-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#000;margin:0}.announcement-description{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#888;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.announcement-card-actions{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:24px;margin-top:auto;width:100%}.announcement-edit-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:246px;height:52px;border:1px solid rgba(0,0,0,.2);border-radius:12px;background:transparent;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;color:#000;transition:background-color .2s}.announcement-edit-btn:hover{background-color:#f5f5f5}.announcement-delete-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:246px;height:52px;background:#e82d2d;border-radius:12px;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;color:#fff;transition:opacity .2s}.announcement-delete-btn:hover{opacity:.9}.announcement-priority-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:10px;min-width:81px;height:30px;border-radius:4px;font-family:Outfit,sans-serif;font-weight:500;font-size:16px;line-height:20px}.announcement-priority-badge.priority-high{background:#ff404033;color:#ff4040}.announcement-priority-badge.priority-medium{background:#f8ae1b33;color:#f8ae1b}.announcement-priority-badge.priority-low{background:#0080001a;color:green}@media(max-width:768px){.announcement-card{flex-direction:column-reverse;gap:16px}.announcement-card-actions{flex-direction:column;gap:12px}.announcement-edit-btn,.announcement-delete-btn{width:100%}.announcement-priority-badge{align-self:flex-start}}.announcement-list-container{display:flex;flex-direction:column;align-items:flex-start;padding:48px 30px;gap:10px;width:100%;max-width:1110px;background:#fff;border-radius:20px;box-sizing:border-box;margin:0 auto}.announcement-list-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;margin-bottom:26px}.announcement-list-tab{width:auto;margin:0}.announcement-list-tab .tab-indicator{width:190px!important}.announcement-create-btn{width:190px!important;height:52px!important;background:#f68634!important;border-radius:12px!important;font-family:Outfit,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:16px!important;line-height:20px!important;color:#fff!important;border:none!important;white-space:nowrap!important}.announcement-list-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%}@media(max-width:1024px){.announcement-list-header{flex-direction:column;gap:24px;align-items:flex-start}.announcement-list-tab{width:100%}.announcement-create-btn{width:100%!important}}@media(max-width:768px){.announcement-list-container{padding:32px 20px}.announcement-list-header{margin-bottom:16px}.announcement-list-content{gap:18px}}@media(max-width:480px){.announcement-list-container{padding:24px 16px}}.announcement-page-container{display:flex;width:100%;min-height:100vh;background-color:#f5f5f5}.announcement-main{flex:1;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s ease;min-height:100vh}.announcement-main.collapsed{margin-left:80px}.announcement-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:32px}.development-text{font-family:Outfit,sans-serif;font-size:24px;font-weight:500;color:#000;opacity:.6}@media(max-width:768px){.announcement-main{margin-left:0!important}}.base-page-container{display:flex;width:100vw;height:100vh;background-color:#f8f9fa;overflow:hidden;position:relative}.base-page-content-wrapper{flex-grow:1;display:flex;flex-direction:column;height:100%;overflow-y:auto;transition:margin-left .3s ease;margin-left:250px;width:calc(100% - 250px)}.base-page-content-wrapper.expanded{margin-left:80px;width:calc(100% - 80px)}.base-page-content{padding:30px;flex-grow:1;max-width:100%;box-sizing:border-box}@media(max-width:768px){.base-page-content-wrapper{margin-left:0!important;width:100%!important}.base-page-content{padding:20px}}.subscription-info-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;gap:12px;width:300px;flex:1 1 300px;min-width:280px;max-width:100%;height:auto;min-height:119px;background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:0 4px 6px #00000003}@media(max-width:480px){.subscription-info-card{width:100%;flex:1 1 100%;padding:16px}}.subscription-card-header{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%}.subscription-icon-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px;width:40px;height:40px;border-radius:12px;box-sizing:border-box}.subscription-card-icon{width:24px;height:24px}.subscription-card-title{width:auto;height:auto;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:23px;letter-spacing:1px;color:#000;white-space:normal;word-wrap:break-word}.subscription-stat-text{width:100%;height:19px;font-family:Nunito Sans,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:19px;color:#000}.subscription-info-container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;padding:0;gap:30px;width:100%;max-width:1110px;margin:0 auto}@media(max-width:768px){.subscription-info-container{gap:16px;justify-content:center}}.subscription-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:30px;width:100%;flex-wrap:wrap}.attendance-summary-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;gap:36px;background:#fff;border-radius:8px;width:100%;box-sizing:border-box}.summary-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:30px;letter-spacing:.01em;color:#000;margin:0}.summary-cards-row{display:flex;flex-direction:row;align-items:center;gap:24px;width:100%;flex-wrap:nowrap}.summary-cards-row .stat-card-container{background:#fafafa;min-width:0;flex:1;box-shadow:none}.attendance-list-section{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.list-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:12px;border-bottom:1px solid #D7D7D7}.list-header div{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:22px;color:#000;text-align:center}.list-rows{display:flex;flex-direction:column;width:100%;gap:16px}.list-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px;border-bottom:1px solid #D7D7D7}.list-row:last-child{border-bottom:none}.list-row div{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#0009}.col-date{width:20%;text-align:left!important}.col-service{width:40%;text-align:center!important}.col-attendance{width:20%;text-align:center!important}.col-action{width:20%;text-align:right!important}.view-attendees-btn{background:transparent;color:#f68634;border:none;padding:0;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:all .3s ease}.view-attendees-btn:hover{color:#e57621}@media(max-width:1024px){.attendance-summary-container{padding:20px 24px;gap:30px}.list-header div,.list-row div{font-size:15px}}@media(max-width:768px){.attendance-summary-container{padding:16px;gap:24px}.summary-cards-row{flex-direction:column;flex-wrap:wrap;align-items:stretch;gap:16px}.summary-cards-row .stat-card-container{min-width:100%;width:100%;margin-bottom:0}.attendance-list-section{overflow-x:auto}.list-header,.list-row{min-width:600px;padding-left:4px;padding-right:4px;gap:0}.list-header div{font-size:14px}.list-row div{font-size:13px}}@media(max-width:480px){.attendance-summary-container{padding:12px;gap:20px}.summary-title{font-size:20px;line-height:26px}}.attendees-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.attendees-modal-content{background:#fff;width:90%;max-width:800px;max-height:80vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #00000026}.attendees-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #E1E1E1}.modal-title{font-family:Outfit,sans-serif;font-size:24px;font-weight:600;color:#000;margin:0}.modal-subtitle{font-family:Outfit,sans-serif;font-size:16px;color:#888;margin:4px 0 0}.close-button{background:none;border:none;font-size:32px;cursor:pointer;color:#888;padding:0;line-height:1}.attendees-modal-body{padding:32px;overflow-y:auto;flex:1}.attendees-list{display:flex;flex-direction:column;width:100%}.attendees-table-header{display:flex;padding-bottom:16px;border-bottom:1px solid #F0F0F0;margin-bottom:16px}.attendees-table-header div{font-family:Outfit,sans-serif;font-weight:500;font-size:16px;color:#000}.attendee-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #F9F9F9}.attendee-row:last-child{border-bottom:none}.attendee-row div{font-family:Poppins,sans-serif;font-size:14px;color:#666}.col-name{width:40%}.col-email{width:35%;overflow-wrap:break-word;word-break:break-all;padding-right:12px}.col-phone{width:25%}.attendee-info{display:flex;align-items:center;gap:12px}.attendee-avatar,.attendee-avatar-placeholder{width:32px;height:32px;border-radius:50%;object-fit:cover}.attendee-avatar-placeholder{background:#f68634;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.loading-container,.no-attendees{padding:40px;text-align:center;font-family:Outfit,sans-serif;color:#888}@media(max-width:600px){.col-email,.col-phone{display:none}.col-name{width:100%}}.general-form-card{background:#fff;border-radius:20px;padding:48px 30px;max-width:950px;width:100%;height:auto;min-height:800px;box-sizing:border-box;display:flex;flex-direction:column;gap:36px;box-shadow:0 4px 20px #0000000d}.general-form-tabs{width:100%}.general-form-content{display:flex;flex-direction:column;gap:30px;width:100%}.general-form-columns{display:flex;flex-direction:row;justify-content:space-between;gap:55px;width:100%}.general-form-column{display:flex;flex-direction:column;gap:22px;width:428px;flex-shrink:0}.general-form-actions{display:flex;justify-content:flex-end;width:100%;margin-top:20px}.general-save-button{background:#f6863480!important;width:202px!important}.general-save-button:hover{background:#f68634b3!important}.general-save-button.filled{background:#f68634!important}@media(max-width:1024px){.general-form-columns{flex-direction:column;gap:22px}.general-form-column{width:100%}.general-form-card{padding:40px 25px;min-height:auto}}@media(max-width:768px){.general-form-card{padding:30px 20px;gap:24px;border-radius:12px}.general-form-content{gap:24px}.general-form-actions{justify-content:center}.general-save-button{width:100%!important;max-width:300px}}@media(max-width:480px){.general-form-card{padding:20px 15px}}.save-success-toast{position:fixed;top:20px;right:20px;background:#34c759;color:#fff;padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0000001a;z-index:1000;animation:slideIn .3s ease-out}.admin-general-page{display:flex;justify-content:center;align-items:flex-start;width:100%;box-sizing:border-box}@media(max-width:768px){.admin-general-page{padding:0}}.leadership-list-container{display:flex;flex-direction:column;gap:24px;width:100%}.leadership-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px}.leadership-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.24px;color:#000}.add-leader-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:215px;height:56px;background:#f68634;border-radius:12px;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff;transition:background-color .2s ease}.add-leader-button:hover{background:#e5762a}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%;max-width:1110px}.leader-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px 16px;gap:20px;width:100%;max-width:358px;height:376px;background:#fff;border-radius:12px;box-sizing:border-box;position:relative;box-shadow:0 4px 10px #00000005}.leader-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:stretch;width:100%;position:relative}.leader-name{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:24px;letter-spacing:-.24px;color:#000;margin:0}.more-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px}.more-button:hover{background:#f4f5f7}.leader-image-container{width:100%;height:240px;border-radius:8px;overflow:hidden;background:#d9d9d9}.leader-image{width:100%;height:100%;object-fit:cover}.leader-role{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:24px;letter-spacing:-.24px;color:#000;margin:0}@media(max-width:1024px){.leadership-grid{grid-template-columns:repeat(2,1fr);gap:16px}.leader-card{max-width:100%;height:auto;min-height:376px}.leader-image-container{height:200px}}@media(max-width:768px){.leadership-header{flex-direction:column;align-items:flex-start;gap:16px}.leadership-title{font-size:20px}.add-leader-button{width:100%;height:48px}.leadership-grid{grid-template-columns:1fr;gap:16px}.leader-card{padding:20px 16px}.leader-image-container{height:180px}}@media(max-width:480px){.leader-name,.leader-role{font-size:18px}}.edit-delete-menu-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:10px;position:absolute;width:127px;height:112px;background:#fff;box-shadow:0 13px 61px #0000005d;border-radius:8px;box-sizing:border-box;z-index:1000}.menu-inner-frame{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:79px;height:64px;flex:none;order:0;flex-grow:0}.menu-action-item{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;width:100%;height:24px;background:none;border:none;cursor:pointer;flex:none;order:0;flex-grow:0}.action-icon{width:24px;height:24px;flex:none;order:0;flex-grow:0}.action-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;flex:none;order:1;flex-grow:0}.action-text.edit{color:#979797}.action-text.delete{color:#e83939}.disconnect-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#909297ab;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);display:flex;justify-content:center;align-items:center;z-index:1100}.disconnect-modal-container{box-sizing:border-box;width:90%;max-width:682px;background:#fff;border-radius:8px;padding:38px 32px}.disconnect-modal-content{display:flex;flex-direction:column;gap:32px}.disconnect-modal-header{display:flex;flex-direction:row;align-items:center;gap:28px}.info-icon-wrapper{flex-shrink:0;width:40px;height:40px}.disconnect-title-group{display:flex;flex-direction:column;gap:8px}.disconnect-title{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000}.disconnect-subtitle{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009}.disconnect-warning-section{display:flex;flex-direction:column;gap:20px}.warning-text{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:150%;color:#ff383c}.preservation-text{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:150%;color:#0009}.disconnect-modal-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px}.cancel-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;width:81px;height:44px;background:#f5f5f5;border:1px solid #E1E1E1;border-radius:8px;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#000;cursor:pointer}.confirm-disconnect-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;width:142px;height:44px;background:#ff383c;border:none;border-radius:8px;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#fff;cursor:pointer;white-space:nowrap}@media(max-width:768px){.disconnect-modal-container{padding:24px}.disconnect-modal-header{flex-direction:column;align-items:flex-start;gap:16px}.disconnect-title{font-size:20px}.disconnect-subtitle,.warning-text,.preservation-text{font-size:16px}.disconnect-modal-actions{width:100%}.cancel-btn,.confirm-disconnect-btn{flex:1}}.manage-permission-container{display:flex;flex-direction:column;gap:16px;width:100%}.permission-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:38px}.permission-label{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;color:#000}.permission-dropdown{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:10px;width:120px;height:38px;background:#f5f5f5;border:1px solid rgba(0,0,0,.2);border-radius:8px;cursor:pointer;position:relative}.permission-value{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#888}.dropdown-arrow-icon{width:12px;height:6px;border:none;display:flex;align-items:center}.permission-options-popover{position:absolute;top:100%;right:0;width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 10px #0000001a;z-index:10;margin-top:4px;overflow:hidden}.permission-option{padding:8px 12px;font-family:Outfit,sans-serif;font-size:14px;color:#232323;transition:background .2s}.permission-option:hover{background:#f5f5f5}.manage-permission-footer{display:flex;justify-content:flex-end;width:100%;margin-top:30px}.permission-save-btn{width:190px!important}@media(max-width:768px){.permission-row{height:auto;padding:5px 0}.permission-label{font-size:16px}.manage-permission-footer{justify-content:center}.permission-save-btn{width:100%!important;max-width:300px}}.add-position-card{background:#fff;border-radius:20px;padding:48px 30px;width:100%;max-width:1110px;height:auto;min-height:529px;box-sizing:border-box;display:flex;flex-direction:column;gap:36px;box-shadow:0 4px 20px #0000000d}.add-position-tabs{display:flex;flex-direction:row;align-items:center;gap:80px;border-bottom:1px solid #F4F5F7;width:100%;position:relative}.tab-item{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:20px;padding-bottom:10px;cursor:pointer;position:relative;transition:color .2s ease}.tab-item.active{color:#f68634}.tab-item.inactive{color:#888}.tab-indicator{position:absolute;bottom:-1px;width:114px;height:3px;background:#f68634;border-radius:10px 10px 0 0}.add-position-content{display:flex;flex-direction:row;justify-content:space-between;gap:55px;width:100%}.profile-image-section{width:130px;height:130px;flex-shrink:0;position:relative}.profile-circle{width:130px;height:130px;border-radius:50%;overflow:hidden;background:#f0f0f0;border:1px solid #DFEAF2}.profile-img{width:100%;height:100%;object-fit:cover}.edit-icon-badge{position:absolute;width:23px;height:23px;right:8px;bottom:8px;background:#f68634;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.form-fields-grid{display:flex;flex-direction:row;gap:29px;flex-grow:1}.form-column{display:flex;flex-direction:column;gap:22px;width:100%;max-width:428px}.add-position-footer{display:flex;justify-content:flex-end;width:100%;margin-top:10px}.add-position-save-btn{width:190px!important}@media(max-width:1024px){.add-position-content{flex-direction:column;align-items:center;gap:24px}.form-fields-grid{flex-direction:column;width:100%}.form-column{max-width:100%}.add-position-card{padding:30px 20px}}@media(max-width:768px){.add-position-footer{justify-content:center}.add-position-save-btn{width:100%!important;max-width:300px}}.success-toast{position:fixed;top:20px;right:20px;background:#34c759;color:#fff;padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0000001a;z-index:3000;animation:slideInToast .3s ease-out}.error-toast{position:fixed;top:20px;right:20px;background:#ff3b30;color:#fff;padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0000001a;z-index:3000;animation:slideInToast .3s ease-out}@keyframes slideInToast{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.back-navigation{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:8px;background:#fafafa;border:1px solid #E1E1E1;border-radius:8px;cursor:pointer;transition:background .2s ease}.back-navigation:hover{background:#f686341a}.back-navigation:hover span{color:#f68634}.back-navigation:hover svg path{stroke:#f68634}.back-navigation svg{flex-shrink:0;width:24px;height:24px}.back-navigation span{font-family:Mulish,Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:21px;display:flex;align-items:center;text-align:center;letter-spacing:-.32px;color:#000}.no-permission-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:24px;width:100%;max-width:502px;margin:40px auto;text-align:center}.no-permission-illustration{width:265.99951171875px;height:256.1695556640625px;display:flex;align-items:center;justify-content:center}.no-permission-icon{width:100%;height:100%;object-fit:contain}.no-permission-text{display:flex;flex-direction:column;gap:8px}.no-permission-message{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;color:#000;margin:0}@media(max-width:768px){.no-permission-container{width:100%;max-width:100%;padding:20px}}.feature-gate-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;padding:40px 20px;text-align:center}.feature-gate-locked-icon{font-size:56px;line-height:1}.feature-gate-locked h2{font-family:Inter,Outfit,sans-serif;font-size:22px;font-weight:700;color:#1e293b;margin:0}.feature-gate-locked p{font-family:Inter,Outfit,sans-serif;font-size:14px;color:#64748b;margin:0;max-width:400px;line-height:1.5}.feature-gate-upgrade-btn{margin-top:8px;padding:12px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,Outfit,sans-serif;transition:all .2s ease;box-shadow:0 4px 16px #6366f14d}.feature-gate-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.leadership-page{width:100%;padding:20px;box-sizing:border-box}@media(max-width:768px){.leadership-page{padding:0}}.admin-no-permission-page{display:flex;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 200px);box-sizing:border-box}.no-permission-page-card{background:#fff;border-radius:20px;padding:60px 40px;width:100%;max-width:1110px;min-height:529px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 20px #0000000d}@media(max-width:768px){.no-permission-page-card{padding:40px 20px;min-height:auto}}.reminder-dashboard-container{display:flex;flex-direction:column;align-items:flex-start;padding:14px 24px;gap:32px;width:100%;max-width:1150px;background:#fff;border-radius:10px;box-sizing:border-box}.reminder-section-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%}.section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%}.section-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.24px;color:#000;margin:0}.see-all-link{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:19px;letter-spacing:-.24px;color:#f68634;cursor:pointer;text-decoration:none}.reminder-list{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%}.reminder-item-card{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 24px;gap:24px;width:100%;height:76px;background:#fff;border:1px solid #DFEAF2;border-radius:10px}.status-dot{width:6px;height:6px;border-radius:50%;flex:none}.status-dot.red{background:#e82d2d}.status-dot.blue{background:#3c83f6}.reminder-content-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.reminder-main-info{display:flex;flex-direction:row;align-items:center;gap:32px}.reminder-date{font-family:Outfit;font-style:normal;font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.24px;color:#000}.reminder-category{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:19px;letter-spacing:-.24px;color:#888}.reminder-assignee{display:flex;flex-direction:row;align-items:center;gap:8px}.avatar-initials{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;width:29px;height:28px;background:#3c83f6;border-radius:100px;color:#fff;font-size:9.6px;font-weight:400;box-sizing:border-box}.assignee-name{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:17px;letter-spacing:-.24px;color:#000}.schedule-item-card{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 24px;gap:24px;width:100%;height:67px;background:#fff;border:1px solid #DFEAF2;border-radius:10px}.schedule-title{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:19px;letter-spacing:-.24px;color:#000}.tasks-grid{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:24px;width:100%}.task-column{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:15px;flex:1}@media(max-width:1100px){.tasks-grid{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reminder-main-info{flex-direction:column;align-items:flex-start;gap:4px}.reminder-item-card,.schedule-item-card{height:auto;padding:16px}.reminder-content-row{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:600px){.tasks-grid{grid-template-columns:1fr}}.no-data-msg,.loading-state{padding:24px;font-family:Outfit;color:#888;text-align:center;width:100%;background:#f9f9f9;border-radius:8px;border:1px dashed #dfeaf2}.task-card{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:12px;width:100%;max-width:255px;height:130px;border-radius:9.58px;box-sizing:border-box;position:relative;transition:transform .2s ease}.task-description{font-family:Outfit;font-weight:400;font-size:14px;line-height:18px;letter-spacing:-.23px;color:#888;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.task-card:not(.menu-open):hover{transform:translateY(-2px)}.task-card.menu-open{z-index:1000!important}.task-card.todo{background:#e5e7eb}.task-card.inprogress{background:#f59f0a}.task-card.done{background:#21c45d}.task-card.reviewed{background:#3c83f6}.task-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.task-title{font-family:Outfit;font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.23px;color:#000}.task-card.inprogress .task-title,.task-card.done .task-title,.task-card.reviewed .task-title{color:#fff}.menu-wrapper{position:relative}.task-card.inprogress .three-dots-menu .dot,.task-card.done .three-dots-menu .dot,.task-card.reviewed .three-dots-menu .dot{background:#fff;border-color:#fff}.task-card.inprogress .task-description,.task-card.done .task-description,.task-card.reviewed .task-description{color:#fff}.task-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}.task-id-info{display:flex;flex-direction:row;align-items:center;padding:0;gap:4.79px}.task-dot{width:5.75px;height:5.75px;background:#d9d9d9;border-radius:50%}.task-id{font-family:Outfit;font-weight:400;font-size:13.4px;line-height:17px;letter-spacing:-.23px;color:#000}.task-card.inprogress .task-id,.task-card.done .task-id,.task-card.reviewed .task-id{color:#fff}.task-assignee{width:26.76px;height:25.76px;background:#fff;border-radius:68px;display:flex;align-items:center;justify-content:center;font-family:Outfit;font-size:9.6px;font-weight:400;color:#000;overflow:hidden}.assignee-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.dropdown-menu{position:absolute;top:30px;right:0;width:140px;background:#fff;box-shadow:0 13px 61px #0000005d;border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:16px;z-index:100}.menu-item{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;font-family:Outfit;font-size:14px;line-height:18px;color:#979797}.menu-item:hover{opacity:.8}.menu-item.delete{color:#e83939}.menu-item img{width:16px;height:16px}@media(max-width:768px){.task-card{max-width:100%}}.status-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000}.status-modal-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;width:641px;background:#fff;box-shadow:0 13px 61px #0000005d;border-radius:4px;overflow:hidden}.status-modal-header{display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:10px;width:100%;height:44px;box-sizing:border-box}.status-modal-header span{font-family:Outfit;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.05px;color:#000}.status-options-list{width:100%}.status-option-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:10px;width:100%;height:44px;border-bottom:1px solid rgba(0,0,0,.2);font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px;color:#888;cursor:pointer;transition:background-color .2s}.status-option-item:last-child{border-bottom:none}.status-option-item:hover{background-color:#f8f9fa}.status-option-item.active{background-color:#f686340d}@media(max-width:768px){.status-modal-container{width:90%;max-width:641px}}.edit-details-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding:50px 0;overflow-y:auto;z-index:2000}.edit-details-container{display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px;width:689px;background:#fff;border-radius:8px;box-sizing:border-box;margin-bottom:50px;position:relative}.logo-section{width:64px;height:64px;display:flex;justify-content:center;align-items:center}.logo-box{width:64px;height:64px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0000000d}.logo-img{width:51.56px;height:51.56px}.header-section{display:flex;flex-direction:column;align-items:center;padding:0;gap:7px;width:100%}.header-title{font-family:Outfit;font-weight:500;font-size:24px;line-height:30px;text-align:center;color:#000;margin:0}.header-subtitle{font-family:Outfit;font-weight:400;font-size:20px;line-height:25px;text-align:center;color:#888;margin:0}.form-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%}.deadline-wrapper{position:relative;width:100%}.calendar-popup{position:absolute;top:100%;left:0;z-index:2100;background:#fff;box-shadow:0 13px 61px #0003;margin-top:5px;border-radius:8px}.description-container{display:flex;flex-direction:column;gap:10px;width:100%}.description-label{font-family:Outfit;font-weight:400;font-size:16px;line-height:20px;color:#000}.description-textarea{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 10px;gap:10px;width:100%;height:86px;background:#fff;border:1px solid #DFEAF2;border-radius:8px;font-family:Outfit;font-size:13.4px;color:#000;outline:none;resize:none}.attach-file-container{display:flex;flex-direction:column;gap:10px;width:100%}.attach-file-label{font-family:Outfit;font-weight:400;font-size:16px;line-height:20px;color:#000}.dropzone{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 24px;gap:16px;width:100%;height:298px;border:1px dashed #D7D7D7;border-radius:4px}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.attach-icon{width:32px;height:32px}.drop-title{font-family:Outfit;font-weight:400;font-size:20px;line-height:25px;text-align:center;color:#000;margin:0}.drop-format{font-family:Outfit;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#8889;max-width:178px;margin:0}.or-section{display:flex;flex-direction:column;align-items:center;gap:4px}.or-text{font-family:Outfit;font-weight:500;font-size:14px;line-height:120%;color:#000}.browse-text{font-family:Outfit;font-weight:400;font-size:14px;line-height:120%;color:#f68634;cursor:pointer}.buttons-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:24px;width:100%;max-width:516px;margin-top:24px}.cancel-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:16px 24px;flex:1;height:52px;border:1px solid #E1E1E1;border-radius:12px;background:#fff;font-family:Outfit;font-weight:500;font-size:16px;color:#202224;cursor:pointer;white-space:nowrap}.save-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:16px 24px;flex:1;height:52px;background:#f68634;border-radius:12px;border:1px solid #F68634;font-family:Outfit;font-weight:500;font-size:16px;color:#fff;cursor:pointer;white-space:nowrap}@media(max-width:768px){.edit-details-container{width:95%;padding:16px}.buttons-section{width:100%;flex-direction:column;gap:10px}.cancel-btn,.save-btn{width:100%}}.view-details-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.back-nav-outer{display:flex;align-items:flex-start}.view-details-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;width:100%;background:#fff;border-radius:8px;box-sizing:border-box;position:relative}.top-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.logo-box-small{width:64px;height:64px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0000000d}.logo-img-small{width:51.56px;height:51.56px}.details-header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0}.details-title-group{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.details-main-title{font-family:Outfit;font-weight:500;font-size:24px;line-height:30px;color:#000;margin:0}.details-subtitle{font-family:Outfit;font-weight:400;font-size:20px;line-height:25px;color:#888;margin:0}.edit-action-btn{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.edit-action-btn span{font-family:Outfit;font-weight:400;font-size:20px;line-height:25px;color:#f68634}.details-content-scroll{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;height:100%;overflow-y:auto;padding-right:10px}.detail-field{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.field-label{font-family:Outfit;font-weight:400;font-size:14px;line-height:18px;color:#888}.field-value{font-family:Outfit;font-weight:400;font-size:16px;line-height:20px;color:#000;margin:0}.description-text{line-height:24px}.status-badge-urgent{display:flex;justify-content:center;align-items:center;padding:10px;background:#ff1d2133;border-radius:4px}.status-badge-urgent span{font-family:Outfit;font-weight:400;font-size:14px;line-height:18px;color:#ff1d21;text-transform:capitalize}.file-preview-card{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;width:100%;height:68px;border:1px solid #E6E6E6;border-radius:12px}.file-info-group{display:flex;flex-direction:row;align-items:center;gap:14px}.pdf-icon-bg{display:flex;justify-content:center;align-items:center;width:51px;height:48px;background:#e82d2d;border-radius:12px}.pdf-icon-img{width:24px;height:24px}.file-text-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.file-name{font-family:Outfit;font-weight:500;font-size:16px;line-height:24px;color:#212121}.file-size{font-family:Outfit;font-weight:400;font-size:14px;line-height:20px;color:#737373}.download-action{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.download-action span{font-family:Outfit;font-weight:500;font-size:16px;line-height:20px;color:#f68634}@media(max-width:1150px){.view-details-container{width:95%}}@media(max-width:768px){.view-details-container{padding:16px}.details-header-row{flex-direction:column;gap:16px}.edit-action-btn{align-self:flex-end}.details-main-title{font-size:20px}.details-subtitle{font-size:16px}.file-preview-card{flex-direction:column;height:auto;gap:16px;align-items:flex-start}.download-action{align-self:flex-end}}.reminder-page-wrapper{display:flex;justify-content:center;padding:24px;width:100%;box-sizing:border-box}@media(max-width:768px){.reminder-page-wrapper{padding:16px}}.create-template-page-container{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0;gap:36px;width:100%;min-height:100%}.template-form-container{display:flex;flex-direction:column;align-items:flex-end;padding:0;width:100%;max-width:1110px;min-height:579px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000000d}.template-form-header{display:flex;flex-direction:row;align-items:center;padding:24px;gap:10px;width:100%;height:73px;background:#fff;border-radius:8px 8px 0 0;box-sizing:border-box}.template-form-header h2{font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:25px;color:#000;margin:0}.template-form-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;width:100%;box-sizing:border-box}.form-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.input-group{display:flex;flex-direction:column;gap:5px}.input-group-full{grid-column:span 2;width:100%;display:flex;flex-direction:column;gap:5px}.birthday-specific-fields{display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%}.birthday-field-item{flex:1;display:flex;flex-direction:column;gap:5px}.date-field-wrapper{position:relative}.calendar-popup-container{position:absolute;top:100%;left:0;z-index:2100;background:#fff;box-shadow:0 13px 61px #0003;margin-top:5px;border-radius:8px}.message-body-group{height:auto}.template-textarea{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:16px 12px;gap:10px;width:100%;height:120px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#000;resize:none;outline:none}.template-form-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:24px;width:100%;box-sizing:border-box}.footer-actions{display:flex;flex-direction:row;align-items:center;gap:48px}.template-cancel-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:97px;height:52px;border:1px solid #F68634;border-radius:12px;background:transparent;font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;color:#f68634;cursor:pointer}.template-create-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:98px;height:52px;background:#f68634;border-radius:12px;border:none;font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;color:#fff;cursor:pointer}@media(max-width:1150px){.template-form-container{width:100%}}@media(max-width:768px){.create-template-page-container{padding:10px;gap:20px}.template-form-header{padding:16px}.template-form-content{padding:16px;gap:16px}.birthday-specific-fields{flex-direction:column}.footer-actions{width:100%;gap:12px;flex-direction:column}.template-cancel-btn,.template-create-btn{width:100%;flex:none}}.templates-list-container{width:100%;overflow:visible}.templates-table{width:100%;border-collapse:collapse;margin-top:10px}.templates-table th,.templates-table td{text-align:left;padding:12px;border-bottom:1px solid #E6E6E6;font-family:Outfit;font-size:14px;overflow:visible}.templates-table th{background-color:#f9fafb;font-weight:500}.edit-btn{background:transparent;border:1px solid #F68634;color:#f68634;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:8px;font-family:Outfit}.delete-btn{background:transparent;border:1px solid #FF4D4D;color:#ff4d4d;padding:6px 12px;border-radius:4px;cursor:pointer;font-family:Outfit}.edit-btn:hover{background:#f68634;color:#fff}.delete-btn:hover{background:#ff4d4d;color:#fff}.messaging-tabs-wrapper{display:flex;flex-direction:row;align-items:center;padding:0;width:100%;max-width:816px;height:45px;background:transparent}.messaging-tab-item{width:272px!important}.messaging-tab-item .tab{width:100%;height:45px;display:flex;justify-content:center;align-items:center;padding:0 32px 16px!important;gap:10px;box-sizing:border-box}.messaging-tab-item .tab-text{font-family:Outfit!important;font-style:normal;font-weight:500!important;font-size:24px!important;line-height:121.2%!important;letter-spacing:-.24px!important;color:#000!important}.messaging-tab-item .tab.active{border-bottom:3px solid #F68634}.messaging-tab-item .tab-indicator,.messaging-tab-item .tab-line{display:none!important}@media(max-width:850px){.messaging-tabs-wrapper{width:100%;overflow-x:auto}.messaging-tab-item{width:auto!important;flex:1}.messaging-tab-item .tab-text{font-size:18px!important;white-space:nowrap}}.ministry-scheduling-card{display:flex;flex-direction:column;padding:24px 32px;gap:32px;width:100%;max-width:1110px;background:#fff;border-radius:12px;box-sizing:border-box;margin:0 auto}.scheduling-header-row{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%;align-self:stretch}.scheduling-top-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.scheduling-title{font-family:Outfit;font-weight:500;font-size:20px;line-height:25px;color:#000;margin:0}.add-schedule-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:190px;height:56px;background:#f68634;border-radius:12px;border:none;cursor:pointer;font-family:Outfit;font-weight:500;font-size:16px;line-height:20px;color:#fff}.scheduling-filters-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:0;gap:16px;width:100%;margin-top:10px}.filter-input-group{display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex:1;min-width:250px}.filter-label{font-family:Outfit;font-weight:400;font-size:14px;line-height:20px;color:#2d2b32;letter-spacing:-.05px}.filter-input-wrapper{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 8px;gap:8px;width:100%;height:40px;background:#fafafa;border:1px solid #E6E6E6;box-shadow:0 1.5px 4px -1px #0a090b12;border-radius:8px;font-family:Outfit;font-size:14px;color:#000000b3;position:relative}.filter-input-wrapper.clickable{cursor:pointer}.date-picker-group{position:relative}.calendar-popup-container{position:absolute;top:100%;left:0;z-index:1000;background:#fff;box-shadow:0 10px 30px #0000001a;margin-top:8px}.filter-text{flex:1}.scheduling-filters-row .dropdown-field-wrapper{height:40px;background:#fafafa;border:1px solid #E6E6E6;padding:0 8px;box-shadow:0 1.5px 4px -1px #0a090b12}.scheduling-filters-row .dropdown-field-container{gap:5px}.scheduling-filters-row .dropdown-field-value{font-size:14px;color:#000000b3}.service-info-banner{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:#fafafa;border-radius:8px;box-sizing:border-box}.service-info-title{font-family:Outfit;font-weight:400;font-size:14px;line-height:20px;letter-spacing:6px;color:#000000b3;margin:0}.service-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;width:100%}.detail-item{display:flex;align-items:flex-start;gap:12px;font-family:Outfit;font-size:14px;line-height:20px;color:#000c}.detail-item .label{width:80px;font-weight:500;flex-shrink:0}.detail-item .value{word-break:break-word}.banner-input,.banner-textarea{width:100%;border:1px solid #DFEAF2;border-radius:4px;padding:4px 8px;font-family:Outfit;font-size:14px;background:#fff;outline:none}.banner-textarea{height:60px;resize:vertical}.banner-date-input-wrapper{cursor:pointer;border:1px solid #DFEAF2;border-radius:4px;padding:4px 8px;background:#fff;min-width:120px}.banner-date-input-wrapper:hover{border-color:#f68634}.service-details-grid .dropdown-field-wrapper{height:40px;padding:0 8px}.service-details-grid .dropdown-field-value{font-size:14px}.departments-container{display:flex;flex-direction:column;gap:32px;width:100%}.dept-block{display:flex;flex-direction:column;background:#fafafa;border-radius:8px;padding:24px;gap:24px;width:100%;box-sizing:border-box}.dept-name-title{font-family:Outfit;font-weight:500;font-size:20px;line-height:20px;color:#000;margin:0}.dept-table{display:flex;flex-direction:column;width:100%}.table-header{display:flex;padding-bottom:12px;border-bottom:1px solid #D7D7D7;margin-bottom:16px}.table-header span{font-family:Outfit;font-weight:400;font-size:20px;line-height:22px;color:#000}.col-name,.col-role,.col-notes{flex:3}.col-action{flex:1.5;text-align:right}.table-row{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #D7D7D7}.table-row:last-child{border-bottom:none}.member-info{display:flex;align-items:center;gap:8px}.member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.member-name,.member-role{font-family:Poppins;font-weight:400;font-size:16px;line-height:24px;color:#0009}.member-note{font-family:Poppins;font-style:italic;font-weight:400;font-size:16px;line-height:24px;color:#0009}.note-input,.role-input,.name-input{width:100%;border:none;border-bottom:1px solid #DFEAF2;background:transparent;padding:4px;font-family:Poppins;font-style:italic;font-size:14px;outline:none}.action-status{font-family:Poppins;font-weight:400;font-size:16px;line-height:24px}.action-status.assigned{color:#1e9609}.action-status.unassigned{color:#f68634}.action-status.editable{cursor:pointer;text-decoration:underline}.scheduling-footer{width:100%;display:flex;justify-content:flex-end;gap:16px}.edit-schedule-btn,.delete-schedule-btn{width:190px;height:52px;border-radius:12px;border:none;font-family:Outfit;font-weight:500;font-size:16px;cursor:pointer}.edit-schedule-btn{background:#f68634;color:#fff}.delete-schedule-btn{background:#ffeded;color:#e83939;border:1px solid #FFCDCD}.delete-schedule-btn:hover{background:#ffdada}@media(max-width:1200px){.add-schedule-btn{margin-right:0}}@media(max-width:1024px){.scheduling-filters-row{gap:12px}.filter-input-group{min-width:calc(50% - 12px)}}@media(max-width:768px){.ministry-scheduling-card{padding:16px;border-radius:0;gap:20px}.scheduling-top-header{flex-direction:column;align-items:flex-start;gap:16px}.add-schedule-btn{width:100%;height:48px;margin-right:0}.scheduling-filters-row{flex-direction:column;gap:16px}.filter-input-group{width:100%;min-width:100%}.dept-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.table-header,.table-row{min-width:700px}.service-info-banner{padding:16px}.detail-item{flex-direction:column;gap:4px}.detail-item .label{width:auto}.scheduling-footer{justify-content:center}.edit-schedule-btn{width:100%}}@media(max-width:480px){.scheduling-title,.dept-name-title{font-size:18px}.calendar-popup-container{width:90vw;left:5vw;transform:none}}.schedule-success-toast{position:fixed;top:20px;right:20px;background:#34c759;color:#fff;padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0000001a;z-index:2000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.add-schedule-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.add-schedule-modal-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px;width:689px;max-height:95vh;background:#fff;border-radius:8px;overflow-y:auto;position:relative;box-shadow:0 4px 30px #0000001a}.modal-header{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.modal-title{font-family:Outfit;font-weight:500;font-size:24px;line-height:30px;color:#000;margin:0}.modal-subtitle{font-family:Outfit;font-weight:400;font-size:20px;line-height:25px;color:#888;margin:0}.modal-form-body{display:flex;flex-direction:column;gap:16px;width:100%}.form-group-item{display:flex;flex-direction:column;gap:10px;width:100%}.modal-textarea{box-sizing:border-box;width:100%;height:131px;background:#fff;border:1px solid #DFEAF2;border-radius:8px;padding:12px;font-family:Outfit;font-size:14px;outline:none;resize:none}.modal-textarea::placeholder{color:#888;font-size:12px}.location-type-options{display:flex;gap:16px;align-items:center}.radio-option{display:flex;align-items:center;gap:8px;font-family:Outfit;font-size:16px;color:#000;cursor:pointer;position:relative}.radio-option input{position:absolute;opacity:0;cursor:pointer}.radio-custom{height:15px;width:15px;border:1.67px solid #F68634;border-radius:50%;display:inline-block;position:relative}.radio-option input:checked~.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8.33px;height:8.33px;background:#f68634;border-radius:50%}.form-row-double{display:flex;gap:16px;width:100%}.flex-1{flex:1}.modal-date-picker-wrapper{box-sizing:border-box;display:flex;align-items:center;padding:0 12px;gap:8px;width:100%;height:40px;background:#fafafa;border:1px solid #E6E6E6;box-shadow:0 1.5px 4px -1px #0a090b12;border-radius:8px}.modal-date-input{border:none;background:transparent;width:100%;font-family:Outfit;font-size:14px;color:#000;outline:none}.add-schedule-modal-container .dropdown-field-wrapper{height:40px;padding:0 12px}.add-schedule-modal-container .dropdown-field-value{font-size:14px}.date-icon{width:24px;height:24px}.participants-section{display:flex;flex-direction:column;gap:12px;padding-top:8px}.participant-entry-pair{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid #FAFAFA}.modal-footer{width:100%;display:flex;justify-content:center;margin-top:10px}.add-schedule-action-btn{width:246px;height:52px;background:#f68634;border-radius:12px;border:none;font-family:Outfit;font-weight:500;font-size:16px;color:#fff;cursor:pointer;box-shadow:0 4px 10px #f6863433}.add-schedule-modal-container::-webkit-scrollbar{width:6px}.add-schedule-modal-container::-webkit-scrollbar-thumb{background:#dfeaf2;border-radius:10px}.relative-pos{position:relative}.modal-calendar-popup{position:absolute;top:100%;left:0;z-index:100;background:#fff;box-shadow:0 10px 30px #0000001a;margin-top:5px;width:280px}.clickable,.pointer{cursor:pointer}.tag-field-wrapper{display:flex;flex-direction:column;gap:10px}.tag-input-container{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;padding:6px 12px;gap:8px;width:100%;min-height:48px;background:#fff;border:1px solid #DFEAF2;border-radius:8px;transition:border-color .2s}.tag-input-container:focus-within{border-color:#f68634}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{display:flex;align-items:center;background:#f6863415;color:#f68634;padding:4px 10px;border-radius:100px;font-size:13px;font-family:Outfit;font-weight:500;gap:6px}.tag-close{cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;transition:color .1s}.tag-close:hover{color:#000}.tag-inner-input{flex:1;border:none;outline:none;min-width:120px;font-family:Outfit;font-size:14px;color:#000;padding:4px 0}.tag-inner-input::placeholder{color:#888}@media(max-width:768px){.add-schedule-modal-container{width:92%;padding:20px 16px;gap:16px;margin:20px auto}.modal-logo-box{width:48px;height:48px}.modal-logo-img{width:38px;height:38px}.modal-title{font-size:20px}.modal-subtitle{font-size:16px}.form-row-double{flex-direction:column;gap:16px}.location-type-options{flex-direction:column;align-items:flex-start;gap:12px}.add-schedule-action-btn{width:100%;height:48px}.modal-calendar-popup{left:50%;transform:translate(-50%);width:90%;max-width:280px}.tag-input-container{padding:8px}.tag-chip{padding:2px 8px;font-size:12px}}@media(max-width:480px){.add-schedule-modal-container{width:95%;padding:16px 12px}.participant-row{gap:12px}}.tasks-info-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;background:#fff;width:100%;min-height:533px;border-radius:10px;box-sizing:border-box}.stats-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:24px;width:100%}.stat-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;flex:1;height:112px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:10px}.stat-card.add-task{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed rgba(0,0,0,.2);cursor:pointer}.stat-value{font-family:Outfit;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.24px;color:#f68634}.stat-label{font-family:Outfit;font-weight:400;font-size:16px;line-height:19px;letter-spacing:-.24px;color:#888}.add-icon{font-family:Outfit;font-weight:500;font-size:24px;line-height:29px;color:#f68634}.add-label{font-family:Outfit;font-weight:400;font-size:16px;line-height:19px;color:#888}.search-bar-wrapper{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 10px;gap:10px;width:100%;height:48px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:10px}.search-icon{width:24px;height:24px}.search-input{border:none;outline:none;width:100%;font-family:Poppins;font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:-.24px;color:#888}.column-headers{display:flex;flex-direction:row;align-items:center;padding:0;gap:24px;width:100%;height:40px}.column-header{display:flex;flex-direction:row;align-items:center;padding:10px;gap:10px;flex:1;height:40px;background:#f1f2f4;border-radius:10px;font-family:Outfit;font-weight:400;font-size:18px;line-height:23px;letter-spacing:-.24px;color:#000}.tasks-grid{display:flex;flex-direction:row;align-items:flex-start;padding:0 0 150px;gap:24px;width:100%}.task-column{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:15.33px;flex:1}@media(max-width:1100px){.tasks-grid{display:grid;grid-template-columns:repeat(2,1fr)}.column-headers{display:grid;grid-template-columns:repeat(2,1fr);height:auto}}@media(max-width:768px){.tasks-info-container{padding:16px;gap:20px}.stats-row{flex-direction:column;gap:16px}.stat-card{width:100%;flex:none}.column-headers{display:none}.tasks-grid{display:flex;flex-direction:column}.task-column{width:100%;gap:12px}.task-column:before{content:attr(data-title);display:block;width:100%;padding:10px;background:#f1f2f4;border-radius:10px;font-family:Outfit;font-weight:400;font-size:16px;color:#000;margin-bottom:4px;box-sizing:border-box}}.media-tabs-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;max-width:1106px;height:56px;margin-bottom:24px}.tabs-group{display:flex;flex-direction:row;align-items:center;padding:0}.media-tab{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 32px 16px;gap:10px;width:auto;min-width:150px;height:45px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.media-tab.active{border-bottom:3px solid #F68634}.media-tab-text{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:121.2%;letter-spacing:-.24px;color:#000}.media-add-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:215px;height:56px;background:#f68634;border-radius:12px;border:none;cursor:pointer;transition:background-color .2s ease}.media-add-btn:hover{background:#e5762d}.media-add-btn-icon{width:24px;height:24px}.media-add-btn-text{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff}@media(max-width:768px){.media-tabs-container{flex-direction:column;height:auto;gap:16px;align-items:flex-start}.media-tab{padding:0 16px 8px;min-width:unset}.media-tab-text{font-size:18px}.media-add-btn{width:100%}}.add-media-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;gap:24px;width:100%;max-width:1110px;background:#fafafa;border-radius:12px;box-sizing:border-box}.add-media-back-nav{display:flex;align-items:flex-start;width:100%}.add-media-header{display:flex;flex-direction:row;align-items:center;padding:0 0 20px;gap:12px;width:100%;border-bottom:1px solid #E1E1E1}.add-media-icon-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px;width:44px;height:44px;background:#e1e1e1b3;border-radius:40px;box-sizing:border-box}.add-media-header-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.add-media-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:18px;line-height:20px;letter-spacing:-.05px;color:#000;margin:0}.add-media-subtitle{font-family:Outfit;font-style:normal;font-weight:300;font-size:14px;line-height:20px;letter-spacing:-.05px;color:#0009;margin:0}.add-media-form-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.add-media-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%}.add-media-input-group{flex:1;display:flex;flex-direction:column;gap:8px}.upload-section{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.upload-header{display:flex;flex-direction:column;gap:8px}.upload-sub-label{font-weight:300!important;font-size:14px!important;color:#0009!important}.upload-area{width:100%;height:367px;background:#fff;border:1px dashed #E1E1E1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;cursor:pointer;transition:background-color .2s ease;overflow:hidden}.upload-area.has-preview{border:1px solid #E1E1E1;background:#fff}.media-preview-wrapper{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.media-preview-element{width:100%;height:100%;object-fit:cover}.remove-media-btn{position:absolute;top:16px;right:16px;padding:10px 20px;background:#ff4d4fe6;color:#fff;border:none;border-radius:6px;font-family:Outfit;font-weight:500;cursor:pointer;transition:background .2s;z-index:10}.remove-media-btn:hover{background:#ff4d4f}.upload-info-container{display:flex;flex-direction:column;align-items:center;gap:20px}.upload-text-group{display:flex;flex-direction:column;align-items:center;gap:9px}.upload-main-text{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#000}.text-center{text-align:center}.upload-sub-text{font-family:Outfit;font-style:normal;font-weight:300;font-size:14px;line-height:18px;color:#000}.browse-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:10px;background:#f5f5f5;border:1px solid #E1E1E1;border-radius:8px;font-family:Outfit;font-weight:400;font-size:16px;color:#000;cursor:pointer}.description-section{display:flex;flex-direction:column;gap:16px;width:100%}.description-textarea-wrapper{width:100%;height:200px;background:#fff;border:1px solid #E1E1E1;border-radius:12px;position:relative;padding:16px;box-sizing:border-box}.description-textarea{width:100%;height:100%;border:none;outline:none;resize:none;font-family:Outfit;font-weight:300;font-size:14px;line-height:20px;color:#000;background:transparent}.add-media-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:24px}.footer-left{display:flex}.footer-right{display:flex;flex-direction:row;gap:20px}.btn-draft,.btn-reset{display:flex;justify-content:center;align-items:center;padding:12px 16px;background:#f5f5f5;border:1px solid #E1E1E1;border-radius:8px;font-family:Outfit;font-weight:400;font-size:16px;color:#000;cursor:pointer}.btn-save{display:flex;justify-content:center;align-items:center;padding:12px 16px;background:#f68634;border:none;border-radius:8px;font-family:Outfit;font-weight:400;font-size:16px;color:#fff;cursor:pointer}@media(max-width:1000px){.add-media-row{flex-direction:column;align-items:stretch}.add-media-input-group{width:100%;max-width:none}}@media(max-width:768px){.add-media-container{padding:16px;gap:20px}.add-media-header{flex-direction:column;align-items:flex-start;gap:16px}.add-media-header-text{width:100%}.upload-area{height:250px}.description-textarea-wrapper{height:150px}.add-media-footer{flex-direction:column-reverse;gap:16px;align-items:stretch}.footer-left,.footer-right{width:100%;flex-direction:column;gap:12px}.btn-draft,.btn-reset,.btn-save{width:100%;box-sizing:border-box}}.media-card-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;max-width:350px;height:324px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;flex:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.media-card-container:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.media-card-preview{width:100%;height:214px;position:relative;background-size:cover;background-position:center;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center}.three-dots-wrapper{position:absolute;top:12px;right:12px;z-index:10}.play-button-wrapper{width:48px;height:48px;background:#ffffffab;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-icon{width:19.2px;height:19.2px;color:#f68634}.media-card-content{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:8px;width:100%;height:110px;box-sizing:border-box}.media-card-title{width:100%;height:56px;font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:140%;display:flex;align-items:center;letter-spacing:-.05px;color:#000;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.media-card-subtitle{width:100%;height:22px;font-family:Outfit;font-style:normal;font-weight:300;font-size:16px;line-height:140%;display:flex;align-items:center;letter-spacing:-.05px;color:#0009;margin:0}.media-page-container{padding:24px;width:100%}.media-content-area{background:transparent;border-radius:12px;min-height:400px;display:flex;justify-content:flex-start;align-items:flex-start;width:100%}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;width:100%}@media(max-width:1150px){.media-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.media-page-container{padding:16px}}@media(max-width:650px){.media-grid{grid-template-columns:1fr;justify-items:center}}.placeholder-text{font-family:Outfit;font-size:20px;color:#7f7d83}.add-media-wrapper{display:flex;flex-direction:column;gap:16px}.back-to-media{width:fit-content;cursor:pointer;font-family:Outfit;font-weight:500;color:#f68634;padding:8px 0;display:flex;align-items:center;gap:8px;margin-bottom:8px}.back-to-media:hover{text-decoration:underline}.media-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;box-sizing:border-box}.media-viewer-modal{position:relative;max-width:90%;max-height:90%;background:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.close-viewer-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;z-index:2100;line-height:1}.viewer-media-element{max-width:100%;max-height:70vh;object-fit:contain}.viewer-info{padding:20px;background:#111;color:#fff;width:100%}.viewer-info h3{margin:0 0 8px;font-family:Outfit;font-size:18px}.viewer-info p{margin:0;font-family:Outfit;font-size:14px;color:#ccc}.bank-account-active-container{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:32px;width:100%;max-width:1110px;height:127px;background:#34c7590d;border:1px solid #34C759;border-radius:12px}.bank-account-left-content{display:flex;flex-direction:row;align-items:center;padding:0;gap:20px;height:63px}.bank-tick-icon{width:36px;height:36px;flex:none}.bank-account-info-text{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:none}.bank-account-connected-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#1e9609;margin:0}.bank-account-connected-subtitle{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#34c75999;margin:0}.bank-account-status-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;width:66px;height:31px;background:#1e960933;border-radius:12px;flex:none}.status-active-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:18px;line-height:23px;color:#1e9609}@media(max-width:768px){.bank-account-active-container{flex-direction:column;height:auto;padding:24px;gap:20px;align-items:flex-start}.bank-account-left-content{height:auto;gap:16px}.bank-account-connected-title{font-size:20px;line-height:26px}.bank-account-connected-subtitle{font-size:16px;line-height:20px}.bank-account-status-badge{align-self:flex-end}}@media(max-width:480px){.bank-account-active-container{padding:16px}.bank-account-connected-title{font-size:18px}.bank-account-connected-subtitle{font-size:14px}}.donations-stat-container{display:flex;flex-direction:row;align-items:center;padding:0;gap:24px;width:100%;max-width:1110px;box-sizing:border-box}.donation-card-item{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:32px;flex:1;height:175px;background:#fff;border:1px solid #E1E1E1;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.donation-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000000d}.donation-card-left{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;flex:none}.donation-card-icon{width:32px;height:32px}.donation-card-numbers{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px}.donation-value{font-family:Outfit;font-style:normal;font-weight:600;font-size:24px;line-height:30px;color:#000}.donation-title{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#000c}.donation-card-right{display:flex;flex-direction:column;align-items:center;flex:none}.donation-trend-badge{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 6px;min-width:30px;height:28px;border:1px solid #E1E1E1;border-radius:8px}.trend-text{font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#34c759}@media(max-width:1200px){.donations-stat-container{gap:16px}.donation-card-item{padding:24px 20px}}@media(max-width:1024px){.donations-stat-container{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.donations-stat-container{display:flex;flex-direction:column;align-items:stretch}.donation-card-item{height:auto;min-height:140px}}@media(max-width:480px){.donation-card-item{padding:20px 16px}.donation-value{font-size:20px}.donation-title{font-size:16px}}.donation-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;width:100%;max-width:1110px;box-sizing:border-box}.donation-tabs-container{display:flex;flex-direction:row;align-items:center;padding:8px 12px;gap:0;width:344px;height:56px;background:#e1e1e1;border-radius:20px;box-sizing:border-box;justify-content:space-between}.donation-tab{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:10px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:Outfit;font-style:normal;font-weight:500;font-size:18px;line-height:21px;letter-spacing:-.32px;color:#000}.donation-tab.active{background:#fff;box-shadow:0 8px 8px #0000000d}.donation-recent-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:32px;width:100%;background:#fff;border:1px solid #E1E1E1;border-radius:12px}.recent-header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.recent-header{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px}.export-buttons{display:flex;gap:12px}.export-btn{padding:8px 16px;border-radius:8px;border:1px solid #F68634;background:transparent;color:#f68634;font-family:Outfit;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.export-btn:hover{background:#f68634;color:#fff}@media(max-width:768px){.recent-header-row{flex-direction:column;align-items:flex-start;gap:16px}}.donation-actions-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px}.donation-member-filter-wrapper{flex:1;max-width:400px;margin-right:16px}.donation-member-filter-wrapper .dropdown-field-wrapper{height:48px;background:#fafafa}@media(max-width:768px){.donation-actions-row{flex-direction:column;align-items:flex-start;gap:16px}.donation-member-filter-wrapper{width:100%;max-width:100%;margin-right:0}}.recent-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000;margin:0}.recent-subtitle{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009;margin:0}.donation-items-list{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%}.donation-item-row{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0;width:100%;border-bottom:1px solid #E1E1E1}.donation-item-row:last-child{border-bottom:none}.donation-item-info{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px}.donation-item-name{font-family:Outfit;font-style:normal;font-weight:600;font-size:24px;line-height:30px;color:#000;margin:0}.donation-item-desc{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009;margin:0}.donation-item-amount{font-family:Outfit;font-style:normal;font-weight:600;font-size:20px;line-height:25px;color:#1e9609;text-align:right}@media(max-width:768px){.donation-item-name{font-size:20px}.donation-item-desc{font-size:16px}.recent-title{font-size:20px}.recent-subtitle{font-size:16px}.donation-tabs-container{width:100%;max-width:344px}}@media(max-width:480px){.donation-recent-container{padding:20px}.donation-item-row{gap:12px}.donation-item-name{font-size:18px}}.security-auth-container{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:32px;width:100%;max-width:1110px;height:auto;min-height:162px;background:#0088ff0d;border:1px solid #0088FF;border-radius:12px}.security-auth-left{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:20px;width:100%}.security-shield-icon{width:32px;height:32px;flex:none}.security-auth-text-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:1}.security-auth-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#3c83f6;margin:0}.security-auth-description{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:150%;color:#08fc;margin:0;max-width:889px}.auth-verify-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 24px;margin-top:16px;background:#f68634;border:none;border-radius:12px;color:#fff;font-family:Outfit;font-weight:500;font-size:16px;cursor:pointer;transition:background .3s ease}.auth-verify-btn:hover{background:#e57a2b}@media(max-width:768px){.security-auth-container{padding:24px}.security-auth-left{flex-direction:column;gap:16px}.security-auth-title{font-size:20px;line-height:26px}.security-auth-description{font-size:16px}}@media(max-width:480px){.security-auth-container{padding:16px}.security-auth-title{font-size:18px}.security-auth-description{font-size:14px}}.connected-bank-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:36px;width:100%;max-width:1110px;background:#fff;border:1px solid #E1E1E1;border-radius:12px}.connected-bank-header-section{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 32px;gap:32px;width:100%;border-bottom:1px solid #E1E1E1}.connected-bank-header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.connected-bank-main-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000;margin:0}.connected-bank-subtitle{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009;margin:8px 0 0}.connected-bank-active-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;background:#1e960933;border-radius:12px}.connected-bank-active-badge span{font-family:Outfit;font-style:normal;font-weight:400;font-size:18px;line-height:23px;color:#1e9609}.connected-bank-account-box{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.bank-icon-wrapper{display:flex;flex-direction:row;align-items:center;padding:10px;width:56px;height:56px;background:#34c7591a;border-radius:8px;box-sizing:border-box}.bank-building-icon{width:36px;height:36px;filter:invert(58%) sepia(48%) saturate(546%) hue-rotate(84deg) brightness(92%) contrast(94%)}.bank-account-name{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000;margin:0}.bank-account-status{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009;margin:8px 0 0}.connected-bank-details-list{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:20px;width:100%}.bank-detail-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bank-detail-label{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009}.bank-detail-value{font-family:Outfit;font-style:normal;font-weight:600;font-size:20px;line-height:25px;color:#000;text-align:right}.bank-detail-value.positive{color:#1e9609}@media(max-width:768px){.connected-bank-container{padding:24px}.connected-bank-header-top{flex-direction:column;align-items:flex-start;gap:16px}.connected-bank-active-badge{align-self:flex-start}.bank-account-name,.connected-bank-main-title{font-size:20px}.bank-account-status,.connected-bank-subtitle,.bank-detail-label,.bank-detail-value{font-size:16px}}@media(max-width:480px){.connected-bank-container{padding:16px}.bank-account-box{flex-direction:column;align-items:flex-start;gap:12px}}.bank-acc-mgmt-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:32px;width:100%;max-width:1110px;background:#fff;border:1px solid #E1E1E1;border-radius:12px}.bank-acc-mgmt-header{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px}.mgmt-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000;margin:0}.mgmt-subtitle{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009;margin:0}.mgmt-actions-list{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:20px;width:100%}.mgmt-action-card{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:16px 20px;gap:16px;width:100%;height:57px;background:#fff;border:1px solid #E1E1E1;border-radius:8px;cursor:pointer;transition:all .2s ease;filter:drop-shadow(0px 1px 4px rgba(12,12,13,.1)) drop-shadow(0px 1px 4px rgba(12,12,13,.05))}.mgmt-action-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.action-icon{width:24px;height:24px}.action-text{font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:25px;color:#000}.mgmt-action-card.danger .action-text{color:#ff383c}.mgmt-action-card.danger .action-icon{filter:brightness(0) saturate(100%) invert(35%) sepia(99%) saturate(7183%) hue-rotate(350deg) brightness(101%) contrast(106%)}@media(max-width:768px){.bank-acc-mgmt-container{padding:24px}.mgmt-title{font-size:20px;line-height:26px}.mgmt-subtitle,.action-text{font-size:16px}.mgmt-action-card{height:auto;padding:12px 16px}}@media(max-width:480px){.bank-acc-mgmt-container{padding:16px}}.verification-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#909297ab;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);display:flex;justify-content:center;align-items:center;z-index:1000}.verification-modal-container{position:relative;width:95%;max-width:837px;height:auto;max-height:95vh;background:#fff;border-radius:12px;padding:40px 27px;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header-text{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.modal-subtitle{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:18px;line-height:24px;text-align:center;color:#000c;max-width:100%}.modal-body-content{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.section-label{margin:0 0 16px;font-family:Outfit;font-style:normal;font-weight:600;font-size:20px;line-height:25px;color:#000}.method-tabs{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.method-tab{flex:1;height:48px;border-radius:10px;font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;cursor:pointer;transition:all .2s ease}.method-tab.active{background:#f68634;color:#fff;border:none}.method-tab:not(.active){background:#fff;color:#000;border:1px solid #E1E1E1}.method-instruction{margin:0 0 16px;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#000c}.send-code-btn{width:100%;height:48px;background:#f68634;border-radius:10px;border:none;color:#fff;font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;cursor:pointer}.code-input-wrapper{width:100%;height:48px;background:#f5f5f5;border:1px solid #E1E1E1;border-radius:8px;display:flex;align-items:center;padding:0 16px;box-sizing:border-box}.code-input{width:100%;background:transparent;border:none;outline:none;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#000;letter-spacing:2px}.code-input::placeholder{letter-spacing:normal;color:#0006}.modal-footer-actions{margin-top:auto;padding-top:16px}.verify-submit-btn{width:100%;height:52px;background:#f68634;border-radius:10px;border:none;color:#fff;font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;cursor:pointer;transition:opacity .2s}.verify-submit-btn:hover{opacity:.9}@media(max-width:768px){.verification-modal-container{width:100%;height:100%;max-height:100vh;border-radius:0;padding:60px 20px 32px}.modal-close-btn{right:16px;top:16px}.modal-header-section{margin-bottom:32px}.modal-title{font-size:22px}.modal-subtitle{font-size:16px}.section-label{font-size:18px}}.donation-support-container{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:32px;width:100%;max-width:1110px;background:#fff;border:1px solid #E1E1E1;border-radius:12px}.support-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%;max-width:810px}.support-title{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000}.support-subtitle{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009}.support-link-text{font-family:Outfit;font-style:normal;font-weight:600;font-size:24px;line-height:30px;color:#000}.support-link-text a{color:#0009;text-decoration:none}.support-link-text a:hover{text-decoration:underline}@media(max-width:768px){.donation-support-container{padding:24px}.support-title{font-size:20px;line-height:26px}.support-subtitle{font-size:16px;line-height:22px}.support-link-text{font-size:20px;line-height:26px}}@media(max-width:480px){.donation-support-container{padding:16px}}.bank-account-setup-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:83px;width:100%;max-width:1110px;min-height:557px;background:#fff;border:1px solid #E1E1E1;border-radius:12px}.setup-header{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:100%;max-width:425px}.setup-title{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000}.setup-subtitle{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009}.setup-placeholder-section{display:flex;flex-direction:column;align-items:center;padding:0;gap:48px;width:100%}.illustration-wrapper{position:relative;width:160px;height:160px;display:flex;justify-content:center;align-items:center}.ellipse-bg{position:absolute;width:160px;height:160px;background:#d9d9d980;border-radius:50%}.setup-bank-icon{width:81.5px;height:81.5px;filter:brightness(0) saturate(100%) invert(74%) sepia(2%) saturate(22%) hue-rotate(338deg) brightness(88%) contrast(85%)}.setup-message-group{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;width:100%}.message-text{display:flex;flex-direction:column;align-items:center;padding:0;gap:16px;width:100%}.no-bank-title{margin:0;font-family:Outfit;font-style:normal;font-weight:600;font-size:24px;line-height:30px;color:#000;text-align:center}.setup-gateway-text{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#0009;text-align:center}.setup-gateway-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;width:213px;height:44px;background:#f68634;border-radius:8px;border:none;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#fff;cursor:pointer;letter-spacing:-.05px}@media(max-width:768px){.bank-account-setup-container{padding:24px;gap:40px;min-height:auto}.setup-title{font-size:20px}.setup-subtitle,.no-bank-title,.setup-gateway-text{font-size:16px}.setup-gateway-btn{width:100%}}.payment-setup-card{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:32px;width:100%;max-width:1110px;height:127px;background:#ffcc000d;border:1px solid #FFCC00;border-radius:12px}.payment-setup-info{display:flex;flex-direction:row;align-items:center;gap:20px}.info-icon-container{width:36px;height:36px;display:flex;justify-content:center;align-items:center}.payment-setup-text{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.setup-title{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#f68634}.setup-subtitle{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#fc0}.setup-now-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;width:114px;height:44px;background:#f68634;border-radius:8px;border:none;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#fff;cursor:pointer;white-space:nowrap}@media(max-width:768px){.payment-setup-card{flex-direction:column;height:auto;gap:24px;align-items:flex-start;padding:24px}.setup-title{font-size:20px}.setup-subtitle{font-size:16px}.setup-now-btn{width:100%}}.enable-donations-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#909297ab;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);display:flex;justify-content:center;align-items:center;z-index:1000}.enable-donations-container{position:relative;width:95%;max-width:837px;height:auto;max-height:95vh;background:#fff;border-radius:12px;padding:40px 32px;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-close-btn{position:absolute;width:40px;height:40px;right:20px;top:20px;background:#f5f5f5;border-radius:12px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10}.modal-header-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px}.app-logo-box{width:72px;height:72px;background:#fff;border-radius:16px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000000d}.app-logo-img{width:58px;height:58px;object-fit:contain}.modal-title{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;text-align:center;color:#000}.modal-subtitle{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;text-align:center;color:#000c;max-width:499px;margin:0 auto}.how-it-works-box{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:32px;background:#0088ff1a;border:1px solid #0088FF;border-radius:8px;margin-bottom:32px}.how-it-works-title{margin:0;font-family:Outfit;font-style:normal;font-weight:600;font-size:20px;line-height:25px;color:#08f}.how-it-works-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px}.how-it-works-list li{font-family:Outfit;font-style:normal;font-weight:400;font-size:18px;line-height:24px;color:#08f}.gateway-selection-section{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.gateway-selection-title{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#000}.gateway-cards{display:flex;flex-direction:row;gap:24px}.gateway-card{flex:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;background:#fafafa;border:1px solid #E1E1E1;border-radius:12px;cursor:pointer;transition:all .2s ease}.gateway-card.active{border:2px solid #6155F5}.gateway-icon{width:48px;height:48px}.gateway-info{display:flex;flex-direction:column;gap:16px;width:100%}.gateway-name{margin:0;font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:25px;color:#000}.gateway-tagline{margin:0;font-family:Outfit;font-style:normal;font-weight:400;font-size:18px;line-height:24px;color:#000c}.gateway-details{margin:0;font-family:Outfit;font-style:normal;font-weight:300;font-size:16px;line-height:170%;color:#000c}.modal-footer{position:relative;padding-top:24px;display:flex;flex-direction:column;align-items:center}.continue-btn{width:754px;max-width:100%;height:52px;background:#f68634;border-radius:12px;border:none;color:#fff;font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;cursor:pointer;transition:opacity .2s}.continue-btn:hover{opacity:.9}.redirecting-toast{position:absolute;top:-40px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:12px;width:341px;height:48px;box-sizing:border-box;background:#fafafa;box-shadow:0 8px 8px #0000001a;border-radius:8px;z-index:20}.redirecting-toast span{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#000}@media(max-width:768px){.enable-donations-container{width:100%;height:100%;max-height:100vh;border-radius:0;padding:60px 20px}.gateway-cards{flex-direction:column}.modal-title{font-size:22px}.modal-subtitle,.how-it-works-title,.gateway-name{font-size:18px}.how-it-works-list li,.gateway-tagline,.gateway-details{font-size:16px}}.connect-paystack-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#909297ab;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);display:flex;justify-content:center;align-items:center;z-index:1000}.connect-paystack-container{position:relative;width:95%;max-width:560px;height:auto;max-height:95vh;background:#fff;border-radius:12px;padding:40px 32px;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;box-shadow:0 20px 40px #00000026}.paystack-close-btn{position:absolute;width:40px;height:40px;right:20px;top:20px;background:#f5f5f5;border-radius:12px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10}.connect-paystack-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.paystack-logo-box{width:72px;height:72px;background:#f0fff4;border-radius:16px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000000d}.paystack-logo-box svg{width:42px;height:42px}.connect-paystack-title{margin:0;font-family:Outfit;font-weight:500;font-size:24px;line-height:30px;text-align:center;color:#000}.connect-paystack-subtitle{margin:0;font-family:Outfit;font-weight:400;font-size:15px;line-height:22px;text-align:center;color:#0009;max-width:440px}.paystack-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.paystack-field{display:flex;flex-direction:column;gap:6px}.paystack-input-label{font-family:Outfit;font-weight:500;font-size:14px;line-height:20px;color:#000}.paystack-input{width:100%;height:48px;box-sizing:border-box;padding:0 16px;background:#fafafa;border:1px solid #E1E1E1;border-radius:10px;font-family:Outfit;font-weight:400;font-size:15px;color:#000;outline:none;transition:border-color .2s}.paystack-input:focus{border-color:#34c759}.paystack-input::placeholder{color:#00000059}.paystack-bank-select-wrapper{position:relative}.bank-selected-badge{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.paystack-bank-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #E1E1E1;border-radius:10px;box-shadow:0 8px 20px #0000001a;z-index:20}.bank-option{padding:12px 16px;font-family:Outfit;font-weight:400;font-size:14px;color:#222;cursor:pointer;transition:background .15s}.bank-option:hover,.bank-option.active{background:#f0fff4;color:#00a843;font-weight:500}.account-verifying{display:flex;align-items:center;gap:8px;padding:8px 0 0;font-family:Outfit;font-size:13px;color:#00000080}.verify-spinner{width:14px;height:14px;border:2px solid #E1E1E1;border-top:2px solid #34C759;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-verified{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:6px;background:#f0fff4;border:1px solid #B9F6CA;border-radius:8px}.account-verified span{font-family:Outfit;font-weight:500;font-size:14px;color:#00873e}.account-verify-error{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:6px;background:#fff0f0;border:1px solid #FFD4D4;border-radius:8px}.account-verify-error span{font-family:Outfit;font-weight:400;font-size:13px;color:#d32f2f}.account-verify-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:6px;background:#fffbeb;border:1px solid #FDE68A;border-radius:8px}.account-verify-warning span{font-family:Outfit;font-weight:400;font-size:13px;color:#92400e}.paystack-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#0088ff0f;border:1px solid rgba(0,136,255,.2);border-radius:8px}.paystack-info-box svg{flex-shrink:0;margin-top:1px}.paystack-info-box span{font-family:Outfit;font-weight:400;font-size:13px;line-height:19px;color:#0070d6}.paystack-actions{display:flex;flex-direction:column;gap:12px}.paystack-connect-btn{width:100%;height:52px;background:linear-gradient(135deg,#00c853,#34c759);border-radius:12px;border:none;color:#fff;font-family:Outfit;font-weight:500;font-size:16px;line-height:20px;cursor:pointer;transition:opacity .2s,transform .15s}.paystack-connect-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.paystack-connect-btn:disabled{opacity:.55;cursor:not-allowed}.paystack-back-btn{width:100%;height:48px;background:transparent;border:1px solid #E1E1E1;border-radius:12px;color:#000;font-family:Outfit;font-weight:500;font-size:15px;cursor:pointer;transition:background .2s}.paystack-back-btn:hover{background:#f5f5f5}.paystack-error{padding:12px 16px;background:#fff0f0;border:1px solid #FFD4D4;border-radius:8px;font-family:Outfit;font-weight:400;font-size:14px;color:#d32f2f;margin-bottom:16px;text-align:center}.paystack-success{padding:14px 16px;background:#f0fff4;border:1px solid #B9F6CA;border-radius:8px;font-family:Outfit;font-weight:500;font-size:14px;color:#00c853;margin-bottom:20px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.connect-paystack-container{width:100%;height:100%;max-height:100vh;border-radius:0;padding:60px 20px}.connect-paystack-title{font-size:22px}.connect-paystack-subtitle{font-size:14px}}.members-overview-container{display:flex;flex-direction:column;gap:32px;width:100%}.members-add-media-section{margin-top:32px;display:flex;justify-content:flex-start;width:100%}.members-charts-row{display:flex;flex-direction:row;align-items:flex-start;gap:34px;width:100%;flex-wrap:wrap}.members-charts-col{display:flex;flex-direction:column;gap:32px;flex:1;min-width:300px}.chart-wrapper-group{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:1;min-width:300px}.overview-sub-heading{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;letter-spacing:-.24px;color:#000;margin:0}@media(max-width:1300px){.members-charts-row{gap:20px}}@media(max-width:1100px){.members-charts-row{flex-direction:column;align-items:stretch}}@media(max-width:768px){.members-overview-container{gap:24px}}@media(max-width:480px){.members-overview-container{gap:16px}}.members-stats-container{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.members-overview-heading{font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;letter-spacing:-.24px;color:#000;margin:0}.members-stats-section{display:flex;flex-direction:row;align-items:center;padding:0;gap:34px;width:100%;max-width:1110px;box-sizing:border-box}.members-stats-section .stat-value{color:#202224}@media(max-width:1150px){.members-stats-section{flex-wrap:wrap;justify-content:center;gap:20px}}@media(max-width:768px){.members-stats-section{flex-direction:column;align-items:stretch}}.gender-chart-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;gap:8px;width:100%;max-width:600px;height:400px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 4px 20px #0000000d}.gender-chart-heading{width:100%;height:25px;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;letter-spacing:-.24px;color:#000;margin:0}.gender-pie-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:row;align-items:center}.gender-chart-visual{position:relative;width:100%;height:100%;left:-20px}.gender-legends-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;width:69px;height:368px;flex:none;order:1;align-self:stretch;flex-grow:0}.gender-legend-item{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;width:69px;height:24px;flex:none;flex-grow:0}.legend-dot{width:8px;height:8px;border-radius:50%;flex:none}@media(max-width:768px){.gender-chart-container{padding:20px;height:auto;min-height:350px;max-width:100%}.pie-center-value{font-size:14px}}@media(max-width:650px){.gender-pie-wrapper{flex-direction:column;gap:20px}.gender-chart-visual{left:0!important;width:100%;display:flex;justify-content:center}.gender-legends-container{height:auto;width:100%;flex-direction:row;justify-content:center;margin-top:0;order:2;gap:16px}.gender-legend-item{width:auto}.pie-center-value{left:50%!important;font-size:14px}}@media(max-width:480px){.gender-chart-container{padding:16px}.pie-center-value{font-size:12px}}.pie-center-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Inter;font-style:normal;font-weight:600;font-size:16px;line-height:20px;color:#000000e6;pointer-events:none}.birthday-chart-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;gap:8px;width:100%;max-width:476px;height:400px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 4px 20px #0000000d}.birthday-chart-heading{width:100%;height:25px;font-family:Outfit;font-style:normal;font-weight:400;font-size:20px;line-height:25px;letter-spacing:-.24px;color:#000;margin:0}.birthday-bar-wrapper{width:100%;height:100%;margin-top:10px}.legend-text-birthday{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#000000b3;margin-left:4px}.birthday-bar-wrapper .recharts-legend-item svg{border:.8px solid #8979FF;border-radius:0;width:6.4px!important;height:6.4px!important}.birthday-bar-wrapper .recharts-legend-icon{fill:#8979ff!important}@media(max-width:1200px){.birthday-chart-container{width:100%;max-width:100%}}@media(max-width:768px){.birthday-chart-container{height:auto;min-height:350px;padding:16px}}.marital-status-chart-container{display:flex;flex-direction:column;align-items:flex-start;padding:32px 16px 16px;width:100%;max-width:437px;height:412px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 4px 20px #0000000d}.marital-bar-wrapper{width:100%;height:100%}.legend-text-marital{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#000000b3;margin-left:4px}.marital-bar-wrapper .recharts-legend-item svg{border:.8px solid #8979FF;border-radius:0;width:6.4px!important;height:6.4px!important}.marital-bar-wrapper .recharts-legend-icon{fill:#8979ff!important}@media(max-width:768px){.marital-status-chart-container{height:auto;min-height:350px;padding:20px 12px;max-width:100%}}.children-chart-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:24px 16px;gap:16px;width:100%;max-width:650px;min-height:412px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.children-main-chart{flex:1;min-width:0;height:380px;position:relative;order:0;align-self:stretch}.label-name{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#000000b3}.label-stats{display:flex;flex-direction:row;align-items:center;gap:4px}.label-value{font-family:Inter;font-style:normal;font-weight:600;font-size:12px;line-height:15px}.label-percent{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:15px}.legends-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;width:160px;flex:0 0 auto;order:1;align-self:center;margin-left:auto;margin-right:-28px}.legend-item-compact{display:flex;flex-direction:row;align-items:center;padding:4px;gap:4px;height:24px;flex:none;flex-grow:0}.ellipse-fill{width:8px;height:8px;border-radius:50%;border:1px solid #FFFFFF;box-sizing:border-box;flex:none}.legend-label-text{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#000000b3;flex:none;flex-grow:0}@media(max-width:650px){.children-chart-container{flex-direction:column;align-items:center;padding:20px 12px 12px;min-height:unset}.children-main-chart{width:100%;max-width:430px;height:320px}.legends-container{width:100%;height:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;order:2}.legend-item-compact{width:auto}}@media(max-width:480px){.children-main-chart{height:260px}}.member-list-section{margin-top:40px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000000d}.member-list-header-row{margin-bottom:24px}.member-list-title{font-family:Outfit;font-size:24px;font-weight:600;color:#000;margin:0}.member-list-table-container{width:100%;overflow-x:auto}.member-list-table{width:100%;border-collapse:collapse}.member-list-table th{text-align:left;padding:16px;border-bottom:1px solid #EEEEEE;font-family:Outfit;font-size:16px;font-weight:500;color:#888}.member-list-table td{padding:16px;border-bottom:1px solid #F9F9F9;font-family:Poppins;font-size:14px;color:#444}.member-info-cell{display:flex;align-items:center;gap:12px}.member-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.member-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:#f68634;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.no-members-msg{text-align:center;padding:40px;color:#888;font-family:Outfit}@media(max-width:768px){.member-list-table th,.member-list-table td{padding:12px 8px}}.member-groups-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;width:100%;max-width:1110px;box-sizing:border-box}.member-groups-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;height:56px;flex:none;order:0;align-self:stretch;flex-grow:0}.groups-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.24px;color:#000;margin:0}.add-group-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:auto;height:56px;background:#f68634;border-radius:12px;border:none;cursor:pointer;transition:background .3s ease}.add-group-btn:hover{background:#e57a2b}.add-group-btn span{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff}.members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;align-self:stretch}@media(max-width:1100px){.members-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.member-groups-header{flex-direction:column;height:auto;gap:16px;align-items:flex-start}.add-group-btn{width:100%;height:52px;padding:12px 20px}.members-grid{grid-template-columns:1fr;justify-items:center}}@media(max-width:480px){.member-groups-container{gap:24px;padding:0 8px}.groups-title{font-size:20px}.add-group-btn{height:48px}}.member-card-wrapper{position:relative;width:100%;max-width:354px}.member-card-menu{position:absolute;top:8px;right:8px;z-index:10}.member-card-dropdown{position:absolute;top:100%;right:0;z-index:100;margin-top:4px}.member-single-card{display:flex;flex-direction:column;align-items:center;padding:0 0 12px;gap:18px;width:100%;min-height:273px;background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.member-single-card:hover{transform:translateY(-4px)}.member-card-image{width:100%;height:201px;background-size:cover;background-position:center;border-radius:8px 8px 0 0;flex:none;order:0;align-self:stretch;flex-grow:0}.member-card-info{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 12px;gap:4px;width:100%;flex:none;order:1;flex-grow:0;box-sizing:border-box}.member-card-text{display:flex;flex-direction:column;align-items:center;gap:4px}.member-group-name{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#000;margin:0}.member-group-count{font-family:Outfit;font-style:normal;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#0009;margin:0}@media(max-width:400px){.member-single-card{width:100%;height:auto}.member-card-image{height:180px}}.add-member-container{display:flex;flex-direction:column;gap:24px;width:100%}.add-member-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px}.add-member-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.24px;color:#000}.add-member-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 24px;gap:10px;width:auto;min-width:120px;height:48px;background:#f68634;border-radius:12px;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff;transition:background-color .2s ease}.add-member-button:hover{background:#e5762a}.add-member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1110px}.member-list-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px 16px;gap:20px;width:100%;max-width:100%;height:auto;background:#fff;border-radius:12px;box-sizing:border-box;position:relative;box-shadow:0 4px 10px #00000005;border:1px solid #F4F4F4}.member-list-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.member-list-name{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:24px;letter-spacing:-.24px;color:#000;margin:0}.member-list-image-container{width:100%;height:240px;border-radius:8px;overflow:hidden;background:#d9d9d9}.member-list-image{width:100%;height:100%;object-fit:cover}.member-list-role{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:24px;letter-spacing:-.24px;color:#000;margin:0}.member-more-menu{position:absolute;width:127px;padding:24px;gap:16px;right:16px;top:56px;background:#fff;box-shadow:0 13px 61px #0000001a;border-radius:8px;display:flex;flex-direction:column;z-index:100}.member-menu-item{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;background:none;border:none;padding:0;width:100%;text-align:left}.member-menu-item span{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px}.member-menu-item.edit span{color:#979797}.member-menu-item.delete span{color:#e83939}.member-list-image-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}@media(max-width:1100px){.add-member-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.add-member-header{flex-direction:column;align-items:flex-start;gap:16px}.add-member-button{width:100%}.add-member-grid{grid-template-columns:1fr;gap:16px}.member-list-image-container{height:200px}}.service-group-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#909297ab;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);display:flex;justify-content:center;align-items:center;z-index:2000}.service-group-modal-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px;width:689px;height:auto;max-height:95vh;background:#fff;border-radius:8px;overflow-y:auto;position:relative}.modal-logo-box{width:64px;height:64px;background:#fff;border-radius:18.98px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0000000d}.modal-logo-img{width:51.56px;height:51.56px}.modal-header-section{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}.modal-title{font-family:Outfit;font-weight:500;font-size:24px;line-height:30px;text-align:center;color:#000;margin:0}.modal-subtitle{font-family:Outfit;font-weight:400;font-size:20px;line-height:25px;text-align:center;color:#888;margin:0}.modal-form-section{display:flex;flex-direction:column;gap:16px;width:100%;max-width:641px}.upload-container{display:flex;flex-direction:column;gap:16px;width:100%}.upload-label{font-family:Outfit;font-weight:500;font-size:16px;line-height:20px;color:#2d2b32;letter-spacing:-.05px}.upload-dropzone{box-sizing:border-box;width:100%;height:367px;background:#fff;border:1px dashed #E1E1E1;border-radius:12px;display:flex;justify-content:center;align-items:center}.upload-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:244px}.upload-icon-wrapper{display:flex;justify-content:center;align-items:center;padding:10px;width:38px;height:38px;background:#f6863433;border-radius:100px}.upload-main-icon{width:18px;height:18px}.upload-prompt{font-family:Outfit;font-weight:500;font-size:16px;line-height:20px;text-align:center;color:#000;margin:0;letter-spacing:-.05px}.upload-specs{font-family:Outfit;font-weight:300;font-size:14px;line-height:18px;text-align:center;color:#888;margin:0;letter-spacing:-.05px}.browse-btn{box-sizing:border-box;width:116px;height:44px;background:#f5f5f5;border:1px solid #E1E1E1;border-radius:8px;font-family:Outfit;font-weight:400;font-size:16px;color:#000;cursor:pointer}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;height:100%;position:relative}.image-preview{width:100%;height:100%;object-fit:cover;border-radius:12px}.change-image-btn{position:absolute;bottom:16px;padding:10px 20px;background:#000000b3;color:#fff;border:none;border-radius:8px;font-family:Outfit;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s}.change-image-btn:hover{background:#000000d9}.description-field-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.description-field-label{font-family:Outfit;font-weight:400;font-size:16px;line-height:20px;color:#000}.description-field-textarea{box-sizing:border-box;width:100%;height:131px;background:#fff;border:1px solid #DFEAF2;border-radius:8px;padding:12px 10px;font-family:Outfit;font-weight:400;font-size:14px;color:#000;outline:none;resize:none}.description-field-textarea::placeholder{color:#888;font-size:12px}.modal-buttons-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:516px;margin-top:10px}.modal-cancel-btn{box-sizing:border-box;flex:1;height:52px;border:1px solid rgba(0,0,0,.2);border-radius:12px;background:transparent;font-family:Outfit;font-weight:500;font-size:16px;color:#000;cursor:pointer}.modal-create-btn{box-sizing:border-box;flex:1;height:52px;background:#f68634;border-radius:12px;border:none;font-family:Outfit;font-weight:500;font-size:16px;color:#fff;cursor:pointer}@media(max-width:768px){.service-group-modal-container{width:95%;padding:16px}.upload-dropzone{height:250px}.modal-buttons-section{flex-direction:column;gap:12px;max-width:100%}.modal-cancel-btn,.modal-create-btn{width:100%}}.mpm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;z-index:10000;padding:20px;overflow-y:auto}.mpm-card{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:30px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;align-items:center;animation:profilePop .3s ease-out;margin:auto}@keyframes profilePop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mpm-close-btn{position:absolute;top:15px;right:15px;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.mpm-close-btn:hover{background:#e2e8f0;transform:rotate(90deg)}.mpm-image-section{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:24px;border:4px solid #F68634;background:#0f172a;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 15px -3px #0000004d}.mpm-large-img{width:100%;height:100%;object-fit:cover}.mpm-large-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mpm-info-section{text-align:center;width:100%}.mpm-name{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px;font-family:Inter,Outfit,sans-serif;word-break:break-word}.mpm-position{color:#f68634;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-family:Inter,Outfit,sans-serif;margin-bottom:24px}.mpm-details-grid{display:grid;grid-template-columns:1fr;gap:16px;text-align:left;background:#f8fafc;padding:20px;border-radius:12px;width:100%}.mpm-detail-item{display:flex;flex-direction:column;gap:4px}.mpm-detail-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.mpm-detail-value{font-size:15px;color:#334155;font-weight:500}@media(max-width:640px){.mpm-card{padding:24px}.mpm-image-section{width:120px;height:120px}}.member-position-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;width:100%;max-width:1110px;box-sizing:border-box}.member-position-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;height:56px;flex:none;order:0;align-self:stretch;flex-grow:0}.position-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.24px;color:#000;margin:0}.add-position-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:10px;width:auto;height:56px;background:#f68634;border-radius:12px;border:none;cursor:pointer;transition:background .3s ease}.add-position-btn:hover{background:#e57a2b}.add-position-btn span{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff}.positions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;align-self:stretch}.loading-state,.empty-state{display:flex;justify-content:center;align-items:center;width:100%;min-height:200px;font-family:Outfit;font-size:16px;color:#888;background:#fafafa;border-radius:12px}@media(max-width:1100px){.positions-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.member-position-header{flex-direction:column;height:auto;gap:16px;align-items:flex-start}.add-position-btn{width:100%;height:52px;padding:12px 20px}.positions-grid{grid-template-columns:1fr;justify-items:center}}@media(max-width:480px){.member-position-container{gap:24px;padding:0 8px}.position-title{font-size:20px}.add-position-btn{height:48px}}.landing-navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:10px;position:absolute;width:1539px;height:56px;left:calc(50% - 769px);top:49px;z-index:1000}.navbar-logo-section{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0}.navbar-logo-box{display:flex;flex-direction:row;align-items:center;padding:0;width:56px;height:56px;background:#fff;border-radius:10px;justify-content:center}.navbar-logo-img{width:56px;height:56px;object-fit:contain}.navbar-app-name{font-family:Lufga;font-style:normal;font-weight:700;font-size:32px;line-height:42px;color:#fff}.navbar-hamburger{display:none;background:#fff;border-radius:10px;border:none;width:44px;height:44px;padding:10px;cursor:pointer;z-index:1100;justify-content:center;align-items:center}.navbar-hamburger svg{width:24px;height:24px}.navbar-links-container{display:flex;flex-direction:row;align-items:center;gap:50px;flex-grow:1;justify-content:flex-end}.navbar-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:80px}.nav-link{font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff;text-decoration:none;transition:opacity .2s;white-space:nowrap}.nav-link:hover{opacity:.8}.navbar-get-started{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 24px;height:44px;background:#fff;border-radius:10px;border:none;cursor:pointer;font-family:Outfit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#f68634;transition:transform .2s,background-color .2s;white-space:nowrap}.navbar-get-started:hover{transform:translateY(-2px);background-color:#f8f8f8}@media(max-width:1600px){.landing-navbar{width:90%;left:5%}}@media(max-width:1200px){.navbar-links{gap:40px}.navbar-app-name{font-size:24px}}@media(max-width:992px){.navbar-hamburger{display:flex}.navbar-links-container{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#f68634;flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1050;padding:40px;box-shadow:-10px 0 30px #0000001a}.navbar-links-container.active{right:0}.navbar-links{flex-direction:column;gap:30px}.nav-link{font-size:20px}.navbar-get-started{width:200px}.landing-navbar{width:calc(100% - 40px);left:20px;top:24px}}@media(max-width:480px){.navbar-app-name{display:none}}.hero-section{position:relative;width:100%;height:1083px;background:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center}.hero-background{position:absolute;width:100%;height:1086px;left:0;top:0;background:#e66404;z-index:1}.hero-ellipse{position:absolute;width:1858px;height:1858px;left:calc(50% - 929px);top:-876px;background:#f68634;border-radius:50%}.hero-content{position:absolute;width:868px;height:300px;left:calc(50% - 434px);top:171px;display:flex;flex-direction:column;align-items:center;gap:32px;z-index:10}.hero-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%}.hero-heading{width:100%;max-width:868px;font-family:Outfit;font-style:normal;font-weight:600;font-size:56px;line-height:140%;color:#fff;margin:0;text-align:center}.hero-subheading{width:100%;max-width:751px;font-family:Outfit;font-style:normal;font-weight:500;font-size:20px;line-height:140%;color:#fff;margin:0;text-align:center}.hero-app-badges{display:flex;flex-direction:row;align-items:center;gap:20px;width:294px;height:40px;justify-content:center}.hero-mockup-container{position:absolute;width:531.01px;height:1080.13px;left:calc(50% - 266.005px);top:300px;z-index:20;filter:drop-shadow(-9.35801px 25.4003px 52.1375px rgba(88,89,92,.3))}.mobile-frame-wrapper{width:100%;height:100%}.mobile-mockup-img{width:100%;height:100%;object-fit:contain}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.hero-circle{position:absolute;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2);animation:float 6s ease-in-out infinite}.hero-circle img{width:100%;height:100%;object-fit:cover}.circle-1{width:129px;height:129px;left:18%;top:566px;animation-delay:0s}.circle-2{width:129px;height:129px;left:7%;top:412px;animation-delay:1s}.circle-3{width:77px;height:77px;left:10%;top:220px;animation-delay:2s}.circle-4{width:77px;height:77px;left:86%;top:217px;animation-delay:3s}.circle-5{width:129px;height:129px;left:71%;top:532px;animation-delay:4s}.circle-6{width:129px;height:129px;left:84%;top:392px;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:992px){.hero-section{height:auto;min-height:850px;padding-bottom:60px}.hero-background{height:100%}.hero-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:10px;position:absolute;width:301px;height:auto;left:calc(50% - 150px);top:200px;z-index:10}.hero-heading{font-size:24px;line-height:1.2}.hero-subheading{font-size:14px;line-height:1.4}.hero-app-badges{flex-direction:column;height:auto;gap:12px;width:100%}.hero-mockup-container{position:relative;width:80%;max-width:300px;height:auto;margin:340px auto 0;left:auto;top:240px;transform:none;z-index:20}.floating-elements{display:none}}@media(max-width:480px){.hero-section{height:auto;min-height:700px;padding-bottom:0}.hero-background{height:100%}.hero-ellipse{width:616px;height:616px;left:calc(50% - 308px);top:-135.22px}.hero-content{top:110px;gap:10px;width:301px;left:calc(50% - 150px)}.hero-heading{font-size:24px;line-height:1.2}.hero-subheading{font-size:14px;max-width:280px;line-height:1.4}.hero-mockup-container{position:relative;width:90%;max-width:247px;height:auto;margin:340px auto 0;left:auto;top:135px;transform:none;z-index:20;display:flex;align-items:flex-end}.hero-circle{display:none}}@media(max-width:360px){.hero-content{width:280px;left:calc(50% - 140px)}.hero-heading{font-size:20px}}.play-store-button{box-sizing:border-box;display:flex!important;flex-direction:row!important;align-items:center!important;padding:0 12px!important;gap:10px!important;width:140px!important;height:44px!important;background:#000!important;border:1px solid #A6A6A6!important;border-radius:8px!important;text-decoration:none!important;transition:transform .2s;flex-shrink:0;cursor:pointer}.play-store-button:hover{transform:translateY(-2px);background:#111!important}.play-store-icon{width:24px!important;height:24px!important;object-fit:contain!important}.get-it-on-text{font-family:Outfit,sans-serif!important;font-weight:400!important;font-size:9px!important;color:#fff!important;margin:0!important;padding:0!important;text-transform:uppercase!important}.google-play-text{font-family:Outfit,sans-serif!important;font-weight:600!important;font-size:15px!important;color:#fff!important;margin:0!important;padding:0!important;white-space:nowrap!important}.app-store-button{box-sizing:border-box;display:flex!important;flex-direction:row!important;align-items:center!important;padding:0 12px!important;gap:10px!important;width:140px!important;height:44px!important;background:#000!important;border:1px solid #A6A6A6!important;border-radius:8px!important;text-decoration:none!important;transition:transform .2s;flex-shrink:0;cursor:pointer}.app-store-button:hover{transform:translateY(-2px);background:#111!important}.apple-logo-icon{width:22px!important;height:22px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}.button-text-container{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;line-height:1!important}.download-on-text{font-family:Outfit,sans-serif!important;font-weight:400!important;font-size:9px!important;color:#fff!important;margin:0!important;padding:0!important;text-transform:none!important}.app-store-text{font-family:Outfit,sans-serif!important;font-weight:600!important;font-size:15px!important;color:#fff!important;margin:0!important;padding:0!important;white-space:nowrap!important}.feature-one-container{width:100%;display:flex;justify-content:center;padding:0 20px 40px;box-sizing:border-box;margin-top:0;min-height:600px}.feature-one-background{width:100%;max-width:1607px;height:500px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:30px;position:relative;box-shadow:0 4px 20px #0000000d}.feature-one-frame{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0;gap:200px;position:absolute;width:1514px;height:68px;left:70px;top:76px;box-sizing:border-box}.feature-one-title-wrapper{display:flex;align-items:center;width:502px;height:56px}.feature-one-title{font-family:Outfit;font-style:normal;font-weight:500;font-size:40px;line-height:140%;color:#fff;margin:0;display:flex;align-items:center;gap:10px;white-space:nowrap;width:495px;height:56px}.highlight-box{background:#f68634;width:191px;height:49px;display:inline-flex;align-items:center;justify-content:center;position:relative;top:0}.feature-one-subtitle{width:430px;height:68px;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:140%;color:#fff;margin:0;text-align:left}.feature-images-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;width:100%;max-width:1609px;height:auto;box-sizing:border-box;position:absolute;top:250px;left:50%;transform:translate(-50%);z-index:10}.feature-image-item{width:350px;height:500px;background:linear-gradient(128.25deg,#f5f5f5 37.42%,#dedfe5 99.97%);border-radius:19.9px;object-fit:cover;flex:none}@media(max-width:1024px){.feature-one-container{position:relative;height:auto;min-height:1750px;margin-top:0;padding:40px 16px}.feature-one-background{position:relative;width:100%;max-width:358px;height:350px;left:auto;transform:none;top:30px;margin:0 auto;border-radius:10px;overflow:visible;box-shadow:none}.feature-one-frame{position:relative;width:100%;padding:20px;left:0;top:0;transform:none;flex-direction:column;align-items:flex-start;gap:12px;height:auto;box-sizing:border-box}.feature-one-title-wrapper{width:100%;height:auto}.feature-one-title{font-size:24px;width:100%;height:auto;white-space:normal;flex-wrap:wrap}.highlight-box{width:auto;padding:0 10px;height:36px}.feature-one-subtitle{text-align:left;width:100%;max-width:100%;height:auto;font-size:16px;line-height:140%;word-wrap:break-word}.feature-images-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:12px;position:absolute;width:300px;height:1467.03px;left:calc(50% - 150px);top:150px;transform:none;z-index:10}.feature-image-item{width:300px;height:450px;border-radius:10px;object-fit:cover}}.usage-container{position:relative;width:100%;max-width:1728px;height:1050px;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;overflow:hidden}.usage-image-container{position:absolute;width:100%;height:100%;left:0;z-index:1;pointer-events:none}.usage-image{width:700px;height:1100px;object-fit:contain}.usage-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;position:relative;width:580px;height:auto;margin-right:50px;z-index:2;margin-top:300px}.usage-main-title{width:518px;font-family:Outfit;font-style:normal;font-weight:500;font-size:40px;line-height:140%;color:#000}.usage-steps-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;width:600px}.usage-step-row{display:flex;flex-direction:row;align-items:flex-start;gap:22px;width:100%;position:relative;padding-bottom:22px}.usage-step-row:last-child{padding-bottom:0}.usage-step-visual{display:flex;flex-direction:column;align-items:center;width:15px;flex-shrink:0;position:relative;padding:0;align-self:stretch}.stepper-dot{width:11.73px;height:11.73px;background:#f68634;border-radius:50%;flex:none;z-index:2}.stepper-line{position:absolute;width:0;top:11.73px;bottom:-22px;left:50%;transform:translate(-50%);border-left:.488889px dashed rgba(136,136,136,.53);z-index:1}.usage-step-row:last-child .stepper-line{display:none}.usage-step-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin-top:-5px}.usage-item{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:10px;width:622px}.usage-item-title{width:100%;font-family:Outfit;font-style:normal;font-weight:500;font-size:24px;line-height:100%;color:#000}.usage-item-description{width:100%;font-family:Outfit;font-style:normal;font-weight:400;font-size:16px;line-height:140%;color:#888}@media(max-width:1024px){.usage-container{height:auto;padding-top:60px;padding-bottom:40px;flex-direction:column-reverse;max-width:100%}.usage-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:32px;width:359px;max-width:100%;margin-top:0;margin-left:auto;margin-right:auto;align-self:center;box-sizing:border-box}.usage-main-title{font-size:32px;width:100%;text-align:center;line-height:120%}.usage-steps-wrapper{gap:0px;width:100%;flex-direction:column}.usage-step-row{gap:20px;padding-bottom:30px;flex-direction:row}.usage-step-visual{width:15px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:5px}.stepper-line{display:block;position:absolute;width:0;top:16.73px;bottom:-30px;left:50%;transform:translate(-50%);border-left:.488889px dashed rgba(136,136,136,.53);z-index:1}.usage-step-content{width:100%;gap:8px;margin-top:-2px}.usage-item-title{font-size:20px}.usage-item-description{font-size:15px}.usage-image-container{width:100%;height:500px;position:relative;left:auto;top:auto;transform:none;margin-top:20px;overflow:hidden;display:flex;justify-content:center;align-items:center}.usage-image{width:auto;max-width:100%;height:100%;object-fit:contain;transform:scale(.9)}}@media(max-width:480px){.usage-container{padding-top:40px;padding-bottom:20px}.usage-content{padding:0 16px;width:100%;gap:24px;align-items:center}.usage-main-title{font-size:24px;margin-bottom:8px}.usage-step-row{gap:12px;padding-bottom:20px}.usage-item-title{font-size:18px;margin-bottom:4px}.usage-item-description{font-size:14px;line-height:1.5}.usage-image-container{height:320px;margin-top:10px}.usage-image{transform:scale(.95)}.stepper-line{display:block;bottom:-20px}}.faq-section{width:100%;background:#fff;padding:110px 62px;box-sizing:border-box;overflow:hidden}.faq-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:123px;max-width:1609px;margin:0 auto;width:100%;min-height:864px}.faq-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:60px;width:679px;flex-shrink:0}.faq-title{width:100%;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:40px;line-height:140%;color:#000;margin:0}.faq-items{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%}.faq-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:16px 0;width:100%;border-bottom:1px solid rgba(0,0,0,.4);cursor:pointer;transition:all .3s ease}.faq-item-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;gap:16px}.faq-question{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:140%;color:#000;margin:0;flex:1}.faq-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.faq-icon svg{width:24px;height:24px;color:#000}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease;width:100%}.faq-item.active .faq-answer{max-height:200px;margin-top:16px}.faq-answer p{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:140%;color:#0006;margin:0}.faq-image-section{position:relative;width:807px;height:864px;flex-shrink:0;overflow:visible}.faq-background{width:100%;height:100%;border-radius:19.9px;object-fit:cover}.event-card{position:absolute;display:flex;flex-direction:row;align-items:center;padding:16px;gap:16px;border-radius:10px;box-shadow:0 4px 20px #0000001a}.event-card-accent{width:6px;height:95px;border-radius:32px;flex-shrink:0}.event-card-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex:1}.event-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.event-card-details{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.event-card-title{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:20px;line-height:24px;margin:0}.event-card-time{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#727272;margin:0}.event-card-avatars{display:flex;flex-direction:row;align-items:center;padding:0}.event-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);margin-left:-9px;border:2px solid white}.event-avatar:first-child{margin-left:0}.event-avatar:nth-child(1){z-index:3;background:linear-gradient(135deg,#f093fb,#f5576c)}.event-avatar:nth-child(2){z-index:2;background:linear-gradient(135deg,#4facfe,#00f2fe)}.event-avatar:nth-child(3){z-index:1;background:linear-gradient(135deg,#43e97b,#38f9d7)}.event-card-menu{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.event-menu-dot{width:4px;height:4px;border-radius:50%}.event-card.sunday-service{background:#ceebf6;width:clamp(220px,55%,336px);left:15%;top:12%}.event-card.sunday-service .event-card-accent{background:#02aff3}.event-card.sunday-service .event-card-title{color:#02aff3}.event-card.sunday-service .event-menu-dot{background:#02aff3}.event-card.night-vigil{background:#ffffbd;width:clamp(200px,50%,312px);left:5%;top:38%}.event-card.night-vigil .event-card-accent{background:#d5c404}.event-card.night-vigil .event-card-title{color:#d5c404}.event-card.night-vigil .event-menu-dot{background:#d5c404}.event-card.bible-study{background:#ffeada;width:clamp(180px,45%,289px);right:5%;left:auto;top:75%;border-radius:17px}.event-card.bible-study .event-card-accent{background:#f68634}.event-card.bible-study .event-card-title{color:#f68634}.event-card.bible-study .event-menu-dot{background:#f68634}@media(max-width:1700px){.faq-container{gap:80px}.faq-image-section{width:650px;height:700px}}@media(max-width:1400px){.faq-section{padding:80px 40px}.faq-container{gap:60px;min-height:auto}.faq-content{width:550px}.faq-image-section{width:500px;height:550px}}@media(max-width:1200px){.faq-section{padding:60px 30px}.faq-container{flex-direction:column;gap:40px;align-items:center}.faq-content{width:100%;max-width:679px}.faq-image-section{width:100%;max-width:600px;height:auto;aspect-ratio:807 / 864}.faq-title{font-size:36px}}@media(max-width:992px){.faq-section{padding:40px 24px}.faq-container{gap:32px}.faq-title{font-size:32px}.faq-question{font-size:20px}.faq-content{gap:40px}.faq-image-section{width:90%;max-width:500px}.event-card{padding:12px;gap:12px}.event-card-accent{height:70px}.event-card-title{font-size:16px;line-height:20px}.event-card-time{font-size:14px;line-height:20px}.event-avatar{width:22px;height:22px;margin-left:-7px}}@media(max-width:400px){.faq-container{padding:0 12px}.faq-content{max-width:100%}}.subscription-landing-section{width:100%;padding:80px 62px;box-sizing:border-box;overflow:hidden}.subscription-landing-container{display:flex;flex-direction:column;align-items:center;padding:0;gap:60px;max-width:1252px;margin:0 auto;width:100%}.subscription-landing-header{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;max-width:836px;width:100%;text-align:center;margin:0 auto 60px}.subscription-landing-title{font-family:Coolvetica,Outfit,sans-serif;font-style:normal;font-weight:700;font-size:48px;line-height:40px;text-align:center;color:#000;margin:0}.subscription-landing-title .title-highlight{color:#f68634}.subscription-landing-description{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:30px;text-align:center;color:#000;margin:0}.subscription-landing-plans{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:32px 0}.subscription-landing-plans .subscription-plans-container{margin-top:0;gap:32px;max-width:1252px;width:100%}.subscription-landing-plans .subscription-page-wrapper{gap:0}.subscription-landing-plans .subscription-subscribers-list{display:none}@media(max-width:768px){.subscription-landing-plans{padding:0;width:100%}.subscription-landing-plans .subscription-plans-container{gap:24px;padding:20px 0}}.subscription-landing-plans .subscription-plan-heading{display:none}@media(max-width:1400px){.subscription-landing-section{padding:60px 40px}.subscription-landing-container{gap:50px}.subscription-landing-title{font-size:42px;line-height:46px}.subscription-landing-description{font-size:22px;line-height:28px}}@media(max-width:1200px){.subscription-landing-section{padding:50px 30px}.subscription-landing-container{gap:40px}.subscription-landing-title{font-size:38px;line-height:42px}.subscription-landing-description{font-size:20px;line-height:26px}}@media(max-width:992px){.subscription-landing-section{padding:40px 24px}.subscription-landing-container{gap:36px}.subscription-landing-title{font-size:34px;line-height:38px}.subscription-landing-description{font-size:18px;line-height:24px}}@media(max-width:768px){.subscription-landing-section{padding:40px 0;background:#f5f5f5}.subscription-landing-container{padding:40px 17px;gap:32px;background:#fff;width:100%;box-sizing:border-box}.subscription-landing-header{padding:0 17px;margin-bottom:40px;gap:16px}.subscription-landing-title{font-size:24px;line-height:140%}.subscription-landing-description{font-size:16px;line-height:140%}.subscription-landing-plans{padding:0}}@media(max-width:400px){.subscription-landing-container{padding:32px 12px}.subscription-landing-header{padding:0 12px}.subscription-landing-title{font-size:22px}}.download-app-section{width:100%;padding:100px 62px;box-sizing:border-box;display:flex;justify-content:center;background:#fff}.download-app-container{position:relative;width:1600px;height:500px;background:url(/assets/home_1-DaaHrKgE.png) no-repeat center center;background-size:cover;border-radius:30px;overflow:hidden}.phones-wrapper{position:absolute;height:100%;left:0;top:0;width:50%}.phone-mockup{position:absolute;filter:drop-shadow(-8px 22px 45px rgba(88,89,92,.3))}.phone-mockup img{width:100%;height:auto}.phone-group-9{width:461px;left:80px;top:40px;z-index:2;filter:drop-shadow(-8.12427px 22.0516px 45.2638px rgba(88,89,92,.3))}.phone-group-10{width:464.1px;height:500px;object-fit:contain;top:160px;z-index:4;filter:drop-shadow(-8.17886px 22.1998px 45.5679px rgba(88,89,92,.3))}.download-app-content{position:absolute;display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;width:600px;left:550px;top:152px}.text-group{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%}.download-app-title{width:100%;font-family:Outfit,sans-serif;font-style:normal;font-weight:600;font-size:50px;line-height:140%;color:#fff;margin:0}.download-app-desc{width:100%;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:17px;line-height:140%;color:#fff;margin:0}.download-app-buttons{display:flex;flex-direction:row;align-items:center;padding:0;gap:36px}@media(max-width:1024px){.download-app-section{padding:60px 20px}.download-app-container{position:relative;width:100%;max-width:500px;height:750px;border-radius:20px;margin:0 auto;overflow:hidden;display:block}.download-app-content{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:32px;position:relative;width:100%;left:0;top:0;transform:none;text-align:center;box-sizing:border-box}.text-group{align-items:center;width:100%}.download-app-title{font-size:32px;text-align:center}.download-app-desc{font-size:16px;text-align:center;max-width:400px}.download-app-buttons{justify-content:center;width:100%;gap:16px}.download-app-buttons>*{width:140px!important;height:44px!important}.phones-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.phone-group-9{width:280px;left:50%;transform:translate(-80%);top:410px;z-index:2}.phone-group-10{width:280px;left:50%;transform:translate(-20%);top:500px;z-index:3}}@media(max-width:480px){.download-app-container{max-width:358px;height:698px}.download-app-title{font-size:24px}.download-app-content{padding:30px 16px}.phone-group-9{width:230px;top:440px}.phone-group-10{width:240px;top:480px}}.footer-section{width:100%;height:580px;background:url(/assets/footer_background-DtAj4cpt.jpg) no-repeat center center;background-size:cover;position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-top:102px}.footer-top-container{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:309px;width:1575px;height:250px}.footer-brand-column{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:344px}.footer-logo-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;width:100%}.footer-logo-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:14.91px}.logo-bg{width:52.17px;height:52.17px;background:#fff;border-radius:9.32px;display:flex;align-items:center;justify-content:center}.footer-logo-img{width:52.17px;height:52.17px}.footer-brand-name{font-family:Syne,sans-serif;font-style:normal;font-weight:700;font-size:29.8px;line-height:36px;color:#fff;margin:0}.footer-description{width:344px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#fff;margin:0}.footer-socials{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.social-icon-wrapper{width:40px;height:40px;background:#ffffff1a;border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.social-icon-wrapper:hover{background:#fff3;transform:translateY(-3px)}.social-icon-wrapper img{width:20px;height:20px}.footer-links-container{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:169px;width:922px}.footer-links-column{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px}.column-title{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:30px;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.column-links{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:17px}.column-link{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#888;text-decoration:none;transition:color .3s ease;letter-spacing:-.5px}.column-link:hover{color:#fff}.contact-info{font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:25px;color:#888;margin:0;letter-spacing:-.5px}.footer-bottom-wrapper{display:flex;flex-direction:column;align-items:center;padding:0;gap:44px;width:1608px;position:absolute;bottom:46px}.footer-line{width:100%;height:0px;border:.5px solid #7D7D7D}.footer-bottom-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%}.copyright-text{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#fff;letter-spacing:-.5px}.copyright-icon{width:16px;height:16px}.bottom-links{display:flex;flex-direction:row;align-items:center;padding:0;gap:28px}.bottom-link-item{display:flex;flex-direction:row;align-items:center;padding:10px;gap:10px}@media(max-width:1600px){.footer-top-container,.footer-bottom-wrapper{width:95%;gap:100px}.footer-links-container{gap:50px;width:auto}}@media(max-width:1200px){.footer-section{height:auto;padding-bottom:50px}.footer-top-container{flex-direction:column;height:auto;gap:60px;align-items:center;text-align:center}.footer-brand-column,.footer-logo-row{align-items:center}.footer-bottom-wrapper{position:relative;bottom:0;margin-top:60px}.footer-bottom-row{flex-direction:column;gap:20px}}@media(max-width:768px){.footer-links-container{flex-direction:column;align-items:center;gap:40px}.column-links,.footer-links-column{align-items:center}}.about-us-section{padding:80px 20px;background-color:#fff;font-family:Inter,sans-serif}.about-us-container{max-width:1200px;margin:0 auto}.about-us-header{text-align:center;margin-bottom:50px}.about-us-title{font-size:2.8rem;font-weight:700;color:#333;margin-bottom:10px}.about-us-title .highlight{color:#f68634}.about-us-underline{width:80px;height:4px;background-color:#f68634;margin:0 auto;border-radius:2px}.about-us-layout{display:flex;align-items:center;gap:50px;margin-top:20px}.about-us-content{flex:1}.about-us-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;line-height:1.8;border:1px solid #f0f0f0;transition:transform .3s ease}.about-us-image-wrapper{flex:1;position:relative;display:flex;justify-content:center;align-items:center}.about-us-image{width:100%;max-width:500px;border-radius:20px;box-shadow:0 20px 40px #0000001a;z-index:2;transition:transform .5s ease}.about-us-image.logo-style{max-width:350px;padding:40px;background:#fff;box-shadow:0 15px 35px #f686341a;border:1px solid rgba(246,134,52,.1)}.about-us-image:hover{transform:scale(1.05)}.about-us-text{font-size:1.15rem;color:#555;margin-bottom:20px}.about-us-text strong{color:#f68634}.second-para{margin-top:20px;color:#666}@media(max-width:992px){.about-us-layout{flex-direction:column;text-align:center}.about-us-image-wrapper{order:-1}}@media(max-width:768px){.about-us-title{font-size:2.2rem}.about-us-card{padding:30px 20px}.about-us-text{font-size:1rem}}html{scroll-behavior:smooth}.churchin-app-landing{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.churchin-app-landing main{width:100%}.legal-page-wrapper{background-color:#e66404;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.legal-page-wrapper:before{content:"";position:absolute;width:1858px;height:1858px;left:calc(50% - 929px);top:-876px;background:#f68634;border-radius:50%;z-index:0;pointer-events:none}.legal-main-content{flex:1;padding:160px 20px 80px;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:10}.legal-page-container{max-width:850px;width:100%;background:#f0cbb0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000014;border-radius:16px;border:1px solid rgba(255,255,255,.5);padding:60px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#2d3748}.legal-back-button{display:inline-flex;align-items:center;margin-bottom:30px;padding:8px 16px;background-color:#edf2f7;color:#4a5568;text-decoration:none;border-radius:30px;font-weight:500;font-size:.9rem;transition:all .3s ease}.legal-back-button:hover{background-color:#e2e8f0;color:#2b6cb0;transform:translate(-3px)}.legal-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #000000}.legal-title{font-size:2.8rem;font-weight:800;margin-bottom:15px;color:#f68634;letter-spacing:-.02em;background:linear-gradient(90deg,#f68634,#f68634);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.legal-last-updated{font-size:1.05rem;color:#000;font-weight:500}.legal-content h2{font-size:1.6rem;font-weight:700;margin-top:45px;margin-bottom:20px;color:#2d3748;position:relative;padding-left:18px}.legal-content h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:80%;width:4px;background-color:#f68634;border-radius:4px}.legal-content h3{font-size:1.3rem;font-weight:600;margin-top:30px;margin-bottom:16px;color:#4a5568}.legal-content p{font-size:1.05rem;line-height:1.7;margin-bottom:20px;color:#4a5568}.legal-content ul{margin-bottom:25px;padding-left:0;list-style-type:none}.legal-content li{font-size:1.05rem;line-height:1.7;color:#2e2d2d;margin-bottom:14px;position:relative;padding:12px 16px 12px 44px;background-color:#fff5ef99;border-radius:10px;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #00000005;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.legal-content li:hover{transform:translate(4px);box-shadow:0 6px 16px #0000000f;background-color:#fffffff2}.legal-content li:before{content:"✓";position:absolute;left:14px;top:14px;color:#fff;background-color:#f68634;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #f686344d}.legal-content a{color:#f68634;text-decoration:none;font-weight:500;transition:color .2s}.legal-content a:hover{color:#2b6cb0;text-decoration:underline}@media(max-width:768px){.legal-page-container{padding:40px 20px}.legal-title{font-size:2.2rem}.legal-main-content{padding:120px 15px 40px}}@media(max-width:480px){.legal-page-wrapper:before{width:616px;height:616px;left:calc(50% - 308px);top:-135.22px}}.notifications-content{padding:32px;max-width:1000px;margin:0 auto;width:100%}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.notifications-header h2{font-family:Outfit,sans-serif;font-size:28px;font-weight:600;color:#2e2d2d;margin:0}.mark-all-btn{background:none;border:1px solid #F68634;color:#f68634;padding:8px 16px;border-radius:8px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mark-all-btn:hover{background:#f68634;color:#fff}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{display:flex;align-items:center;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #F2F2F2}.notification-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.notification-item.unread{background:#fff9f5;border-left:4px solid #F68634}.notif-indicator{width:12px;height:12px;border-radius:50%;margin-right:16px;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:12px}.notif-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#2e2d2d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-family:Outfit,sans-serif;font-size:12px;color:#828282;white-space:nowrap}.notif-message{font-family:Outfit,sans-serif;font-size:14px;line-height:1.5;color:#4f4f4f;margin:0}.delete-notif-btn{background:none;border:none;font-size:24px;color:#bdbdbd;cursor:pointer;padding:0 8px;margin-left:16px;transition:color .2s ease;line-height:1}.delete-notif-btn:hover{color:#eb5757}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;color:#828282}.empty-notif-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-notifications p{font-family:Outfit,sans-serif;font-size:18px}@media(max-width:768px){.notifications-content{padding:20px}.notif-title{font-size:16px}.notif-message{font-size:13px}}.subscription-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.subscription-modal-container{background:#f8fafc;border-radius:20px;width:95%;max-width:1200px;max-height:95vh;overflow-y:auto;box-shadow:0 25px 80px #0000004d;animation:slideUp .4s ease;position:relative;padding:20px}.subscription-modal-header{text-align:center;padding:32px 32px 0;position:relative}.subscription-modal-close{position:absolute;right:24px;top:24px;background:#f1f5f9;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#64748b;transition:all .2s ease}.subscription-modal-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.subscription-modal-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.subscription-modal-icon svg{width:28px;height:28px;color:#fff}.subscription-modal-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px;font-family:Inter,sans-serif}.subscription-modal-header p{font-size:14px;color:#64748b;margin:0;font-family:Inter,sans-serif}.subscription-modal-blocked-feature{display:inline-block;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;margin-top:12px;font-family:Inter,sans-serif}.subscription-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px 32px 32px}.subscription-plan-card{border:2px solid #e2e8f0;border-radius:16px;padding:24px 20px;text-align:center;transition:all .3s ease;position:relative;background:#fff;cursor:pointer}.subscription-plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.subscription-plan-card.current{border-color:#6366f1;background:linear-gradient(180deg,#f5f3ff,#fff)}.subscription-plan-card.recommended{border-color:#6366f1;box-shadow:0 8px 32px #6366f133}.subscription-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;font-family:Inter,sans-serif;white-space:nowrap}.subscription-plan-name{font-size:18px;font-weight:700;color:#1e293b;margin:8px 0 4px;font-family:Inter,sans-serif}.subscription-plan-price{font-size:32px;font-weight:800;color:#6366f1;margin:12px 0 4px;font-family:Inter,sans-serif}.subscription-plan-price span{font-size:14px;font-weight:400;color:#94a3b8}.subscription-plan-desc{font-size:13px;color:#64748b;margin:0 0 20px;font-family:Inter,sans-serif}.subscription-plan-features{list-style:none;padding:0;margin:0 0 24px;text-align:left}.subscription-plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#334155;padding:6px 0;font-family:Inter,sans-serif;line-height:1.4}.subscription-plan-features li .feature-icon{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.subscription-plan-features li .feature-icon.included{background:#dcfce7;color:#16a34a}.subscription-plan-features li .feature-icon.excluded{background:#fee2e2;color:#dc2626}.subscription-plan-features li .feature-icon svg{width:10px;height:10px}.subscription-plan-features li.disabled{color:#94a3b8;text-decoration:line-through}.subscription-plan-btn{width:100%;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;border:none}.subscription-plan-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px #6366f14d}.subscription-plan-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.subscription-plan-btn.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.subscription-plan-btn.secondary:hover{background:#e2e8f0}.subscription-plan-btn.current-btn{background:#e0e7ff;color:#4f46e5;cursor:default}.subscription-toast{position:fixed;top:24px;right:24px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:16px 24px;border-radius:14px;box-shadow:0 12px 40px #0003;z-index:10001;display:flex;align-items:center;gap:12px;animation:toastSlideIn .4s ease,toastSlideOut .4s ease 2.6s;max-width:400px;font-family:Inter,sans-serif}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.subscription-toast-icon{width:36px;height:36px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-toast-icon svg{width:18px;height:18px;color:#fff}.subscription-toast-text{display:flex;flex-direction:column;gap:2px}.subscription-toast-title{font-size:14px;font-weight:600}.subscription-toast-message{font-size:12px;color:#94a3b8}@media(max-width:768px){.subscription-plans-grid{grid-template-columns:1fr;padding:16px}.subscription-modal-container{width:95%;border-radius:16px}.subscription-modal-header{padding:24px 16px 0}.subscription-modal-header h2{font-size:20px}}.session-expired-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.session-expired-card{display:flex;flex-direction:column;align-items:center;padding:40px;gap:32px;width:480px;background:#fff;border-radius:24px;box-shadow:0 20px 50px #0003;text-align:center;animation:slideUp .4s ease-out}.session-expired-icon-wrapper{width:80px;height:80px;background:#fff5f5;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:8px}.session-expired-icon{width:40px;height:40px;color:#ff383c}.session-expired-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:600;color:#1a1c1e;margin:0}.session-expired-text{font-family:Inter,sans-serif;font-size:16px;line-height:24px;color:#64748b;margin:0}.session-expired-btn{width:100%;height:56px;background:#f68634;color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f686344d}.session-expired-btn:hover{background:#e57925;transform:translateY(-2px);box-shadow:0 6px 16px #f6863466}.session-expired-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:520px){.session-expired-card{width:90%;padding:32px 24px}}body,html{overflow-x:hidden;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b3b3b3}