.user-menu-container{z-index:100;position:relative}.user-menu-button{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:12px;min-height:48px;padding:8px 12px;transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.user-menu-button:hover,.user-menu-button.active{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 8px 32px #60a5fa33,0 0 0 1px #ffffff1a}.user-avatar{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-avatar-initials{color:#fff;font-size:.875rem;font-weight:600}.user-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.875rem;font-weight:600;overflow:hidden}.user-role{color:#fff9;white-space:nowrap;font-size:.75rem}.user-menu-chevron{color:#ffffffb3;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.user-menu-button.active .user-menu-chevron{color:#60a5fa;transform:rotate(180deg)}.user-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:1000;background-color:#0b090999;border:1px solid #fff3;border-radius:16px;min-width:280px;padding:0;transition:transform .3s;animation:.3s cubic-bezier(.4,0,.2,1) dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 0 1px #fff6}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.user-dropdown-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px 20px;display:flex}.user-dropdown-avatar{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.user-dropdown-avatar img{object-fit:cover;width:100%;height:100%}.user-dropdown-avatar-initials{color:#fff;font-size:1rem;font-weight:600}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-dropdown-username{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.user-dropdown-items{padding:8px}.user-dropdown-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.875rem;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex}.user-dropdown-item:hover{background:#ffffff14;transform:translate(2px)}.user-dropdown-item.danger{color:#fca5a5}.user-dropdown-item.danger:hover{color:var(--status-error);background:#ef44441a}.user-dropdown-item-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-dropdown-item-label{flex:1;font-weight:600}.user-dropdown-divider{background:#ffffff80;height:1px;margin:8px 16px}@media (width<=768px){.user-menu-button{min-height:44px;padding:6px 10px}.user-info{display:none}.user-avatar{width:28px;height:28px}.user-dropdown-menu{background-color:#0b090999;min-width:260px;right:0}.user-dropdown-header{padding:12px 16px}.user-dropdown-avatar{width:36px;height:36px}.user-dropdown-items{padding:6px}.user-dropdown-item{padding:10px 12px}}@media (width<=480px){.user-dropdown-menu{min-width:240px;max-width:calc(100vw - 20px);right:0}}.user-menu-button:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.user-dropdown-item:focus-visible{outline-offset:-2px;outline:2px solid #60a5fa}