.user-profile-container{position:relative;display:flex;align-items:center}.user-profile-trigger{display:flex;align-items:center;cursor:pointer;gap:8px;padding:4px;border-radius:50px;transition:background-color .2s ease-in-out}.user-profile-trigger:hover{background-color:rgba(255,255,255,.1)}.profile-image{border-radius:50%;border:2px solid #4a4a6a;object-fit:cover}.arrow-icon{color:#fff;transition:transform .3s ease}.arrow-icon.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background-color:#2c2c3e;border:1px solid #444;border-radius:8px;width:180px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1000;overflow:hidden;animation:fadeIn .2s ease-out}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:none;border:none;color:#e0e0e0;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#3a3a50}.edit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.edit-modal-content{background-color:#1e1e2f;padding:24px;border-radius:12px;width:90%;max-width:450px;box-shadow:0 10px 25px rgba(0,0,0,.3);animation:slideInUp .4s ease-out}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a3a50;padding-bottom:16px;margin-bottom:20px}.edit-modal-header h3{color:#fff;font-size:20px;margin:0}.close-modal-btn{background:none;border:none;color:#9a9a9a;font-size:24px;cursor:pointer;transition:color .2s}.close-modal-btn:hover{color:#fff}.edit-modal-body{display:flex;flex-direction:column;gap:20px}.profile-picture-editor{display:flex;flex-direction:column;align-items:center;gap:12px}.change-photo-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#3a3a50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.change-photo-btn:hover{background-color:#4a4a6a}.form-group{display:flex;flex-direction:column}.form-group label{color:#a0a0b0;margin-bottom:8px;font-size:14px}.form-group input{background-color:#2c2c3e;border:1px solid #444;border-radius:6px;padding:12px;color:#fff;font-size:16px}.form-group input:focus{outline:none;border-color:#7b61ff}.user-email{color:#a0a0b0;font-size:16px;margin:0}.edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn,.save-btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:700;transition:all .2s}.cancel-btn{background-color:#3a3a50;color:#fff}.cancel-btn:hover{background-color:#4a4a6a}.save-btn{background-color:#0077ff;color:#fff}.save-btn:hover{background-color:#0060ce}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ff4d4d;background-color:rgba(255,77,77,.1);border:1px solid #ff4d4d;border-radius:6px;padding:10px;text-align:center;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}