[data-v-f8505b14]:root{--header-height:100px;--header-height-mobile:92px}.profile-page[data-v-f8505b14]{background:#fff;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100dvh;padding-bottom:20px;position:relative;width:100%}@media(max-width:991px){.profile-page[data-v-f8505b14]{background:transparent}}@media(max-width:767px){.profile-page[data-v-f8505b14]{padding-bottom:16px}}.main-content[data-v-f8505b14]{padding:0;width:100%}@media(max-width:991px){.main-content[data-v-f8505b14]{box-sizing:border-box;margin:0 auto;max-width:100%;padding:12px 10px;width:100%}}@media(max-width:767px){.main-content[data-v-f8505b14]{padding:10px 8px}}.page-header[data-v-f8505b14]{margin-bottom:24px}@media(max-width:991px){.page-header[data-v-f8505b14]{margin-bottom:20px}}@media(max-width:767px){.page-header[data-v-f8505b14]{margin-bottom:16px}}.page-header .page-title[data-v-f8505b14]{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:600;gap:10px;line-height:1.2;margin:0 0 8px}@media(max-width:991px){.page-header .page-title[data-v-f8505b14]{font-size:20px}}@media(max-width:767px){.page-header .page-title[data-v-f8505b14]{font-size:18px;gap:8px}}.page-header .page-title i[data-v-f8505b14]{color:#475569;font-size:24px}@media(max-width:767px){.page-header .page-title i[data-v-f8505b14]{font-size:20px}}.page-header .page-subtitle[data-v-f8505b14]{color:#64748b;font-size:14px;line-height:1.4;margin:0}@media(max-width:767px){.page-header .page-subtitle[data-v-f8505b14]{display:none;font-size:12px}}.content-wrapper[data-v-f8505b14]{display:flex;flex-direction:column;gap:24px;width:100%}@media(max-width:991px){.content-wrapper[data-v-f8505b14]{gap:12px;max-width:100%;width:100%}}@media(max-width:767px){.content-wrapper[data-v-f8505b14]{gap:10px}}@keyframes fadeIn-f8505b14{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in[data-v-f8505b14]{animation:fadeIn-f8505b14 .4s ease-out forwards}.fade-in.delay-1[data-v-f8505b14]{animation-delay:.05s}.fade-in.delay-2[data-v-f8505b14]{animation-delay:.1s}.profile-hero-card[data-v-f8505b14]{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;position:relative;width:100%}@media(max-width:991px){.profile-hero-card[data-v-f8505b14]{border-radius:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin:0 auto;max-width:100%;width:100%}}@media(max-width:767px){.profile-hero-card[data-v-f8505b14]{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);width:100%}}.profile-hero-card .hero-background[data-v-f8505b14]{display:none}.profile-hero-card .hero-content[data-v-f8505b14]{align-items:center;display:flex;gap:28px;padding:40px 36px;position:relative;z-index:1}@media(max-width:991px){.profile-hero-card .hero-content[data-v-f8505b14]{flex-direction:column;gap:24px;padding:32px 28px;text-align:center}}@media(max-width:767px){.profile-hero-card .hero-content[data-v-f8505b14]{gap:20px;padding:24px 20px}}.avatar-section[data-v-f8505b14]{flex-shrink:0}.avatar-container[data-v-f8505b14]{height:100px;position:relative;width:100px}@media(max-width:991px){.avatar-container[data-v-f8505b14]{height:90px;width:90px}}@media(max-width:767px){.avatar-container[data-v-f8505b14]{height:80px;width:80px}}.avatar-container .avatar-image[data-v-f8505b14]{border:3px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease,opacity .3s ease;width:100%}@media(max-width:767px){.avatar-container .avatar-image[data-v-f8505b14]{border:2px solid #e2e8f0;box-shadow:0 3px 12px rgba(0,0,0,.12)}}.avatar-container .avatar-overlay[data-v-f8505b14]{align-items:center;background:rgba(0,0,0,.7);border-radius:50%;bottom:0;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:transform .3s ease,opacity .3s ease}@media(max-width:767px){.avatar-container .avatar-overlay[data-v-f8505b14]{background:rgba(0,0,0,.6);bottom:-5px;gap:6px;left:-5px;opacity:.9;right:-5px;top:-5px}}.avatar-container .avatar-overlay i[data-v-f8505b14]{color:#fff;font-size:28px}@media(max-width:767px){.avatar-container .avatar-overlay i[data-v-f8505b14]{font-size:24px}}.avatar-container .avatar-overlay .upload-text[data-v-f8505b14]{color:#fff;font-size:13px;font-weight:600}@media(max-width:767px){.avatar-container .avatar-overlay .upload-text[data-v-f8505b14]{font-size:12px}}.avatar-container:hover .avatar-overlay[data-v-f8505b14]{opacity:1}.avatar-container:hover .avatar-image[data-v-f8505b14]{transform:scale(1.05)}@media(max-width:767px){.avatar-container:active .avatar-overlay[data-v-f8505b14]{background:rgba(0,0,0,.8);transform:scale(1.02)}.avatar-container:active .avatar-image[data-v-f8505b14]{transform:scale(1.1)}}.avatar-container .upload-from[data-v-f8505b14]{bottom:-10px;cursor:pointer;left:-10px;opacity:0;position:absolute;right:-10px;top:-10px;z-index:2}@media(max-width:767px){.avatar-container .upload-from[data-v-f8505b14]{bottom:-15px;left:-15px;right:-15px;top:-15px}}.upload-from[data-v-f8505b14]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.user-info-section[data-v-f8505b14]{flex:1}.user-info-section .user-name[data-v-f8505b14]{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 6px}@media(max-width:991px){.user-info-section .user-name[data-v-f8505b14]{font-size:18px}}@media(max-width:767px){.user-info-section .user-name[data-v-f8505b14]{font-size:17px}}.user-info-section .user-id[data-v-f8505b14]{color:#64748b;font-size:14px;margin:0}@media(max-width:767px){.user-info-section .user-id[data-v-f8505b14]{font-size:13px}}.info-card[data-v-f8505b14]{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,opacity .3s ease}@media(max-width:991px){.info-card[data-v-f8505b14]{border-radius:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}}@media(max-width:767px){.info-card[data-v-f8505b14]{border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}}.info-card[data-v-f8505b14]:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}@media(max-width:767px){.info-card[data-v-f8505b14]:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}}.info-card .card-header[data-v-f8505b14]{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:28px 36px}@media(max-width:991px){.info-card .card-header[data-v-f8505b14]{padding:24px 28px}}@media(max-width:767px){.info-card .card-header[data-v-f8505b14]{background:#f8fafc;padding:20px 24px}}.info-card .card-header .card-title[data-v-f8505b14]{align-items:center;color:#1e293b;display:flex;font-size:17px;font-weight:600;gap:10px;line-height:1.3;margin:0}@media(max-width:767px){.info-card .card-header .card-title[data-v-f8505b14]{font-size:16px}}.info-card .card-header .card-title i[data-v-f8505b14]{color:#4a6cf7;font-size:20px}@media(max-width:767px){.info-card .card-header .card-title i[data-v-f8505b14]{font-size:18px}}.info-card .card-body[data-v-f8505b14]{padding:36px}@media(max-width:991px){.info-card .card-body[data-v-f8505b14]{padding:28px}}@media(max-width:767px){.info-card .card-body[data-v-f8505b14]{padding:24px 20px}}.form-grid[data-v-f8505b14]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media(max-width:1199px){.form-grid[data-v-f8505b14]{grid-template-columns:1fr}}@media(max-width:991px){.form-grid[data-v-f8505b14]{gap:20px}}@media(max-width:767px){.form-grid[data-v-f8505b14]{gap:16px}}.form-group[data-v-f8505b14]{display:flex;flex-direction:column;gap:10px}@media(max-width:767px){.form-group[data-v-f8505b14]{gap:8px}}.form-label[data-v-f8505b14]{color:#1e293b;font-size:14px;font-weight:600;margin:0}@media(max-width:767px){.form-label[data-v-f8505b14]{font-size:13px;font-weight:700}}[data-v-f8505b14] .el-input .el-input__inner{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;height:50px;line-height:50px;padding-left:44px;touch-action:manipulation;transition:transform .3s ease,opacity .3s ease}@media(max-width:767px){[data-v-f8505b14] .el-input .el-input__inner{border:1px solid #e2e8f0;border-radius:10px;font-size:14px;height:48px;line-height:48px;min-height:48px;padding-left:40px}}[data-v-f8505b14] .el-input .el-input__inner:hover{background-color:#fff;border-color:#6b8aff}[data-v-f8505b14] .el-input .el-input__inner:focus{background-color:#fff;border-color:#4a6cf7;box-shadow:0 0 0 3px rgba(74,108,247,.12);outline:none}@media(max-width:767px){[data-v-f8505b14] .el-input .el-input__inner:focus{box-shadow:0 0 0 2px rgba(74,108,247,.15)}}[data-v-f8505b14] .el-input .el-input__prefix{color:#64748b;font-size:18px;left:14px}@media(max-width:767px){[data-v-f8505b14] .el-input .el-input__prefix{left:12px}}[data-v-f8505b14] .el-input .el-input__prefix i{line-height:50px}@media(max-width:767px){[data-v-f8505b14] .el-input .el-input__prefix i{font-size:16px;line-height:48px}}.readonly-field[data-v-f8505b14]{align-items:center;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;display:flex;gap:12px;min-height:50px;padding:14px 18px;touch-action:manipulation}@media(max-width:767px){.readonly-field[data-v-f8505b14]{border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:10px;min-height:48px;padding:12px 16px}}.readonly-field i[data-v-f8505b14]{color:#64748b;flex-shrink:0;font-size:18px}@media(max-width:767px){.readonly-field i[data-v-f8505b14]{font-size:16px}}.readonly-field .field-value[data-v-f8505b14]{color:#1e293b;flex:1;font-size:15px;font-weight:500}@media(max-width:767px){.readonly-field .field-value[data-v-f8505b14]{font-size:14px}}.readonly-field .verified-badge[data-v-f8505b14]{align-items:center;background:rgba(16,185,129,.1);border-radius:20px;color:#10b981;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;gap:6px;padding:6px 14px}@media(max-width:767px){.readonly-field .verified-badge[data-v-f8505b14]{font-size:11px;padding:4px 10px}}.readonly-field .verified-badge i[data-v-f8505b14]{color:#10b981;font-size:16px}@media(max-width:767px){.readonly-field .verified-badge i[data-v-f8505b14]{font-size:14px}}.readonly-field.password-field .field-value[data-v-f8505b14]{letter-spacing:4px}@media(max-width:767px){.readonly-field.password-field[data-v-f8505b14]{gap:8px}}.change-password-btn[data-v-f8505b14]{align-items:center;background:rgba(74,108,247,.08);border:1px solid rgba(74,108,247,.3);border-radius:8px;color:#4a6cf7;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:36px;padding:8px 16px;transition:transform .25s ease,opacity .25s ease}@media(max-width:767px){.change-password-btn[data-v-f8505b14]{background:rgba(74,108,247,.08);border:1px solid #4a6cf7;border-radius:10px;color:#4a6cf7;font-size:13px;font-weight:600;min-height:40px;padding:10px 18px}}.change-password-btn i[data-v-f8505b14]{font-size:14px}@media(max-width:767px){.change-password-btn i[data-v-f8505b14]{font-size:14px}}.change-password-btn[data-v-f8505b14]:hover{background:#4a6cf7;border-color:#4a6cf7;color:#fff}@media(max-width:767px){.change-password-btn[data-v-f8505b14]:hover{background:#4a6cf7;color:#fff}}.change-password-btn[data-v-f8505b14]:active{transform:scale(.98);transition:transform .1s ease}.action-card[data-v-f8505b14]{display:flex;gap:12px;justify-content:flex-end;width:100%}@media(max-width:991px){.action-card[data-v-f8505b14]{flex-direction:column-reverse;gap:10px}}@media(max-width:767px){.action-card[data-v-f8505b14]{background:transparent;border-radius:0;box-shadow:none;gap:8px;margin-top:8px;padding:0}}.cancel-button[data-v-f8505b14],.save-button[data-v-f8505b14]{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;max-width:100%;min-height:40px;padding:10px 20px;touch-action:manipulation;transition:transform .2s ease,opacity .2s ease}@media(max-width:991px){.cancel-button[data-v-f8505b14],.save-button[data-v-f8505b14]{min-height:44px;padding:12px 16px;width:100%}}@media(max-width:767px){.cancel-button[data-v-f8505b14],.save-button[data-v-f8505b14]{border-radius:6px;font-size:13px;min-height:42px;padding:10px 14px;width:100%}}.cancel-button i[data-v-f8505b14],.save-button i[data-v-f8505b14]{font-size:16px}@media(max-width:767px){.cancel-button i[data-v-f8505b14],.save-button i[data-v-f8505b14]{font-size:14px}}.save-button[data-v-f8505b14]{background:#0063a3;box-shadow:0 4px 14px rgba(0,99,163,.35);color:#fff}.save-button[data-v-f8505b14]:hover{background:#005085;box-shadow:0 6px 20px rgba(0,99,163,.45);transform:translateY(-2px)}.save-button[data-v-f8505b14]:active{transform:translateY(0) scale(.98)}@media(max-width:767px){.save-button[data-v-f8505b14]{box-shadow:0 3px 12px rgba(74,108,247,.3)}}.cancel-button[data-v-f8505b14]{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.cancel-button[data-v-f8505b14]:hover{background:rgba(74,108,247,.05);border-color:#4a6cf7;color:#4a6cf7}.cancel-button[data-v-f8505b14]:active{transform:scale(.98)}@media(max-width:767px){.cancel-button[data-v-f8505b14]{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.cancel-button[data-v-f8505b14]:hover{background:rgba(74,108,247,.05);border-color:#4a6cf7;color:#4a6cf7}}[data-v-f8505b14] .password-dialog{border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);overflow:hidden}@media(max-width:991px){[data-v-f8505b14] .password-dialog{border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.15);width:90%!important}}@media(max-width:767px){[data-v-f8505b14] .password-dialog{border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.12);margin:10px;width:98%!important}}[data-v-f8505b14] .password-dialog .el-dialog__header{background:linear-gradient(135deg,#4a6cf7,#6b8aff);border-bottom:none;padding:28px 32px}@media(max-width:767px){[data-v-f8505b14] .password-dialog .el-dialog__header{padding:24px 20px}}[data-v-f8505b14] .password-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:22px;font-weight:700}@media(max-width:767px){[data-v-f8505b14] .password-dialog .el-dialog__header .el-dialog__title{font-size:20px}}[data-v-f8505b14] .password-dialog .el-dialog__header .el-dialog__headerbtn{right:32px;top:28px}@media(max-width:767px){[data-v-f8505b14] .password-dialog .el-dialog__header .el-dialog__headerbtn{right:20px;top:24px}}[data-v-f8505b14] .password-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:22px;font-weight:700}@media(max-width:767px){[data-v-f8505b14] .password-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:20px}}[data-v-f8505b14] .password-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{color:hsla(0,0%,100%,.8)}[data-v-f8505b14] .password-dialog .el-dialog__body{padding:36px 32px}@media(max-width:991px){[data-v-f8505b14] .password-dialog .el-dialog__body{padding:28px 24px}}@media(max-width:767px){[data-v-f8505b14] .password-dialog .el-dialog__body{padding:24px 18px}}[data-v-f8505b14] .password-dialog .el-dialog__footer{border-top:1px solid #f1f5f9;padding:24px 32px 32px}@media(max-width:991px){[data-v-f8505b14] .password-dialog .el-dialog__footer{padding:20px 24px 24px}}@media(max-width:767px){[data-v-f8505b14] .password-dialog .el-dialog__footer{padding:16px 18px 20px}}.dialog-content .dialog-group[data-v-f8505b14]{margin-bottom:24px}@media(max-width:767px){.dialog-content .dialog-group[data-v-f8505b14]{margin-bottom:20px}}.dialog-content .dialog-group[data-v-f8505b14]:last-child{margin-bottom:0}.dialog-content .dialog-group .dialog-label[data-v-f8505b14]{color:#1e293b;display:block;font-size:14px;font-weight:700;margin-bottom:10px}@media(max-width:767px){.dialog-content .dialog-group .dialog-label[data-v-f8505b14]{font-size:13px;margin-bottom:8px}}.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__inner{border:2px solid #e2e8f0;border-radius:12px;font-size:15px;height:50px;padding-left:44px;touch-action:manipulation}@media(max-width:767px){.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__inner{border:1px solid #e2e8f0;border-radius:10px;font-size:14px;height:46px;line-height:46px;min-height:46px;padding-left:38px}}.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__inner:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px rgba(74,108,247,.12)}@media(max-width:767px){.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__inner:focus{box-shadow:0 0 0 2px rgba(74,108,247,.15)}}.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__inner:disabled{background-color:#f1f5f9}.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__prefix{left:14px}@media(max-width:767px){.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__prefix{left:12px}}.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__prefix i{line-height:50px}@media(max-width:767px){.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input__prefix i{font-size:16px;line-height:46px}}.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input-group__prepend{background-color:#f1f5f9;border-color:#e2e8f0;border-radius:12px 0 0 12px}@media(max-width:767px){.dialog-content .dialog-group[data-v-f8505b14] .el-input .el-input-group__prepend{border-radius:10px 0 0 10px;height:46px}}.dialog-content .code-input-wrapper[data-v-f8505b14]{display:flex;gap:12px}@media(max-width:991px){.dialog-content .code-input-wrapper[data-v-f8505b14]{flex-direction:column}}@media(max-width:767px){.dialog-content .code-input-wrapper[data-v-f8505b14]{gap:10px}}.dialog-content .code-input-wrapper[data-v-f8505b14] .el-input{flex:1}.dialog-content .code-input-wrapper .code-button[data-v-f8505b14]{background:rgba(74,108,247,.08);border:1px solid #4a6cf7;border-radius:12px;color:#4a6cf7;font-weight:700;height:50px;touch-action:manipulation;width:140px}@media(max-width:991px){.dialog-content .code-input-wrapper .code-button[data-v-f8505b14]{width:100%}}@media(max-width:767px){.dialog-content .code-input-wrapper .code-button[data-v-f8505b14]{border:1px solid #4a6cf7;border-radius:10px;font-size:13px;height:46px}}.dialog-content .code-input-wrapper .code-button[data-v-f8505b14]:hover:not(:disabled){background:#4a6cf7;color:#fff}.dialog-content .code-input-wrapper .code-button[data-v-f8505b14]:active:not(:disabled){transform:scale(.98)}.dialog-content .code-input-wrapper .code-button[data-v-f8505b14]:disabled{opacity:.5}.dialog-footer-custom[data-v-f8505b14]{display:flex;gap:12px;justify-content:flex-end}@media(max-width:991px){.dialog-footer-custom[data-v-f8505b14]{flex-direction:column-reverse}}@media(max-width:767px){.dialog-footer-custom[data-v-f8505b14]{gap:10px}}.dialog-footer-custom button[data-v-f8505b14]{border-radius:12px;font-weight:700;height:48px;min-width:120px;touch-action:manipulation}@media(max-width:991px){.dialog-footer-custom button[data-v-f8505b14]{width:100%}}@media(max-width:767px){.dialog-footer-custom button[data-v-f8505b14]{border-radius:10px;font-size:14px;height:44px;min-width:auto;padding:0 20px}}.dialog-footer-custom .dialog-cancel-btn[data-v-f8505b14]{border:2px solid #e2e8f0;color:#475569}@media(max-width:767px){.dialog-footer-custom .dialog-cancel-btn[data-v-f8505b14]{border:1px solid #e2e8f0}}.dialog-footer-custom .dialog-cancel-btn[data-v-f8505b14]:hover{border-color:#475569;color:#1e293b}.dialog-footer-custom .dialog-cancel-btn[data-v-f8505b14]:active{transform:scale(.98)}.dialog-footer-custom .dialog-submit-btn[data-v-f8505b14]{background:linear-gradient(135deg,#4a6cf7,#3d5eeb);border:none;box-shadow:0 4px 14px rgba(74,108,247,.35)}.dialog-footer-custom .dialog-submit-btn[data-v-f8505b14]:hover{box-shadow:0 6px 20px rgba(74,108,247,.45);transform:translateY(-1px)}.dialog-footer-custom .dialog-submit-btn[data-v-f8505b14]:active{transform:translateY(0) scale(.98)}@media(max-width:767px){.dialog-footer-custom .dialog-submit-btn[data-v-f8505b14]{box-shadow:0 3px 12px rgba(74,108,247,.3);font-weight:600}}.v-modal{background-color:rgba(0,0,0,.5)!important}