*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{background-color:#f5f7fa}:root{--primary-5:#0069fe0d;--primary-10:#0069fe1a}.header .header-container{justify-content:space-between;align-items:center;padding:20px 50px;display:flex}.user-header{padding:14px 24px}.sidebar{background-color:#eef2f6;border-radius:24px;padding:24px 12px 12px;position:relative}.sidebar .sidebar-container{flex-direction:column;justify-content:space-between;height:100%;display:flex}.sidebar .navbar .navbar-list-container{flex-direction:column;margin-top:36px;display:flex}.sidebar .navbar .navbar-list-container .nav-item{align-items:center;margin-top:8px;padding:8px 12px;text-decoration:none;display:flex}.sidebar .navbar .navbar-list-container .nav-item.active{background-color:#e4e7ec;border-radius:12px}.sidebar .navbar .navbar-list-container .nav-item span{color:#717784;margin-left:8px;font-size:16px;font-weight:500}.sidebar .navbar .navbar-list-container .nav-item.active span{color:#0e121b}.sidebar .profile{cursor:pointer;align-items:center;padding:8px;display:flex;position:relative}.sidebar .profile:hover{background-color:#e4e7ec;border-radius:12px}.sidebar .profile-icon{background-color:#0069fe1a;border-radius:100%;padding:8px}.sidebar .profile .profile-icon img{width:20px;height:20px}.sidebar .profile .username-text{color:#0e121b;margin-left:10px;font-size:14px;font-weight:500}.sidebar .profile .settings-icon{cursor:pointer;position:absolute;right:5px}.sidebar .profile-modal{width:90%;position:absolute;bottom:80px}.sidebar .profile-modal .profile-modal-container{background-color:#fff;border-radius:12px;padding:24px 12px 12px}.sidebar .profile-modal .profile-modal-container .logout-btn-container{cursor:pointer;align-items:center;padding-top:8px;display:flex}.sidebar .profile-modal .profile-modal-container .logout-btn-container span{color:#fe171b;margin-left:8px;font-size:14px;font-weight:500}.sidebar .profile-modal .profile-modal_header{border-bottom:1px solid #f5f7fa;align-items:center;padding:8px 0;display:flex}.sidebar .profile-modal .profile-modal_user{cursor:pointer;margin-left:8px}.sidebar .profile-modal .profile-modal_user .profile-modal_username{color:#0e121b;font-size:14px;font-weight:500}.sidebar .profile-modal .profile-modal_user .profile-modal__profile-link{align-items:center;margin-top:2px;display:flex}.sidebar .profile-modal .profile-modal_user .profile-modal__profile-link span{color:#717784;font-size:12px;font-weight:400}.sidebar .profile-modal .profile-modal_user .profile-modal__profile-link img{margin-left:2px}.sidebar .profile-modal .profile-modal_section{border-bottom:1px solid #f5f7fa;padding:8px 0}.sidebar .profile-modal .profile-modal_section .profile-modal_item{cursor:pointer;align-items:center;padding:8px 0;display:flex}.sidebar .profile-modal .profile-modal_section .profile-modal_item span{color:#0e121b;margin-left:8px;font-size:14px;font-weight:500}.modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.close-modal .close-modal-container{background-color:#fff;border-radius:24px;width:400px;padding:24px 24px 12px}.close-modal .close-modal-container .close-text{color:#0e121b;font-size:20px;font-weight:600}.close-modal .close-modal-container .close-btn-container{justify-content:flex-end;margin-top:10px;display:flex}.close-modal .close-modal-container .close-btn-container button{cursor:pointer;background-color:#0000;border:none;border-radius:12px;padding:10px 24px;font-size:16px;font-weight:500}.close-modal .close-modal-container .close-btn-container .logout-btn{color:#fff;background-color:#fe171b;margin-left:12px}.profile-information-modal-container{background-color:#fff;border-radius:24px;min-width:560px;height:400px;padding:24px}.profile-information-modal-header{justify-content:space-between;align-items:center;display:flex}.profile-information-modal-header h5{color:#0e121b;font-size:20px;font-weight:600}.profile-information-modal-container .close-icon-container{cursor:pointer;background-color:#eef2f6;border-radius:100%;padding:8px;display:flex}.profile-information-modal-container .profile-information-container{margin-top:24px;display:flex}.profile-information-modal-container .profile-information-container .profile-information-sidebar{width:30%}.profile-information-modal-container .profile-information-container .profile-information-sidebar .profile-sidebar-item{color:#717784;cursor:pointer;margin-top:12px;padding:8px 12px;font-size:14px;font-weight:500}.profile-information-modal-container .profile-information-container .profile-information-sidebar .profile-sidebar-item:first-child{margin-top:0}.profile-information-modal-container .profile-information-container .profile-information-sidebar .profile-sidebar-item.active{background-color:var(--primary-10);border-radius:12px}.profile-information-modal-container .profile-information-container .profile-information-sidebar .profile-sidebar-item.active span{color:#0e121b}.profile-information-input-container{width:70%;margin-left:40px}.profile-information-input-container .username-update-container{flex-direction:column;display:flex}.profile-information-input-container .username-update-container input{background-color:#f5f7fa;border:1px solid #0e121b;border-radius:16px;width:100%;height:50px;padding:8px 16px}.profile-information-input-container .save-btn{color:#fff;cursor:pointer;background-color:#0069fe;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:32px;padding:10px 24px;font-size:16px;font-weight:500;display:flex}.btn-loader{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.change-password-container .save-btn:disabled{opacity:.5;background-color:#0069fe}.phone-update-container p{color:#717784;max-width:300px;font-size:14px;font-weight:400}.profile-information-modal-container .phone-form{margin-top:16px}.profile-information-modal-container .phone-description{color:#717784;font-size:16px;line-height:24px}.profile-information-modal-container .otp-title{color:#0e121b;margin-bottom:8px;font-size:18px;font-weight:600}.profile-information-modal-container .otp-subtitle{color:#717784;margin-bottom:16px;font-size:14px;line-height:28px}.profile-information-modal-container .otp-subtitle span{color:#0e121b;font-weight:500}.profile-information-modal-container .change-number-btn{color:#0069fe;cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:18px;font-weight:500}.profile-information-modal-container .otp-input-container{align-items:center;gap:5px;margin-bottom:32px;display:flex}.profile-information-modal-container .otp-input{color:#0e121b;text-align:center;background:#f3f4f6;border:2px solid #0000;border-radius:24px;outline:none;padding:15px 10px;font-size:16px;font-weight:400;transition:all .2s}.profile-information-modal-container .otp-input:focus{background:#fff;border-color:#0e121b}.profile-information-modal-container .otp-timer{align-items:center;gap:12px;margin-top:24px;display:flex}.profile-information-modal-container .otp-timer span{color:#717784;font-size:18px}.profile-information-modal-container .otp-timer strong{color:#0e121b;font-size:20px}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.custom-btn{color:#fff;cursor:pointer;background-color:#0069fe;border:none;border-radius:16px;width:100%;padding:14px 24px;font-size:16px;font-weight:500}.custom-btn:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{background:#fff;border-radius:16px;align-items:center;width:100%;height:50px;padding:0 20px;display:flex;position:relative}.password-input-wrapper.profile-password{background-color:#f5f7fa;margin-top:20px}.password-input-wrapper.profile-password:first-child{margin-top:0}.password-input-wrapper .password-input{color:#111827;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:18px}.password-input-wrapper.second-input{border:none;margin-top:28px}.password-input-wrapper .password-input::placeholder{color:#717784}.password-input-wrapper .eye-icon{cursor:pointer;width:22px;height:22px}.detail-content-container{flex-direction:column;margin-top:36px;display:flex}.custom-text-input{background-color:#f5f7fa;border:1px solid #0e121b;border-radius:16px;height:52px;margin-bottom:24px;padding:8px 16px}.toggle{cursor:pointer;background:#e4e7ec;border-radius:100px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.toggle--on{background:#0069fe}.toggle--disabled{opacity:.4;cursor:not-allowed}.toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.toggle--on .toggle-thumb{left:23px}.delete-modal-overlay{z-index:10000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:#fff;border-radius:20px;width:420px;padding:24px}.delete-modal h3{margin-bottom:12px;font-size:18px}.delete-modal p{color:#717784;font-size:14px}.delete-modal-buttons{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.delete-modal-buttons button{cursor:pointer;border:none;border-radius:10px;height:40px;padding:0 18px}.delete-btn{color:#fff;background:#ef4444}.layout{height:100vh;padding:20px;display:flex;overflow:hidden}.layout main{flex:1;height:100vh;overflow-y:auto}