.nav-account{position:relative;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .3s ease;display:flex;flex-direction:row-reverse;align-items:center}.nav-account:hover{background-color:#f5f5f5}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:8px;padding:8px 0;min-width:220px;z-index:1000;border:1px solid #eee;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-account:hover .dropdown-menu,.dropdown-menu.show{display:block}.account-uls{list-style:none;padding:0;margin:0}.account-item{padding:0}.account-link{flex-direction:column;align-items:center;text-align:center;color:#333;text-decoration:none;display:flex;align-items:center;padding:10px 16px;transition:all .3s;font-size:14px}.account-link:hover{color:#007bff;background:#f8f9fa}.account-link i{margin-left:8px;font-size:16px;width:20px;text-align:center;margin:0 0 6px 0}.profile-avatar{margin-right:8px;margin-left:0;width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.title-account{font-weight:500}.divider{height:1px;background-color:#eee;margin:8px 0}