.avatar-dropdown{position:relative;display:inline-block}.avatar-dropdown .avatar-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s ease}.avatar-dropdown .avatar-button:hover{transform:scale(1.05)}.avatar-dropdown .avatar-button .avatar-circle{width:48px;height:48px;border-radius:12px;background:var(--header-button-bg);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.avatar-dropdown .avatar-button .avatar-circle:hover{background:var(--header-button-bg);opacity:.9}.avatar-dropdown .dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.1);min-width:160px;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.avatar-dropdown .dropdown-menu .dropdown-item{width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:var(--font-inter);font-size:14px;font-weight:500;color:var(--photo-text);transition:background-color .2s ease}.avatar-dropdown .dropdown-menu .dropdown-item:hover{background:rgba(0,0,0,.05)}.avatar-dropdown .dropdown-menu .dropdown-item:focus{outline:none;background:rgba(0,0,0,.05)}.avatar-dropdown .dropdown-menu .dropdown-item.logout-item{color:#dc3545}.avatar-dropdown .dropdown-menu .dropdown-item.logout-item:hover{background:rgba(220,53,69,.1)}.avatar-dropdown .dropdown-menu .dropdown-item span{flex:1 1;text-align:left}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.avatar-dropdown .avatar-button .avatar-circle{width:48px;height:48px}.avatar-dropdown .dropdown-menu{right:-10px;min-width:140px}.avatar-dropdown .dropdown-menu .dropdown-item{padding:10px 14px;font-size:13px}}