.image-uploading{position:relative;display:inline-block}.image-uploading img{max-width:98%!important;-webkit-filter:blur(5px);filter:blur(5px);opacity:.3}.image-uploading:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;border-radius:50%;border:3px solid #ccc;border-top-color:#1e986c;z-index:1;-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.user-update-container[data-v-adb2de24]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#f1f5f9;padding:0;margin:0}.page-header[data-v-adb2de24]{background:-webkit-gradient(linear,left top,right top,from(#0f3460),color-stop(50%,#16213e),to(#1a1a2e));background:linear-gradient(90deg,#0f3460,#16213e 50%,#1a1a2e);padding:32px 0 16px 0;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:24px}.header-content[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;max-width:1700px;margin:0 auto;padding:0 32px}.header-left[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-title[data-v-adb2de24]{color:#fff;font-size:2.2rem;font-weight:700;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.page-title i[data-v-adb2de24]{font-size:2.2rem;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.page-subtitle[data-v-adb2de24]{color:#a8b2c1;font-size:1rem;margin-top:6px;font-weight:400}.main-content[data-v-adb2de24]{max-width:1700px;margin:0 auto;padding:32px 32px 32px}.content-section[data-v-adb2de24]{margin-bottom:24px}.info-section[data-v-adb2de24],.security-section[data-v-adb2de24]{margin-bottom:40px}.section-header[data-v-adb2de24]{margin-bottom:24px}.section-title[data-v-adb2de24]{color:#00d4ff;font-size:1.5rem;font-weight:600;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.section-title i[data-v-adb2de24]{font-size:1.5rem;color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.4)}.user-info-card[data-v-adb2de24]{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.4);box-shadow:0 8px 32px rgba(0,0,0,.4);padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-top-actions[data-v-adb2de24]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.card-top-actions[data-v-adb2de24],.card-top-row[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-top-row[data-v-adb2de24]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.user-update-container .custom-date-picker[data-v-adb2de24] :deep(.el-input__inner){background:hsla(0,0%,100%,.05)!important;border:1px solid rgba(0,212,255,.2)!important;border-radius:8px!important;color:#f1f5f9!important;font-size:.95rem!important;padding:12px 16px!important;height:auto!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important}.user-update-container .custom-date-picker[data-v-adb2de24] :deep(.el-input__inner):focus{border-color:#00d4ff!important;-webkit-box-shadow:0 0 0 2px rgba(0,212,255,.1)!important;box-shadow:0 0 0 2px rgba(0,212,255,.1)!important;background:hsla(0,0%,100%,.08)!important}.user-update-container .custom-date-picker[data-v-adb2de24] :deep(.el-input__inner)::-webkit-input-placeholder{color:#64748b!important}.user-update-container .custom-date-picker[data-v-adb2de24] :deep(.el-input__inner)::-moz-placeholder{color:#64748b!important}.user-update-container .custom-date-picker[data-v-adb2de24] :deep(.el-input__inner):-ms-input-placeholder{color:#64748b!important}.user-update-container .custom-date-picker[data-v-adb2de24] :deep(.el-input__inner)::-ms-input-placeholder{color:#64748b!important}.user-update-container .custom-date-picker[data-v-adb2de24] :deep(.el-input__inner)::placeholder{color:#64748b!important}.custom-select-wrapper[data-v-adb2de24]{width:100%;position:relative}.custom-select[data-v-adb2de24]{width:100%;padding:14px 18px;background:hsla(0,0%,100%,.08);border:2px solid rgba(0,212,255,.2);border-radius:10px;color:#f1f5f9;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2300d4ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.custom-select[data-v-adb2de24]:focus{outline:none;border-color:#00d4ff;-webkit-box-shadow:0 0 0 3px rgba(0,212,255,.15);box-shadow:0 0 0 3px rgba(0,212,255,.15);background-color:hsla(0,0%,100%,.12);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.custom-select option[data-v-adb2de24]{background:#1e293b;color:#f1f5f9;padding:12px;border:none}.custom-select option[data-v-adb2de24]:disabled{color:#64748b;background:#334155}.user-update-container[data-v-adb2de24] :deep(.quill-editor-instance .ql-editor){background:hsla(0,0%,100%,.05)!important;color:#e2e8f0!important;border:1px solid rgba(0,212,255,.2)!important;border-radius:8px!important;min-height:200px!important;font-size:16px!important;line-height:1.6!important}.user-update-container[data-v-adb2de24] :deep(.quill-editor-instance .ql-toolbar){background:rgba(30,41,59,.9)!important;border:1px solid rgba(0,212,255,.2)!important;border-radius:8px 8px 0 0!important}.user-update-container[data-v-adb2de24] :deep(.quill-editor-instance .ql-container){border:1px solid rgba(0,212,255,.2)!important;border-radius:0 0 8px 8px!important}.user-update-container[data-v-adb2de24] :deep(.quill-editor-instance .ql-toolbar button){color:#00d4ff!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important;background:transparent!important}.user-update-container[data-v-adb2de24] :deep(.quill-editor-instance .ql-toolbar button:hover){color:#fff!important;background:rgba(0,212,255,.1)!important}.user-update-container[data-v-adb2de24] :deep(.quill-editor-instance .ql-toolbar button.ql-active){color:#fff!important;background:rgba(0,212,255,.2)!important}.user-avatar-section[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:32px}.avatar-display[data-v-adb2de24]{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid rgba(0,212,255,.3);-webkit-box-shadow:0 8px 25px rgba(0,212,255,.2);box-shadow:0 8px 25px rgba(0,212,255,.2)}.user-avatar[data-v-adb2de24]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info-grid[data-v-adb2de24]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.info-item.full-width[data-v-adb2de24]{grid-column:1/-1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.info-label[data-v-adb2de24]{color:#00d4ff;font-weight:600;font-size:1rem;min-width:120px;-ms-flex-negative:0;flex-shrink:0}.info-value[data-v-adb2de24]{color:#f1f5f9;font-size:1rem;word-break:break-word;line-height:1.5}.security-cards[data-v-adb2de24]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.security-card[data-v-adb2de24]{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.4);box-shadow:0 8px 32px rgba(0,0,0,.4);padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:all .3s ease;transition:all .3s ease}.security-card[data-v-adb2de24]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 40px rgba(0,0,0,.5);box-shadow:0 12px 40px rgba(0,0,0,.5);border-color:rgba(0,212,255,.3)}.card-header[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;margin-bottom:20px}.card-icon[data-v-adb2de24]{width:48px;height:48px;border-radius:12px;background:linear-gradient(45deg,rgba(0,212,255,.2),rgba(0,153,204,.2));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.card-icon i[data-v-adb2de24]{font-size:24px;color:#00d4ff}.card-title h3[data-v-adb2de24]{color:#f1f5f9;font-size:1.2rem;font-weight:600;margin:0 0 8px 0}.card-title p[data-v-adb2de24]{color:#94a3b8;font-size:.9rem;margin:0;line-height:1.4}.card-actions[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.custom-modal-container[data-v-adb2de24]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000;padding:20px}.custom-modal[data-v-adb2de24]{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);-webkit-box-shadow:0 20px 60px rgba(0,0,0,.5);box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:800px;width:100%;max-height:85vh;position:relative}.custom-modal[data-v-adb2de24],.modal-content[data-v-adb2de24]{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-content[data-v-adb2de24]{padding:0;height:100%}.modal-header[data-v-adb2de24]{padding:24px 32px 16px;border-bottom:1px solid hsla(0,0%,100%,.1);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:-webkit-gradient(linear,left top,right top,from(#0f3460),to(#16213e));background:linear-gradient(90deg,#0f3460,#16213e);border-radius:16px 16px 0 0}.modal-header[data-v-adb2de24],.modal-title[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-title[data-v-adb2de24]{font-weight:600;margin:0;gap:8px}.modal-title[data-v-adb2de24],.modal-title i[data-v-adb2de24]{color:#00d4ff;font-size:1.4rem}.modal-close[data-v-adb2de24]{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.modal-close[data-v-adb2de24]:hover{color:#00d4ff;background:rgba(0,212,255,.1)}.modal-body[data-v-adb2de24]{padding:32px 40px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.input-group[data-v-adb2de24]{margin-bottom:24px}.input-label[data-v-adb2de24]{display:block;color:#e2e8f0;font-size:1rem;font-weight:600;margin-bottom:10px;letter-spacing:.5px}.required-mark[data-v-adb2de24]{color:#ef4444;font-weight:700;margin-left:2px}.custom-input[data-v-adb2de24]{width:100%;background:hsla(0,0%,100%,.05);border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:12px 16px;color:#f1f5f9;font-size:.95rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-input[data-v-adb2de24]:focus{outline:none;border-color:#00d4ff;-webkit-box-shadow:0 0 0 2px rgba(0,212,255,.1);box-shadow:0 0 0 2px rgba(0,212,255,.1)}.custom-input[data-v-adb2de24]::-webkit-input-placeholder{color:#64748b}.custom-input[data-v-adb2de24]::-moz-placeholder{color:#64748b}.custom-input[data-v-adb2de24]:-ms-input-placeholder{color:#64748b}.custom-input[data-v-adb2de24]::-ms-input-placeholder{color:#64748b}.custom-input[data-v-adb2de24]::placeholder{color:#64748b}.modal-footer[data-v-adb2de24]{padding:24px 40px 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:16px;border-top:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.1);-ms-flex-negative:0;flex-shrink:0}.btn[data-v-adb2de24]{padding:12px 28px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:none;letter-spacing:.5px}.btn-cancel[data-v-adb2de24]{background:hsla(0,0%,100%,.08);color:#e2e8f0;border:2px solid hsla(0,0%,100%,.2)}.btn-cancel[data-v-adb2de24]:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px hsla(0,0%,100%,.1);box-shadow:0 6px 20px hsla(0,0%,100%,.1)}.btn-confirm[data-v-adb2de24]{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:2px solid transparent}.btn-confirm[data-v-adb2de24]:hover:not(:disabled){background:linear-gradient(135deg,#00b8e6,#08b);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(0,212,255,.4);box-shadow:0 8px 25px rgba(0,212,255,.4)}.btn-confirm[data-v-adb2de24]:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 4px 12px rgba(0,212,255,.3);box-shadow:0 4px 12px rgba(0,212,255,.3)}.btn-confirm[data-v-adb2de24]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}.avatar-upload-area[data-v-adb2de24]{border:2px dashed rgba(0,212,255,.3);border-radius:12px;background:hsla(0,0%,100%,.05);padding:20px;text-align:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:120px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.avatar-upload-area[data-v-adb2de24]:hover{border-color:rgba(0,212,255,.6);background:hsla(0,0%,100%,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(0,212,255,.2);box-shadow:0 8px 25px rgba(0,212,255,.2)}.avatar-preview[data-v-adb2de24]{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatar-image[data-v-adb2de24]{max-width:100%;max-height:200px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}.avatar-overlay[data-v-adb2de24]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.avatar-overlay i[data-v-adb2de24]{color:#00d4ff;font-size:24px}.avatar-preview:hover .avatar-overlay[data-v-adb2de24]{opacity:1}.avatar-placeholder[data-v-adb2de24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:120px;color:#64748b;width:100%}.avatar-icon[data-v-adb2de24]{font-size:32px;color:#00d4ff;margin-bottom:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.avatar-text[data-v-adb2de24]{font-size:14px;color:#94a3b8;-webkit-transition:all .3s ease;transition:all .3s ease}.avatar-upload-area:hover .avatar-icon[data-v-adb2de24]{-webkit-transform:scale(1.1);transform:scale(1.1);color:#00d4ff}.avatar-upload-area:hover .avatar-text[data-v-adb2de24]{color:#00d4ff}@media (max-width:1200px){.main-content[data-v-adb2de24]{padding:24px 16px}.header-content[data-v-adb2de24]{padding:0 16px}.security-cards[data-v-adb2de24],.user-info-grid[data-v-adb2de24]{grid-template-columns:1fr}}@media (max-width:768px){.page-title[data-v-adb2de24]{font-size:1.8rem}.user-info-card[data-v-adb2de24]{padding:24px}.security-card[data-v-adb2de24]{padding:20px}.modal-body[data-v-adb2de24]{padding:24px 28px}.modal-footer[data-v-adb2de24]{padding:20px 28px 24px}}@media (max-width:600px){.custom-modal[data-v-adb2de24]{max-width:95vw;margin:10px;max-height:90vh}.modal-body[data-v-adb2de24]{padding:20px 24px}.modal-footer[data-v-adb2de24]{padding:16px 24px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.btn[data-v-adb2de24]{width:100%;padding:14px 20px}}