.user-menu-wrapper{position:relative}.user-dropdown{z-index:999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:220px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.user-dropdown-header{align-items:center;gap:12px;padding:14px 16px;display:flex}.user-dropdown-avatar{color:#fff;background:#007be5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.user-dropdown-info{flex-direction:column;gap:1px;min-width:0;display:flex}.user-dropdown-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.user-dropdown-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.user-dropdown-role{color:#007be5;margin-top:2px;font-size:.72rem;font-weight:600}.user-dropdown-divider{background:#f1f5f9;height:1px;margin:0}.user-dropdown-logout{cursor:pointer;color:#ef4444;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:11px 16px;font-size:.85rem;font-weight:500;transition:background .15s;display:flex}.user-dropdown-logout:hover{background:#fef2f2}.nav-icon-placeholder{background:currentColor;width:20px;height:20px;margin-right:10px;display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}