@charset "UTF-8";form{--primary-color: #4EBF75;--primary-hover: #2ecc71;--text-main: #000000;--text-muted: #999999;--text-error: #ff5252;--border-color: #dddddd;--bg-white: #ffffff;--bg-gray: #f5f5f5;height:100%;display:flex;flex:1;flex-direction:column}form .form-content{display:flex;flex-direction:column;overflow:hidden;margin:0 auto}form .form-content .form-header{display:flex;align-items:center;justify-content:space-between;padding:10px}form .form-content .form-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}form .form-content .form-footer{padding:0 20px;border-top:1px solid var(--bg-gry)}form .form-description{padding:16px;background-color:var(--bg-white);border:1px solid #eee;border-left:4px solid var(--primary-color);border-radius:4px;margin-bottom:20px}form .form-description header{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--text-main)}form .form-description .body{font-size:12px;color:var(--text-sub);line-height:1.6}form .field-description{font-size:12px;color:#777}form .field-description .strong{color:#555}form .field-description a{font-weight:700}form .form-group{position:relative;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}@media screen and (min-width:768px){form .form-group{margin-bottom:20px}}@media screen and (max-width:767px){form .form-group{margin-bottom:18px}}form .form-group__header{display:flex;align-items:center;justify-content:space-between}form .form-label{font-size:14px;font-weight:700;color:var(--text-main);display:block}form .form-label.required:before{color:#e32;content:"* ";display:inline}form input,form select,form textarea{font-size:16.5px!important}form textarea{line-height:1.5}form .form-input,form .form-select,form .form-textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;background-color:#fff;color:var(--text-main);font-size:14px;transition:all .2s ease;width:100%}@media screen and (min-width:768px){form .form-input,form .form-select,form .form-textarea{font-size:15px;height:56px}}form textarea.flex-textarea.form-textarea{padding:15px}form .form-input::placeholder,form .form-select::placeholder,form .form-textarea::placeholder{color:var(--text-muted)}form .form-input:focus,form .form-select:focus,form .form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4ebf751a}form .form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}form .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4ebf751a}form .form-select::placeholder{color:var(--text-muted)}@media screen and (max-width:767px){form .form-select{font-size:16px;padding:11px 12px}}form .form-select:required:invalid{color:var(--text-muted)}form .form-select option{color:var(--text-main)}form .form-textarea{resize:vertical;min-height:120px}form .form-error{font-size:12px;color:var(--text-error);margin-top:4px;display:block;min-height:16px}form .form-error-message{padding:12px;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;font-size:12px;color:var(--text-error);margin-bottom:24px;display:none;text-align:center}form .form-error-message:not(:empty){display:block}form .form-checkbox{position:relative;display:flex;align-items:center;gap:6px}form .form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--primary-color)}form .form-checkbox label{font-size:12px;color:var(--text-sub);cursor:pointer;flex:1;line-height:1.5}form .form-checkbox a{color:var(--primary-color);text-decoration:none;font-weight:600}form .form-checkbox a:hover{text-decoration:underline}form .submit-container{margin-top:20px}form .submit-container button,form .submit-container .btn{width:100%;padding:14px 0;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:12px;text-align:center}form .submit-container button:hover,form .submit-container .btn:hover{background-color:var(--primary-hover)}form .submit-container button:active,form .submit-container .btn:active{opacity:.9}form .submit-container button:disabled,form .submit-container .btn:disabled{background-color:var(--text-muted);cursor:not-allowed}@media screen and (max-width:767px){form .submit-container button,form .submit-container .btn{padding:12px 0;font-size:14px}}form .submit-container button.submit,form .submit-container .btn.submit{background-color:var(--primary-color);color:#fff}form .submit-container button.submit:hover,form .submit-container .btn.submit:hover{background-color:var(--primary-hover)}form .submit-container button.cancel,form .submit-container button.muted,form .submit-container .btn.cancel,form .submit-container .btn.muted{background-color:var(--bg-gry);color:var(--text-muted)}form p.ng-alert{color:#dd4b39;font-size:13px;word-break:break-all;white-space:normal;text-align:left;margin:0;display:inline-block;width:100%}form span.ng-alert{color:#dd4b39;font-size:13px;word-break:break-all;white-space:normal;text-align:left;margin:0;display:inline-block}form .form-group:has(.ng-alert) input,form .form-group:has(.ng-alert) .image-uploader,form .form-group:has(.ng-alert) .file-uploader,form .form-group:has(.ng-alert) .dropdown,form .form-group:has(.ng-alert) .input-group,form .form-group:has(.ng-alert) select,form .form-group:has(.ng-alert) select+.select2-container,form .form-group:has(.ng-alert) textarea{border:1px solid #dd4b39;box-shadow:none}form .content-detail,form .content-edit{display:none}form .content-detail{word-break:break-word}form .form-label~.content-detail{padding-left:1rem}form input[type=date].no-calendar::-webkit-calendar-picker-indicator{display:none}form input[type=date].no-calendar::-webkit-input-placeholder{visibility:hidden!important}form .form-field-password .password-input-wrapper{display:flex;align-items:center}form .form-field-password .password-input-wrapper .form-input{width:100%;padding-right:40px}form .form-field-password .password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-sub);transition:all .2s ease}form .form-field-password .password-toggle:hover{color:var(--text-main)}form .form-field-password .password-toggle__icon{width:18px;height:18px}form .form-field-password .password-strength-wrapper{max-width:400px;margin-bottom:1rem}form .form-field-password .strength-progress{width:100%;height:5px;background-color:#eee;border-radius:4px;overflow:hidden}form .form-field-password .strength-bar{width:0%;height:100%;background-color:#ccc;transition:width .3s ease-in-out,background-color .3s ease-in-out}.profile-avatar-container{display:flex;align-items:flex-end;gap:16px}.profile-avatar{width:100px;height:100px;border-radius:50%;border:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar svg{width:80%;height:80%}.profile-avatar__upload{width:50px;height:50px;border:2px solid #d0d0d0;border-radius:10px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-sub);transition:all .2s ease}.profile-avatar__upload:hover{border-color:var(--accent-green);color:var(--accent-green);background-color:#4ebf750d}.birthdate-selectors{display:flex;gap:8px}.birthdate-selectors .select-wrapper{position:relative;flex:1}.birthdate-selectors .form-select{width:100%;padding:12px 36px 12px 12px;border-radius:8px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:var(--text-primary);cursor:pointer}.birthdate-selectors .select-wrapper:after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-secondary);pointer-events:none}.birthdate-selectors .unit-label{position:absolute;right:35px;top:50%;transform:translateY(-50%);font-size:87.5%;pointer-events:none;background-color:#fff;padding-left:4px}.phone-number-display{background-color:var(--bg-info);border:1px solid #90caf9;border-radius:8px;padding:16px;text-align:center}.phone-number-display__label{color:var(--text-muted);margin-bottom:4px}.phone-number-display__number{font-weight:700;color:var(--text-main);font-size:1.8rem}.phone-number-display__change{margin-top:8px}.phone-number-display__link{color:var(--primary-color);text-decoration:none;font-weight:600;cursor:pointer;transition:text-decoration .2s ease}.phone-number-display__link:hover{text-decoration:underline}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:10px}@media screen and (max-width:767px){.otp-inputs{gap:6px}}.otp-input{width:65px;max-width:calc((100% - 30px) / 6);height:65px;padding:0;border:2px solid var(--border-color);border-radius:8px;font-size:20px;font-weight:700;text-align:center;color:var(--text-main);background-color:var(--bg-white);transition:all .2s ease;outline:none}@media screen and (min-width:768px){.otp-input{width:85px;height:85px}}.otp-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4ebf751a}.otp-input::placeholder{color:var(--text-muted)}.otp-input.filled{border-color:var(--primary-color);background-color:#4ebf750d}.otp-input.error{border-color:var(--text-error);background-color:#ff52520d}.resend-timer{text-align:center;margin-bottom:24px;color:var(--text-sub)}.resend-timer__label{display:block;margin-bottom:4px}.resend-timer__time{font-weight:700;font-size:1.8rem;color:var(--primary-color);transition:color .2s ease}.resend-section{text-align:center;margin-bottom:24px;color:var(--text-sub)}.resend-link{color:var(--primary-color);text-decoration:none;font-weight:600;cursor:pointer;transition:all .2s ease;padding:10px 20px;border:none;border-radius:10px}.resend-link:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.help-text{font-size:11px;color:var(--text-muted);text-align:center;margin-top:16px;line-height:1.5}@media screen and (max-width:767px)and (max-width:767px){.help-text{font-size:10px}}.help-text a{color:var(--primary-color);text-decoration:none;transition:text-decoration .2s ease}.help-text a:hover{text-decoration:underline}.modal-body{padding:10px}.onboarding-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#ffffffd9;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;--dot-inactive: #CBD5E1;--dot-active: #3B82F6}.onboarding-overlay.show{opacity:1;visibility:visible}.onboarding-overlay .slider-wrapper{position:relative;display:flex;flex-direction:column;width:540px;height:100%;max-height:960px;background-color:#fff;overflow:hidden;box-shadow:0 5px 10px #0003;border-radius:10px}.onboarding-overlay .slider-container{display:flex;flex:1;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.onboarding-overlay .slider-container::-webkit-scrollbar{display:none}.onboarding-overlay .slide{flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;justify-content:center;align-items:center;position:relative}.onboarding-overlay .slide img{width:100%;height:100%;object-fit:contain;cursor:pointer}.onboarding-overlay .ui-overlay{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10;position:absolute;bottom:1%}.onboarding-overlay .indicators{display:flex;gap:8px}.onboarding-overlay .dot{width:8px;height:8px;border-radius:50%;background-color:var(--dot-inactive);transition:background-color .3s,width .3s}.onboarding-overlay .dot.active{background-color:var(--dot-active);width:24px;border-radius:4px}.onboarding-overlay .btn-container{width:100%;height:40px;display:flex;justify-content:center;align-items:center}.onboarding-overlay .btn{width:100%;max-width:300px;padding:12px;border-radius:25px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .3s,transform .2s}.onboarding-overlay .btn:active{transform:scale(.98)}.onboarding-overlay .btn-skip{background-color:transparent;color:#fffc;text-decoration:underline}.onboarding-overlay .btn-start{background-color:var(--primary-color);color:#fff;display:none;box-shadow:0 4px 15px #3b82f666}.onboarding-overlay .btn-start.show{display:block;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-overlay .btn-skip.hide{display:none}.paging-btn{position:absolute;top:0;bottom:0;margin:auto;appearance:none;outline:0;border:0;background:none;padding:0;z-index:1;display:flex;align-items:center;justify-content:center}.paging-btn:before{width:7px;height:12px;content:""}.paging-btn.prev{left:0}.paging-btn.prev:before{background-image:url(/build/assets/arrow_2-DQjyJ1fk.svg)}.paging-btn.next{right:0}.paging-btn.next:before{background-image:url(/build/assets/arrow_1-T5HHSy4w.svg)}.unauth-container{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;padding:20px;--primary-color: #4EBF75;--primary-hover: #2ecc71;--text-main: #000000;--text-muted: #999999;--text-error: #ff5252;--border-color: #dddddd;--bg-white: #ffffff;--bg-gray: #f5f5f5}@media screen and (max-width:767px){.unauth-container{padding:5px}}.unauth-card{background-color:var(--bg-app);border-radius:8px;padding:20px;width:100%;max-width:400px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}@media screen and (min-width:768px){.unauth-card{padding:20px}}@media screen and (max-width:767px){.unauth-card{padding:20px;border-radius:4px;min-height:calc(100dvh - 10px)}}.unauth-logo{text-align:center;width:50px;height:50px;margin:0 auto 20px}.unauth-logo img{width:80px;height:auto;display:inline-block}@media screen and (min-width:768px){.unauth-logo img{width:70px}}@media screen and (max-width:767px){.unauth-logo img{width:60px}}.unauth-title{position:relative;font-size:20px;font-weight:700;text-align:center;color:var(--text-main);margin-bottom:12px}@media screen and (max-width:767px){.unauth-title{font-size:18px;margin-bottom:8px}}.unauth-subtitle{position:relative;font-size:15px;text-align:center;margin-bottom:40px;line-height:1.6}@media screen and (max-width:767px){.unauth-subtitle{font-size:13px;margin-bottom:30px}}.unauth-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.unauth-footer__link{color:var(--primary-color);text-decoration:none;margin:0 8px}.unauth-footer__link:hover{text-decoration:underline}.unauth-footer__separator{color:var(--border-color)}.forgot-password-link{font-size:12px;color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s ease}.forgot-password-link:hover{text-decoration:underline}@media screen and (max-width:767px){.forgot-password-link{font-size:11px}}.unauth-footer-text{font-size:12px;text-align:center;margin-bottom:32px}@media screen and (max-width:767px){.unauth-footer-text{margin-bottom:24px}}.unauth-footer-link{color:var(--primary-color);text-decoration:none;font-weight:600}.unauth-footer-link:hover{text-decoration:underline}.social-login{border-top:1px solid var(--border-color);padding-top:24px;margin-top:24px}.social-login__title{font-size:12px;color:var(--text-muted);text-align:center;margin-bottom:16px;font-weight:600}.social-buttons{display:flex;gap:12px}@media screen and (max-width:767px){.social-buttons{gap:10px}}.social-button{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-white);cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:12px;font-weight:600;color:var(--text-main)}.social-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.social-button__icon{width:16px;height:16px;margin-right:6px}@media screen and (max-width:767px){.social-button__icon{width:14px;height:14px;margin-right:4px}}@media screen and (max-width:767px){.social-button{padding:9px;font-size:11px}}