.header-user{margin-left:auto;position:relative}.header-user>button{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--clr-text-dark);padding:.25rem .5rem;border-radius:.5rem;transition:background-color .2s ease}.header-user>button:hover{background-color:#0000000d}#user-menu-toggle .ui-avatar{width:2rem;height:2rem;font-size:.8rem}#user-menu-toggle .ui-avatar-img{width:2rem;height:2rem;border:2px solid var(--clr-primary)}.user-name{display:none;font-size:.9rem;font-weight:600}.user-chevron{width:1rem;height:1rem;color:var(--clr-text-medium);transition:transform .2s ease}.header-user>button[aria-expanded=true] .user-chevron{transform:rotate(180deg)}#user-menu{display:none;position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--clr-background);border:var(--border);border-radius:.75rem;box-shadow:var(--box-shadow);min-width:200px;padding:.5rem;z-index:100;flex-direction:column;gap:.25rem}#user-menu.active{display:flex}#user-menu a,#user-menu button{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;font-size:.9rem;color:var(--clr-text-dark);transition:background-color .2s ease;width:100%;background:none;border:none;cursor:pointer;text-align:left}#user-menu a:hover,#user-menu button:hover,#user-menu a.active{background-color:#0000000d}#user-menu a.active{color:var(--clr-primary);font-weight:600}.user-menu-divider{height:1px;background-color:#ebebeb;margin:.25rem 0}#user-menu form{display:contents}#user-menu button[type=submit]{color:var(--clr-danger)}#user-menu button[type=submit]:hover{background-color:var(--clr-danger-tint)}