[data-v-bcb07e94]{margin:0;padding:0;box-sizing:border-box}.settings-container[data-v-bcb07e94]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff;padding:20px;position:relative;overflow:hidden;font-family:Helvetica Neue,Arial,sans-serif}.background-decoration[data-v-bcb07e94]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.circle[data-v-bcb07e94]{position:absolute;border-radius:50%;background:rgba(102,126,234,.1);animation:float-bcb07e94 6s ease-in-out infinite}.circle-1[data-v-bcb07e94]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.circle-2[data-v-bcb07e94]{width:150px;height:150px;bottom:20%;right:15%;animation-delay:2s}.circle-3[data-v-bcb07e94]{width:100px;height:100px;top:60%;left:20%;animation-delay:4s}@keyframes float-bcb07e94{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.settings-form[data-v-bcb07e94]{width:100%;max-width:420px;animation:slideUp-bcb07e94 .6s ease-out;position:relative;z-index:10}@keyframes slideUp-bcb07e94{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.logo-container[data-v-bcb07e94]{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.logo[data-v-bcb07e94]{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:12px;box-shadow:0 8px 25px rgba(102,126,234,.3)}.logo-container h1[data-v-bcb07e94],.logo[data-v-bcb07e94]{background:linear-gradient(135deg,#667eea,#764ba2);font-size:32px;font-weight:700}.logo-container h1[data-v-bcb07e94]{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slogan[data-v-bcb07e94]{text-align:center;color:#888;font-size:14px;margin-bottom:35px;font-weight:400}.back-btn[data-v-bcb07e94]{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;background:rgba(102,126,234,.1);color:#667eea;display:flex;justify-content:center;align-items:center;font-size:24px;z-index:100;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.back-btn[data-v-bcb07e94]:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.3);transform:scale(1.05)}.form-group[data-v-bcb07e94]{margin-bottom:20px;position:relative}.section-title[data-v-bcb07e94]{font-size:14px;font-weight:600;color:#666;margin-bottom:15px;display:block}.avatar-setting[data-v-bcb07e94]{display:flex;flex-direction:column;align-items:center}.avatar[data-v-bcb07e94]{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:15px;cursor:pointer;border:3px solid #f0f0f0;transition:transform .3s ease,border-color .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.avatar[data-v-bcb07e94]:hover{transform:scale(1.05);border-color:rgba(102,126,234,.3)}.avatar-upload-btn[data-v-bcb07e94]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease;border:none;outline:none;box-shadow:0 4px 12px rgba(102,126,234,.3)}.avatar-upload-btn[data-v-bcb07e94]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.input-wrapper[data-v-bcb07e94]{position:relative;display:flex;align-items:center;background:hsla(0,0%,96.1%,.8);border-radius:12px;padding:0 15px;transition:all .3s ease;border:2px solid transparent}.input-wrapper[data-v-bcb07e94]:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.input-icon[data-v-bcb07e94]{margin-right:12px;color:#999;font-size:18px;transition:color .3s ease}.input-wrapper:focus-within .input-icon[data-v-bcb07e94]{color:#667eea}.form-input[data-v-bcb07e94]{flex:1;padding:16px 0;border:none;background:transparent;font-size:16px;color:#333;outline:none}.form-input[data-v-bcb07e94]::-moz-placeholder{color:#999;-moz-transition:color .3s ease;transition:color .3s ease}.form-input[data-v-bcb07e94]::placeholder{color:#999;transition:color .3s ease}.input-wrapper:focus-within .form-input[data-v-bcb07e94]::-moz-placeholder{color:#ccc}.input-wrapper:focus-within .form-input[data-v-bcb07e94]::placeholder{color:#ccc}.input-wrapper.clickable[data-v-bcb07e94]{cursor:pointer}.input-wrapper.clickable[data-v-bcb07e94]:hover{background:#fff;border-color:rgba(102,126,234,.3);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.gender-options[data-v-bcb07e94]{display:flex;gap:12px;justify-content:center}.gender-option[data-v-bcb07e94]{width:100px;padding:10px;border:2px solid rgba(102,126,234,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;background:hsla(0,0%,96.1%,.8);color:#666;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center}.gender-icon[data-v-bcb07e94]{font-size:30px;margin-bottom:4px}.gender-text[data-v-bcb07e94]{font-size:12px}.gender-option.active[data-v-bcb07e94]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}.gender-option[data-v-bcb07e94]:hover:not(.active){border-color:rgba(102,126,234,.4);background:#fff}.save-btn[data-v-bcb07e94]{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(102,126,234,.3)}.save-btn[data-v-bcb07e94]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.save-btn[data-v-bcb07e94]:hover:before{left:100%}.save-btn[data-v-bcb07e94]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,126,234,.4)}.save-btn.active[data-v-bcb07e94]{transform:translateY(2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.save-btn[data-v-bcb07e94]:disabled{background:#e0e0e0;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon[data-v-bcb07e94]{font-size:18px}@media (max-width:480px){.logo-container h1[data-v-bcb07e94]{font-size:28px}.form-input[data-v-bcb07e94]{font-size:15px}.save-btn[data-v-bcb07e94]{padding:15px;font-size:15px}.gender-option[data-v-bcb07e94]{width:90px;padding:8px}.gender-icon[data-v-bcb07e94]{font-size:28px}}