.account-theme{--color-primary:#5dc4ec;--color-secondary:#002a4c;--color-white:#ffffff;--color-off-white:#f8f9fa;--color-font:#2d3338;--color-gray:#535353;--color-light-gray:#eaf0f5;--color-light-gray1:#dadada;--color-muted:#9d9d9d;--color-danger:#e53935;--color-success:#155724;--bg-light:var(--color-off-white);--bg-dark:var(--color-secondary);--font-primary:"Figtree",sans-serif;--font-secondary:"avenir-lt-pro","Avenir LT Pro",Avenir,Helvetica,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--line-height-110:110%;--line-height-120:120%;--line-height-140:140%;--ls-neg-3xl:-1.44px;--ls-neg-xxl:-1.12px;--ls-neg-xl:-0.96px;--ls-neg-lg:-0.8px;--ls-neg-md:-0.64px;--ls-neg-sm:-0.5px;--ls-neg-xs:-0.48px;--ls-neg-xxs:-0.4px;--ls-pos-xs:0.6px;--ls-pos-sm:0.72px;--ls-pos-lg:2px;--spacing-desktop-v:112px;--spacing-laptop-v:64px;--spacing-tablet-v:56px;--spacing-mobile-v:40px;--bs-body-font-family:var(--font-primary);--bs-body-font-size:16px;--bs-body-line-height:var(--line-height-140);--bs-body-color:var(--color-font)}.account-settings-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:56px;position:relative;width:100%;padding-bottom:80px}@media(max-width:767.99px){.account-settings-wrapper{padding-left:16px;padding-right:16px;gap:32px}}.account-settings-wrapper .loading-state{display:flex;justify-content:center;align-items:center;height:200px;font-family:var(--font-primary);font-size:18px;color:var(--color-primary);width:100%}.settings-section{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%;flex:0 0 auto;position:relative}.settings-section h2.section-title{position:relative;width:fit-content;margin-top:-1px;font-family:var(--h6-font-family,Avenir);font-weight:var(--h6-font-weight,300);font-size:var(--h6-font-size,32px);letter-spacing:var(--h6-letter-spacing,-.64px);line-height:var(--h6-line-height,112%);font-style:normal;color:var(--color-secondary);white-space:nowrap}@media(max-width:767.99px){.settings-section h2.section-title{font-size:24px;white-space:normal;width:100%}}.settings-section p.section-desc{font-family:var(--font-primary);font-size:16px;font-weight:var(--font-weight-regular);color:var(--color-font);line-height:var(--line-height-140)}.settings-card,.settings-card-group{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.settings-card{padding:24px;position:relative;background:var(--color-white);border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.06),0 0 1px 0 rgba(0,0,0,.2)}@media(max-width:767.99px){.settings-card{padding:16px}}.settings-card.is-editing{background:var(--color-off-white);box-shadow:none;padding:20px 24px;border-radius:8px;gap:16px}.settings-card-header{display:flex;align-items:center;gap:8px;width:100%}.settings-card-header .card-title{flex:1;font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:16px;color:var(--color-secondary)}.settings-card-header .card-action{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.settings-card-header .card-action .icon-close-cancel{color:var(--color-secondary);flex-shrink:0}.settings-card-header .card-action .settings-edit-icon{width:18px;height:18px;flex-shrink:0}.settings-card-header .card-action .settings-edit-icon path{stroke:var(--color-secondary)}.settings-card-header .card-action .action-text-wrapper{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.settings-card-header .card-action .action-text-wrapper span{font-family:var(--font-primary);font-size:16px;color:var(--color-secondary)}.settings-card-header .card-action .action-text-wrapper .underline{width:100%;height:2px;background-color:var(--color-primary)}.settings-card-content{font-family:var(--font-primary);font-size:16px;color:var(--color-font);line-height:var(--line-height-140);word-break:break-word}.settings-card-content.password-mask{letter-spacing:2px}.settings-form-content{gap:16px}.form-group,.settings-form-content{display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-group{gap:8px;max-width:100%}@media(min-width:768px){.form-group{flex:1}}.form-group.full-width,.form-group.password-group{width:100%}.form-group label{font-weight:var(--font-weight-light,300)}.form-group input,.form-group label{font-family:var(--font-primary);font-size:16px;color:var(--color-font)}.form-group input{width:100%;height:44px;padding:0 12px;background:var(--color-white);border:1px solid var(--color-bullet);border-radius:4px;outline:none}@media(max-width:767.99px){.form-group input{height:40px}}.form-group input:focus{border-color:var(--color-primary)}.form-group .input-with-icon{position:relative;width:100%;display:flex;align-items:center}.form-group .input-with-icon input{padding-right:44px}.form-group .input-with-icon .password-toggle{position:absolute;right:12px;background:none;border:none;padding:0;color:var(--color-light-gray1);cursor:pointer;display:flex;align-items:center;justify-content:center}.form-group .input-with-icon .password-toggle svg{width:20px;height:20px}.form-group .input-with-icon .password-toggle:hover{color:var(--color-primary)}.form-group .error-text{color:var(--color-danger);font-size:12px;margin-top:4px}.form-group .success-text{color:#379937;font-size:12px;margin-top:4px}.form-group .react-select-container{width:100%}.form-group .react-select-container .react-select__control{min-height:44px;border-color:var(--color-bullet);border-radius:4px;box-shadow:none}.form-group .react-select-container .react-select__control--is-focused,.form-group .react-select-container .react-select__control:hover{border-color:var(--color-primary)}@media(max-width:767.99px){.form-group .react-select-container .react-select__control{min-height:40px}}.form-group .react-select-container .react-select__value-container{padding:0 12px}.form-group .react-select-container .react-select__placeholder,.form-group .react-select-container .react-select__single-value{font-family:var(--font-primary);font-size:16px;color:var(--color-font)}.form-group.phone-input-group{width:100%}.form-group.phone-input-group .account-input__wrapper.react-tel-input{width:100%;height:44px;position:relative;background:var(--color-white);border:1px solid var(--color-bullet);border-radius:4px;transition:border-color .2s ease}.form-group.phone-input-group .account-input__wrapper.react-tel-input:focus-within{border-color:var(--color-primary)}@media(max-width:767.99px){.form-group.phone-input-group .account-input__wrapper.react-tel-input{height:40px}}.form-group.phone-input-group .account-input__wrapper.react-tel-input.has-error{border-color:var(--color-danger)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button{position:absolute;top:0;left:0;bottom:0;width:52px;background:rgba(0,0,0,0);border:none;border-right:1px solid var(--color-bullet);border-radius:4px 0 0 4px}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0)!important;padding:0 8px}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag:focus,.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag:hover{background:rgba(0,0,0,0)!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag .arrow{border-top:4px solid var(--color-primary)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag .arrow.up{border-bottom:4px solid var(--color-primary)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-input__field{height:100%;width:100%;border:none!important;background:rgba(0,0,0,0)!important;font-family:var(--font-primary)!important;font-size:16px!important;font-weight:var(--font-weight-regular)!important;color:var(--color-font)!important;padding:0 16px 0 60px!important;box-shadow:none!important;border-radius:4px!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-input__field::placeholder{color:var(--color-muted)!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-input__field:focus{outline:none!important;box-shadow:none!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown{font-family:var(--font-primary);font-size:14px;color:var(--color-font);background:var(--color-white);border:1px solid var(--color-bullet);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:10}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list{margin:0}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country{padding:8px 12px;display:flex;align-items:center;gap:8px}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country.highlight,.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country:hover{background-color:var(--color-off-white)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country .dial-code{color:var(--color-muted)}.save-btn{margin-top:8px;width:280px}.toggle-group{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:16px}.toggle-group .toggle-switch{position:relative;width:48px;height:28px;border-radius:32px;transition:background-color .2s;cursor:pointer;border:none;outline:none}.toggle-group .toggle-switch.on{background-color:var(--color-secondary)}.toggle-group .toggle-switch.off{background-color:var(--color-muted)}.toggle-group .toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-group .toggle-switch .toggle-knob{position:absolute;top:4px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;transition:all .2s;z-index:2}.toggle-group .toggle-switch .toggle-knob.on{left:24px}.toggle-group .toggle-switch .toggle-knob.off{left:4px}.toggle-group .toggle-label{font-family:var(--font-primary);font-size:16px;color:var(--color-font);flex:1}